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

Fix whitespace

This commit is contained in:
Remi Rampin 2021-01-25 12:49:03 -05:00
parent db8f217dff
commit e9e5474424
2 changed files with 72 additions and 62 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

73
fr.html
View File

@ -11,26 +11,26 @@
font-family: Lancelot; font-family: Lancelot;
src: url(webfonts/Lancelot-Regular.ttf); src: url(webfonts/Lancelot-Regular.ttf);
} }
body { body {
font-family: Lancelot; font-family: Lancelot;
} }
</style> </style>
</head> </head>
<body> <body>
<!-- Page Content --> <!-- Page Content -->
<section> <section>
<div class="container"> <div class="container">
<div class="d-flex flex-row"> <div class="d-flex flex-row">
<h1 class="mt-3 display-5">Vicky Steeves et Rémi Rampin se marient ! <a href="index.html" class="ml-5">EN</a> | <a href="#" class="active">FR</a></h1> <h1 class="mt-3 display-5">Vicky Steeves et Rémi Rampin se marient ! <a href="index.html" class="ml-5">EN</a> | <a href="#" class="active">FR</a></h1>
</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, heure de l'Est. 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, heure de l'Est. 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>
</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">
<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>
@ -38,43 +38,54 @@
<h2 id="sec" 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>
</div> </div>
</section> </section>
</div> </div>
</container> </container>
</body> </body>
<script src="js/bootstrap.bundle.js"></script> <script src="js/bootstrap.bundle.js"></script>
<script> <script>
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime(); var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime();
// Update the count down every 1 second // Update the count down every 1 second
var x = setInterval(function() { var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Get today's date and time // Find the distance between now and the count down date
var now = new Date().getTime(); var distance = countDownDate - now;
// Find the distance between now and the count down date // Time calculations for days, hours, minutes and seconds
var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
// Time calculations for days, hours, minutes and seconds var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var seconds = Math.floor((distance % (1000 * 60)) / 1000);
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // Get today's date and time
var seconds = Math.floor((distance % (1000 * 60)) / 1000); var now = new Date().getTime();
// Output the result in an element with id="clock" // Find the distance between now and the count down date
document.getElementById("day").innerHTML = days + " JOURS"; var distance = countDownDate - now;
document.getElementById("hour").innerHTML = hours + " HEURES";
document.getElementById("min").innerHTML = minutes + " MINUTES"; // Time calculations for days, hours, minutes and seconds
document.getElementById("sec").innerHTML = seconds + " SECONDES"; var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
// If the count down is over, write some text var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
if (distance < 0) { var seconds = Math.floor((distance % (1000 * 60)) / 1000);
clearInterval(x);
document.getElementById("clock").innerHTML = "The wedding will start ASAP!"; // 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 = "The wedding will start ASAP!";
}
}, 1000); }, 1000);
</script> </script>
</html> </html>

61
index.html
View File

@ -10,26 +10,26 @@
font-family: Lancelot; font-family: Lancelot;
src: url(webfonts/Lancelot-Regular.ttf); src: url(webfonts/Lancelot-Regular.ttf);
} }
body { body {
font-family: Lancelot; font-family: Lancelot;
} }
</style> </style>
</head> </head>
<body> <body>
<!-- Page Content --> <!-- Page Content -->
<section> <section>
<div class="container"> <div class="container">
<div class="d-flex flex-row"> <div class="d-flex flex-row">
<h1 class="mt-3 display-5">Vicky Steeves & Rémi Rampin are getting married! <a href="#" class="active ml-5">EN</a> | <a href="fr.html">FR</a></h1> <h1 class="mt-3 display-5">Vicky Steeves & Rémi Rampin are getting married! <a href="#" class="active ml-5">EN</a> | <a href="fr.html">FR</a></h1>
</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. <strong>Our wedding starts in</strong>:</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">
<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>
@ -37,43 +37,42 @@
<h2 id="sec" 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>
</div> </div>
</section> </section>
</div> </div>
</container> </container>
</body> </body>
<script src="js/bootstrap.bundle.js"></script> <script src="js/bootstrap.bundle.js"></script>
<script> <script>
// Set the date we're counting down to // Set the date we're counting down to
var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime(); var countDownDate = new Date("Jan 30, 2021 14:00:00").getTime();
// Update the count down every 1 second // Update the count down every 1 second
var x = setInterval(function() { var x = setInterval(function() {
// Get today's date and time
var now = new Date().getTime();
// Get today's date and time // Find the distance between now and the count down date
var now = new Date().getTime(); var distance = countDownDate - now;
// Find the distance between now and the count down date // Time calculations for days, hours, minutes and seconds
var distance = countDownDate - now; var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
// Time calculations for days, hours, minutes and seconds var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var seconds = Math.floor((distance % (1000 * 60)) / 1000);
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); // Output the result in an element with id="clock"
var seconds = Math.floor((distance % (1000 * 60)) / 1000); document.getElementById("day").innerHTML = days + " DAYS";
document.getElementById("hour").innerHTML = hours + " HOURS";
// Output the result in an element with id="clock" document.getElementById("min").innerHTML = minutes + " MINUTES";
document.getElementById("day").innerHTML = days + " DAYS"; document.getElementById("sec").innerHTML = seconds + " SECONDS";
document.getElementById("hour").innerHTML = hours + " HOURS";
document.getElementById("min").innerHTML = minutes + " MINUTES"; // If the count down is over, write some text
document.getElementById("sec").innerHTML = seconds + " SECONDS"; if (distance < 0) {
clearInterval(x);
// If the count down is over, write some text document.getElementById("clock").innerHTML = "The wedding will start ASAP!";
if (distance < 0) { }
clearInterval(x);
document.getElementById("clock").innerHTML = "The wedding will start ASAP!";
}
}, 1000); }, 1000);
</script> </script>
</html> </html>