PK TcXo
bs-count-down-script.cccomp
YPK T(m:(
#
component.json#
{"UUID":"0d001d5b-a929-44b4-8dd5-7598fb129fb4","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 2":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3516","appId":"RSD","appVersion":3516,"buildNumber":5971,"component_resources":{"classes":3,"file_sizes_values":[0,0,0],"file_type_values":[0,0,0],"html_elements":0,"ids":1,"links_external":0,"links_internal":0,"local_files":0,"styled_breakpoints":"992px"},"description":"Your component description","element_name":"Container","framework":"bootstrap4","html":"
\n// Set the date we're counting down to\nvar countDownDate = new Date("Jan 1, 2023 00:00:01").getTime();\n\n// Update the count down every 1 second\nvar x = setInterval(function() {\n\n // Get today's date and time\n var now = new Date().getTime();\n \n // Find the distance between now and the count down date\n var distance = countDownDate - now;\n \n // Time calculations for days, hours, minutes and seconds\n var days = Math.floor(distance / (1000 * 60 * 60 * 24));\n var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n var seconds = Math.floor((distance % (1000 * 60)) / 1000);\n \n // Output the result in an element with id="demo"\n document.getElementById("demo").innerHTML = days + "d " + hours + "h "\n + minutes + "m " + seconds + "s ";\n \n // If the count down is over, write some text \n if (distance < 0) {\n clearInterval(x);\n document.getElementById("demo").innerHTML = "2023 has started!";\n }\n}, 1000);\n\" data-outline-closed=\"\">
When does the New Year begin?
","htmlembed":{},"mobile_first":true,"name":"bs-count-down-script","resources":{},"stylesheet":".container-grid.countdown-wrap {\n height:auto;\n padding-top:8px;\n padding-right:20px;\n padding-bottom:8px;\n padding-left:20px;\n margin-top:100px;\n}\n\nh2.countdown-heading {\n text-align:center;\n font-family:Tahoma, Verdana, Segoe, sans-serif;\n}\n\np.paragraph.countdown-para {\n margin-right:auto;\n margin-left:auto;\n width:100%;\n max-width:500px;\n text-align:center;\n font-family:Tahoma, Verdana, Segoe, sans-serif;\n font-size:36px;\n background-color:rgba(8, 48, 171, 1);\n color:rgba(255, 255, 255, 1);\n border-top-left-radius:5px 5px;\n border-top-right-radius:5px 5px;\n border-bottom-right-radius:5px 5px;\n border-bottom-left-radius:5px 5px;\n box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 8px 0px;\n padding-top:15px;\n padding-bottom:12px;\n font-weight:500;\n min-height:0px;\n}\n\n@media screen and (min-width: 62rem) {\n h2.countdown-heading {\n font-family:Tahoma, Verdana, Segoe, sans-serif;\n }\n\n p.paragraph.countdown-para {\n font-family:Tahoma, Verdana, Segoe, sans-serif;\n font-weight:500;\n }\n}","timestamp":1655742190250,"type":"Container","units":"rem"}
PK T(m:(
#
component.jsonPK <