rampin
/
vicky-remi-wedding-website
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Gracefully degrade if JavaScript is disabled

This commit is contained in:
Remi Rampin 2021-01-27 09:57:08 -05:00
parent 1874028994
commit 1ee15cd23d
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
fr/index.html
View File

@ -28,10 +28,10 @@
</div> </div>
<div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap"> <div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap">
<h3>Nous sommes très heureux de vous annoncer les fiançailles de Vicky et Rémi. Le couple se mariera au domicile des parents de Vicky le 30 janvier 2021 à 14 heures (20 heures en France). Dans un contexte de COVID-19 limitant ceux qui peuvent être avec nous pour la cérémonie légale, nous diffuserons le mariage en direct sur cette page! Nous organiserons également une célébration aux États-Unis et en France à l'avenir, si la sécurité le permet. <strong>Notre mariage commence dans</strong> :</h3> <h3>Nous sommes très heureux de vous annoncer les fiançailles de Vicky et Rémi. Le couple se mariera au domicile des parents de Vicky le 30 janvier 2021 à 14 heures (20 heures en France). Dans un contexte de COVID-19 limitant ceux qui peuvent être avec nous pour la cérémonie légale, nous diffuserons le mariage en direct sur cette page! Nous organiserons également une célébration aux États-Unis et en France à l'avenir, si la sécurité le permet. <span style="display: none !important;"><strong>Notre mariage commence dans</strong> :</span></h3>
</div> </div>
<div class="d-flex align-items-end flex-row flex-wrap mt-3"> <div class="d-flex align-items-end flex-row flex-wrap mt-3 counter" style="display: none !important;">
<h2 id="day" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="day" class="mx-auto border border-light border-5 rounded p-3"></h2>
<h2 id="hour" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="hour" class="mx-auto border border-light border-5 rounded p-3"></h2>
<h2 id="min" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="min" class="mx-auto border border-light border-5 rounded p-3"></h2>
@ -90,5 +90,10 @@
// Update the count down every 1 second // Update the count down every 1 second
updateClock(); updateClock();
setInterval(updateClock, 1000); setInterval(updateClock, 1000);
var unhide = document.querySelectorAll(".counter");
for(var i = 0; i < unhide.length; i++) {
unhide[i].style.display = "";
}
</script> </script>
</html> </html>

9
index.html
View File

@ -27,10 +27,10 @@
</div> </div>
<div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap"> <div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap">
<h3>We are so happy to announce Vicky and Rémi's engagement. The couple will be married at Vicky's parents' home on January 30, 2021 at 2pm Eastern time. Because of COVID-19 limiting those who can be with us for the legal ceremony, we'll be livestreaming the wedding on this page! We'll also hold a celebration in the US and in France in the future, safety permitting. <strong>Our wedding starts in</strong>:</h3> <h3>We are so happy to announce Vicky and Rémi's engagement. The couple will be married at Vicky's parents' home on January 30, 2021 at 2pm Eastern time. Because of COVID-19 limiting those who can be with us for the legal ceremony, we'll be livestreaming the wedding on this page! We'll also hold a celebration in the US and in France in the future, safety permitting. <span class="counter" style="display: none !important;"><strong>Our wedding starts in</strong>:</span></h3>
</div> </div>
<div class="d-flex align-items-end flex-row flex-wrap mt-3"> <div class="d-flex align-items-end flex-row flex-wrap mt-3 counter" style="display: none !important;">
<h2 id="day" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="day" class="mx-auto border border-light border-5 rounded p-3"></h2>
<h2 id="hour" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="hour" class="mx-auto border border-light border-5 rounded p-3"></h2>
<h2 id="min" class="mx-auto border border-light border-5 rounded p-3"></h2> <h2 id="min" class="mx-auto border border-light border-5 rounded p-3"></h2>
@ -77,5 +77,10 @@
// Update the count down every 1 second // Update the count down every 1 second
updateClock(); updateClock();
setInterval(updateClock, 1000); setInterval(updateClock, 1000);
var unhide = document.querySelectorAll(".counter");
for(var i = 0; i < unhide.length; i++) {
unhide[i].style.display = "";
}
</script> </script>
</html> </html>