index.html (1603B) [raw]
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1"> 6 <link rel="stylesheet" href="/style.css"> 7 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png"> 8 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png"> 9 <title>Alex & Jennie's Wedding</title> 10 </head> 11 <body> 12 <h1 class="index-title">Alex <small>&</small> Jennie</h1> 13 <p class="subtitle">Tie the Knot</p> 14 <nav> 15 <a href="/">Home</a> 16 <a href="/story.html">Our Story</a> 17 <a href="/event.html">Event</a> 18 <a href="/travel.html">Travel</a> 19 <a href="/registry.html">Registry</a> 20 </nav> 21 <img src="/static/acadia.jpg" alt="Alex and Jennie in Acadia" 22 width="100%"> 23 24 <p class="index-joinus"> 25 Please join us for our wedding celebration on 26 </p> 27 <p class="index-date"> 28 September 9, 2023 29 </p> 30 <p class="index-daystill"> 31 <span id="daystill"></span> 32 </p> 33 <footer>Copyright 2022, Alex Karle (<a href="license.html">License</a>)</footer> 34 <script> 35 const now = new Date(); 36 const bigday = new Date("2023-09-09"); 37 const daysUntil = parseInt((bigday.getTime() - now.getTime()) / 1000 / 3600 / 24) + 1; 38 if (daysUntil != 1) { 39 document.getElementById("daystill").innerHTML = daysUntil + " days"; 40 } else { 41 document.getElementById("daystill").innerHTML = daysUntil + " day"; 42 } 43 document.getElementById("daystill").innerHTML += " until the big day!"; 44 </script> 45 </body> 46 </html>