initial draft streaming page
This commit is contained in:
Vicky Steeves
parent
475a178ecf
commit
ec2b95841f
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,79 @@
|
||||||
|
<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">
|
||||||
|
<link rel="stylesheet" href="css/bootstrap.css">
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: Lancelot;
|
||||||
|
src: url(webfonts/Lancelot-Regular.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Lancelot;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Page Content -->
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="d-flex flex-row align-items-end flex-row h-75 flex-wrap">
|
||||||
|
<h3>Nous sommes très heureux d'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. En raison du 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 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="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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</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();
|
||||||
|
|
||||||
|
// Update the count down every 1 second
|
||||||
|
var x = setInterval(function() {
|
||||||
|
|
||||||
|
// 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 = "The wedding will start ASAP!";
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
|
|
@ -0,0 +1,79 @@
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Vicky & Rémi</title>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<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">
|
||||||
|
<style>
|
||||||
|
@font-face {
|
||||||
|
font-family: Lancelot;
|
||||||
|
src: url(webfonts/Lancelot-Regular.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: Lancelot;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<!-- Page Content -->
|
||||||
|
<section>
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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="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>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</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();
|
||||||
|
|
||||||
|
// Update the count down every 1 second
|
||||||
|
var x = setInterval(function() {
|
||||||
|
|
||||||
|
// 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!";
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Loading…
Reference in New Issue