PK TX bs-years-completed.cccompPK rTڿ
component.json
k{"UUID":"549cc69c-558f-4031-b0f0-5fed0506d3e7","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 3":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text":{"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":0,"links_external":0,"links_internal":0,"local_files":0,"styled_breakpoints":"576px / 768px / 1200px"},"description":"Your component description","element_name":"Container","framework":"bootstrap4","html":"
For how many years has Coffeecup Software been in business?
\nfunction years() {\nvar a = document.querySelector(".anniv");\nvar s = new Date(1996, 05, 01); // start date as yyyy, mm-1, dd\nvar t = new Date(); // today\nvar n = t.getFullYear() - s.getFullYear();\n// Reduce number of years by 1 if today is before the anniversary\nif(t.getMonth() < s.getMonth()) {n--;}\nif(t.getMonth() == s.getMonth() && t.getDate() < s.getDate()) {n--;}\na.innerHTML = "They have been in business for " + n + " years.";\n}\nwindow.onload = years;\n\">Well, Let's see...","htmlembed":{},"mobile_first":true,"name":"bs-years-completed","resources":{},"stylesheet":".container-grid.script-wrap {\n height:auto;\n padding-top:8px;\n padding-right:20px;\n padding-bottom:8px;\n padding-left:20px;\n}\n\nh3.heading-1 {\n max-width:500px;\n margin-right:auto;\n margin-left:auto;\n text-align:center;\n font-family:'Gill Sans', 'Gill Sans MT', Calibri, sans-serif;\n margin-top:100px;\n}\n\nspan.text-element.anniv {\n display:block;\n width:90%;\n margin-right:auto;\n margin-left:auto;\n max-width:500px;\n background-color:rgba(223, 37, 78, 1);\n font-family:Copperplate, 'Copperplate Gothic Light', fantasy;\n text-align:center;\n font-size:20px;\n padding-top:24px;\n color:rgba(255, 255, 255, 1);\n font-variant:small-caps;\n margin-top:50px;\n padding-bottom:26px;\n padding-right:12px;\n padding-left:12px;\n font-weight:600;\n border-top-width:0.125rem;\n border-top-style:solid;\n border-right-style:solid;\n border-bottom-style:solid;\n border-left-style:solid;\n border-right-width:0.125rem;\n border-bottom-width:0.125rem;\n border-left-width:0.125rem;\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}\n\n@media screen and (min-width: 36rem) {\n h3.heading-1 {\n margin-top:20px;\n }\n}\n\n@media screen and (min-width: 48rem) {\n h3.heading-1 {\n max-width:550px;\n }\n}\n\n@media screen and (min-width: 75rem) {\n h3.heading-1 {\n text-align:center;\n max-width:600px;\n margin-right:auto;\n margin-left:auto;\n margin-top:20px;\n }\n\n span.text-element.anniv {\n max-width:500px;\n color:rgba(255, 255, 255, 1);\n background-color:rgba(223, 37, 78, 1);\n box-shadow:rgba(0, 0, 0, 0.5) 4px 4px 8px 0px;\n }\n}","timestamp":1655745060702,"type":"Container","units":"rem"}
PK rTڿ
component.jsonPK <