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

Remove redirect and countdown

This commit is contained in:
Remi Rampin 2021-01-31 13:05:14 -05:00
parent cbd133c004
commit 9c25d2f188
2 changed files with 0 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
fr/index.html
View File

@ -2,7 +2,6 @@
<head>
<title>Vicky & Rémi</title>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; url=https://live.vicky-remi.wedding/" />
<meta name="description" content="Website de mariage pour Rémi Rampin et Vicky Steeves">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
@ -32,12 +31,6 @@
<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 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="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="sec" class="mx-auto border border-light border-5 rounded p-3"></h2>
</div>
</div>
</section>
@ -46,55 +39,4 @@
</container>
</body>
<script src="../js/bootstrap.bundle.js"></script>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime();
function updateClock() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="clock"
document.getElementById("day").innerHTML = days + " JOURS";
document.getElementById("hour").innerHTML = hours + " HEURES";
document.getElementById("min").innerHTML = minutes + " MINUTES";
document.getElementById("sec").innerHTML = seconds + " SECONDES";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("clock").innerHTML = "Le mariage commence maintenant !";
}
}
// Update the count down every 1 second
updateClock();
setInterval(updateClock, 1000);
var unhide = document.querySelectorAll(".counter");
for(var i = 0; i < unhide.length; i++) {
unhide[i].style.display = "";
}
</script>
</html>

46
index.html
View File

@ -2,7 +2,6 @@
<head>
<title>Vicky & Rémi</title>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="0; url=https://live.vicky-remi.wedding/" />
<meta name="description" content="Wedding website for Rémi Rampin and Vicky Steeves">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
@ -31,12 +30,6 @@
<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 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="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="sec" class="mx-auto border border-light border-5 rounded p-3"></h2>
</div>
</div>
</section>
@ -45,43 +38,4 @@
</container>
</body>
<script src="js/bootstrap.bundle.js"></script>
<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 30, 2021 14:00:00 -0500").getTime();
function updateClock() {
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Output the result in an element with id="clock"
document.getElementById("day").innerHTML = days + " DAYS";
document.getElementById("hour").innerHTML = hours + " HOURS";
document.getElementById("min").innerHTML = minutes + " MINUTES";
document.getElementById("sec").innerHTML = seconds + " SECONDS";
// If the count down is over, write some text
if (distance < 0) {
clearInterval(x);
document.getElementById("clock").innerHTML = "The wedding will start ASAP!";
}
}
// Update the count down every 1 second
updateClock();
setInterval(updateClock, 1000);
var unhide = document.querySelectorAll(".counter");
for(var i = 0; i < unhide.length; i++) {
unhide[i].style.display = "";
}
</script>
</html>