index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Countdown to the Epochalypse</title>

        <script src="./script.js" defer></script>
        <link rel="stylesheet" href="./styles.css">
    </head>
    <body>
        <!-- Main Container -->
        <main class="container">
            <!-- Title and Countdowns -->
            <h1>Countdown to the Epochalypse</h1>
            <br>
            <h2 id="time">0 days, 0 hours, 0 minutes, 0 seconds.</h2>
            <h2 id="binary">00000000 00000000 00000000 00000000</h2>

            <br><br>
            <!-- Brief Description -->
            <p>The Epochalypse, or <i>Y2K38</i>, will occur on <b>January 19th, 2038 at 3:14:07 UTC</b>. This is when the UNIX timestamp stored as a 32-bit
                signed integer will run out of space. Above, you can see the binary representation of the UNIX timestamp and when it will flip.
                After it flips, all computers that still use a 32-bit signed integer to store the timestamp will get sent back in time.
            </p>
        </main>
    </body>
</html>