2021-01-24 23:25:57 +00:00
< html >
< head >
< title > Vicky & Rémi< / title >
< meta charset = "UTF-8" >
< 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" >
2021-01-25 15:25:55 +00:00
< link rel = "shortcut icon" href = "favicon.ico" type = "image/x-icon" >
2021-01-25 18:01:49 +00:00
< link rel = "stylesheet" href = "../css/bootstrap.css" >
2021-01-24 23:25:57 +00:00
< style >
@font-face {
font-family: Lancelot;
2021-01-25 18:01:49 +00:00
src: url(../webfonts/Lancelot-Regular.ttf);
2021-01-24 23:25:57 +00:00
}
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
body {
font-family: Lancelot;
}
< / style >
< / head >
< body >
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
<!-- Page Content -->
< section >
< div class = "container" >
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
< div class = "d-flex flex-row" >
2021-01-25 18:01:49 +00:00
< h1 class = "mt-3 display-5" > Vicky Steeves et Rémi Rampin se marient ! < a href = ".." class = "ml-5" > EN< / a > | < a href = "#" class = "active" > FR< / a > < / h1 >
2021-01-24 23:25:57 +00:00
< / div >
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
< div class = "d-flex flex-row align-items-end flex-row h-75 flex-wrap" >
2021-01-27 14:57:08 +00:00
< 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 >
2021-01-24 23:25:57 +00:00
< / div >
2021-01-25 17:49:03 +00:00
2021-01-27 14:57:08 +00:00
< div class = "d-flex align-items-end flex-row flex-wrap mt-3 counter" style = "display: none !important;" >
2021-01-24 23:25:57 +00:00
< 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 >
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
< / section >
2021-01-25 17:49:03 +00:00
2021-01-24 23:25:57 +00:00
< / div >
< / container >
< / body >
2021-01-25 18:01:49 +00:00
< script src = "../js/bootstrap.bundle.js" > < / script >
2021-01-24 23:25:57 +00:00
< script >
// Set the date we're counting down to
var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime();
2021-01-25 18:03:59 +00:00
function updateClock() {
2021-01-25 17:49:03 +00:00
// Get today's date and time
var now = new Date().getTime();
2021-01-24 23:25:57 +00:00
2021-01-25 17:49:03 +00:00
// 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);
2021-01-25 17:52:21 +00:00
document.getElementById("clock").innerHTML = "Le mariage commence maintenant !";
2021-01-25 17:49:03 +00:00
}
2021-01-25 18:03:59 +00:00
}
// Update the count down every 1 second
updateClock();
setInterval(updateClock, 1000);
2021-01-27 14:57:08 +00:00
var unhide = document.querySelectorAll(".counter");
for(var i = 0; i < unhide.length ; i + + ) {
unhide[i].style.display = "";
}
2021-01-24 23:25:57 +00:00
< / script >
< / html >
