diff --git a/LICENSE b/LICENSE
index 664d8fb..b0037eb 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023-2025, Kody (rita.moe)
+Copyright (c) 2023-2026, Kody (rita.moe)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/browserconfig.xml b/browserconfig.xml
index e7e332c..ab6f83e 100644
--- a/browserconfig.xml
+++ b/browserconfig.xml
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
-    <msapplication>
-        <tile>
-            <square150x150logo src="/img/mstile-150x150.png"/>
-            <TileColor>#111111</TileColor>
-        </tile>
-    </msapplication>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/img/mstile-150x150.png"/>
+      <TileColor>#111111</TileColor>
+    </tile>
+  </msapplication>
 </browserconfig>
diff --git a/css/styles.css b/css/styles.css
index 8d43a66..030b408 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1 @@
-body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background-color:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}header svg{height:1.7rem;vertical-align:-0.3rem;width:1.7rem}@media screen and (min-width: 500px){header svg{height:2rem;width:2rem}}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main form label{cursor:pointer;margin-right:.2rem}@media screen and (max-width: 499px){main form label{display:block}main form input,main form select{width:100%}}main button{cursor:pointer;margin-top:1rem}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}main .share{margin-top:1rem;text-align:center}footer{color:#444;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background-color:#000}footer{color:#b5b5b5}}/*# sourceMappingURL=styles.css.map */
+body{background-color:#efefef;color:#000;font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande","Lucida Sans",Arial,sans-serif;margin:0 auto;max-width:900px}header{background-color:#fff;border-radius:10px;margin:1rem .5rem 0;padding:1rem 1.5rem}header h1{font-size:1.5rem;margin:0}@media screen and (min-width: 500px){header h1{font-size:2rem}}header a{color:inherit;text-decoration:none}header svg{height:1.7rem;vertical-align:-0.3rem;width:1.7rem}@media screen and (min-width: 500px){header svg{height:2rem;width:2rem}}main{padding:1rem 2rem}main h2{font-size:1.5rem;margin:1rem 0;text-align:center}main h2 span{font-size:1.2rem}main form{line-height:2rem}main form label{cursor:pointer;margin-right:.2rem}@media screen and (max-width: 499px){main form label{display:block}main form input,main form select{width:100%}}main button{cursor:pointer;margin-top:1rem}main hr{margin:3rem 0}main .tz-table{display:flex;flex-wrap:wrap;justify-content:center;text-align:center}main .tz-table .tz-table-element{flex:0 0 calc(100% - 1rem);margin:.5rem}@media screen and (min-width: 440px){main .tz-table .tz-table-element{flex:0 0 calc(50% - 1rem)}}@media screen and (min-width: 630px){main .tz-table .tz-table-element{flex:0 0 calc(33% - 1rem)}}@media screen and (min-width: 820px){main .tz-table .tz-table-element{flex:0 0 calc(25% - 1rem)}}main .share{margin-top:1rem;text-align:center}footer{color:#444;font-size:.7rem;margin-top:1rem;padding:1rem;text-align:center}footer a{color:inherit}@media screen and (prefers-color-scheme: dark){body{background-color:#111;color:#fff}header{background-color:#000}footer{color:#b5b5b5}}/*# sourceMappingURL=styles.css.map */
diff --git a/css/styles.css.map b/css/styles.css.map
index 8dbefb7..51e813d 100644
--- a/css/styles.css.map
+++ b/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,sBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,cACA,uBACA,aAEA,qCALF,WAMI,YACA,YAKN,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAEA,gBACE,eACA,mBAGF,qCACE,gBACE,cAGF,iCAEE,YAKN,YACE,eACA,gBAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE,sBAGF,OACE","file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA,KACE,yBACA,WACA,gGACA,cACA,gBAGF,OACE,sBACA,mBACA,oBACA,oBAEA,UACE,iBACA,SAEA,qCAJF,UAKI,gBAIJ,SACE,cACA,qBAGF,WACE,cACA,uBACA,aAEA,qCALF,WAMI,YACA,YAKN,KACE,kBAEA,QACE,iBACA,cACA,kBAEA,aACE,iBAIJ,UACE,iBAEA,gBACE,eACA,mBAGF,qCACE,gBACE,cAGF,iCAEE,YAKN,YACE,eACA,gBAGF,QACE,cAGF,eACE,aACA,eACA,uBACA,kBAIA,iCACE,2BACA,OAJQ,MAMR,qCAJF,iCAKI,2BAGF,qCARF,iCASI,2BAGF,qCAZF,iCAaI,2BAKN,YACE,gBACA,kBAIJ,OACE,WACA,gBACA,gBACA,aACA,kBAEA,SACE,cAIJ,+CACE,KACE,sBACA,WAGF,OACE,sBAGF,OACE","file":"styles.css"}
\ No newline at end of file
diff --git a/css/styles.scss b/css/styles.scss
index a0718c4..59a4002 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -1,7 +1,8 @@
 body {
   background-color: #efefef;
   color: #000;
-  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
+  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
+               'Lucida Sans', Arial, sans-serif;
   margin: 0 auto;
   max-width: 900px;
 }
@@ -76,6 +77,10 @@ main {
     margin-top: 1rem;
   }
 
+  hr {
+    margin: 3rem 0;
+  }
+
   .tz-table {
     display: flex;
     flex-wrap: wrap;
diff --git a/index.php b/index.php
index bb9fe22..5d49766 100644
--- a/index.php
+++ b/index.php
@@ -1,11 +1,12 @@
 <?php
 // Configuration
 const COOKIE_LIFETIME = 60 * 60 * 24 * 365; // 1 year
-const SITE_BASE = 'https://tz.rita.moe'; // Base URL of the site, no trailing slash
+const SITE_BASE = 'https://tz.rita.moe'; // Base URL, no trailing slash
 
 // Set security headers
 $nonce = bin2hex(random_bytes(16));
-header("Content-Security-Policy: default-src 'none'; script-src 'self' 'nonce-$nonce'; img-src 'self'; style-src 'self'; form-action 'self';");
+header("Content-Security-Policy: default-src 'none'; script-src 'self' " .
+       "'nonce-$nonce'; img-src 'self'; style-src 'self'; form-action 'self';");
 header('X-Content-Type-Options: nosniff');
 header('X-Frame-Options: DENY');
 header('X-XSS-Protection: 1; mode=block');
@@ -13,7 +14,9 @@ header('X-XSS-Protection: 1; mode=block');
 function getOffset($tz) {
   $tz = new DateTime('now', new DateTimeZone($tz));
   $offset = $tz->format('T');
-  return str_starts_with($offset, '-') || str_starts_with($offset, '+') ? 'UTC' . $offset : $offset;
+  return (str_starts_with($offset, '-') || str_starts_with($offset, '+'))
+    ? 'UTC' . $offset
+    : $offset;
 }
 
 function toTZ($dt, $tz, $format='Y-m-d H:i') {
@@ -39,6 +42,8 @@ $popTZ = [
 ];
 
 $allTZ = timezone_identifiers_list(DateTimeZone::ALL);
+$currPageEncoded = htmlspecialchars(SITE_BASE . $_SERVER['REQUEST_URI'],
+                                    ENT_QUOTES, 'UTF-8');
 
 // User sets timezone cookie
 if (isset($_POST['user-tz']) && in_array($_POST['user-tz'], $allTZ)) {
@@ -60,7 +65,8 @@ try {
   if (isset($_POST['datetime']) && isset($_POST['timezone'])) {
     // -- Redirect to submitted date
     // @NOTE(Kody): I'm fine not validating all inputs here.
-    //              Either it will fall in the catch block, or fail at the validation after the redirect.
+    //              Either it will fall in the catch block, or fail at
+    //              the validation after the redirect.
 
     // Handle if timezone is an offset
     $postTZ = $_POST['timezone'];
@@ -106,7 +112,13 @@ try {
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Time Zones Are Hard<?= isset($req) ? ' - ' . htmlspecialchars(str_replace('_', '+', $req), ENT_QUOTES, 'UTF-8') : '' ?></title>
+  <title>Time Zones Are Hard<?=
+    isset($req)
+      ? ' - ' . htmlspecialchars(
+          str_replace('_', '+', $req), ENT_QUOTES, 'UTF-8'
+        )
+      : ''
+  ?></title>
   <link rel="stylesheet" href="/css/styles.css">
 <?php if (isset($dt)) { ?>
   <meta name="robots" content="noindex,noarchive">
@@ -126,7 +138,12 @@ try {
 </head>
 <body>
   <header>
-    <h1><a href="/"><?= file_get_contents('./img/clock.svg'); ?> Time Zones Are Hard</a></h1>
+    <h1>
+      <a href="/">
+        <?= file_get_contents('./img/clock.svg') . PHP_EOL; ?>
+        Time Zones Are Hard
+      </a>
+    </h1>
   </header>
 
   <main>
@@ -135,186 +152,24 @@ try {
     <form action="/" method="post">
       <button type="submit">Go back home</button>
     </form>
-<?php } elseif (isset($dt)) { ?>
-    <h2 class="local">
-      <noscript>
 <?php
-      if (isset($_COOKIE['user-tz'])) {
-        $hm = $_COOKIE['user-24'] === '1' ? 'H:i' : 'h:i a';
-        // I put spaces just so it looks nice in the source code
-        echo '        ' . toTZ($dt, $_COOKIE['user-tz'], 'l \t\h\e jS \o\f F, Y \a\t ' . $hm) . PHP_EOL;
-      } elseif ($_COOKIE['has-js'] !== '1') {
+  } elseif (isset($dt)) {
+    require_once './pages/dt.php';
+  } else {
+    require_once './pages/home.php';
+  }
 ?>
-        Please select your local time zone <small>(or enable JavaScript)</small>:<br/>
-        <form method="post">
-          <select required id="user-tz" name="user-tz" aria-label="Timezone selector">
-            <option selected disabled>(pick one)</option>
-            <optgroup label="Popular">
-<?php foreach($popTZ as $tz) { ?>
-              <option value="<?= $tz ?>">
-                <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
-              </option>
-<?php } ?>
-            </optgroup>
-            <optgroup label="All">
-<?php foreach($allTZ as $tz) { ?>
-              <option value="<?= $tz ?>">
-                <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
-              </option>
-<?php } ?>
-            </optgroup>
-          </select>
-          <br/>
-          <input type="checkbox" id="user-24" name="user-24" aria-label="Use 24-hour time format instead of 12-hour AM/PM"/>
-          <label for="user-24"><span>24h format</span></label>
-          <br/>
-          <button type="submit">Submit</button>
-        </form>
-<?php } else { ?>
-        Did you turn off Javascript?<br/>
-        <form method="post">
-          <input type="hidden" name="no-js" value="1"/>
-          <button type="submit">Reload to no-JS</button>
-        </form>
-<?php } ?>
-      </noscript>
-    </h2>
-
-    <br/>
-
-    <h3>In popular time zones</h3>
-    <div class="tz-table">
-<?php foreach($popTZ as $tz) { ?>
-      <div class="tz-table-element">
-        <strong><?= $tz === 'UTC' ? 'UTC' : str_replace('_', ' ', explode('/', $tz, 2)[1]) . ' (' . getOffset($tz) . ')' ?></strong>
-        <br/>
-        <span><?= toTZ($dt, $tz) ?></span>
-      </div>
-<?php } ?>
-    </div>
-
-    <div class="share">
-      <input type="hidden" id="url" value="<?= htmlspecialchars(SITE_BASE . $_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8') ?>"/>
-    </div>
-
-    <script nonce="<?= $nonce ?>">
-      // Make our day.js object
-      const djs = dayjs('<?= $dt->format('c') ?>')
-
-      // Use the browser's formating to local time
-      const localDT = djs.toDate().toLocaleString(undefined, {
-        dateStyle: 'full',
-        timeStyle: 'short'
-      })
-
-      // Get the relative time
-      const relative = djs.fromNow()
-
-      // Display
-      document.querySelector('.local').innerHTML = localDT + '<br/><span>(' + relative + ')</span>'
-
-      // Display share button
-      const shareButton = document.createElement('button')
-      shareButton.type = 'button'
-      shareButton.textContent = 'Share'
-      shareButton.onclick = shareURL
-      document.querySelector('.share').appendChild(shareButton)
-
-      // Our share URL function
-      function shareURL () {
-        if (navigator.canShare) {
-          // Use native navigator share
-          navigator.share({
-            url: '<?= htmlspecialchars(SITE_BASE . $_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8') ?>'
-          })
-        } else if (navigator.clipboard) {
-          // Use Clipboard API
-          navigator.clipboard.writeText('<?= htmlspecialchars(SITE_BASE . $_SERVER['REQUEST_URI'], ENT_QUOTES, 'UTF-8') ?>')
-            .then(() => {
-              alert('URL copied to clipboard!')
-            })
-            .catch((err) => {
-              console.log('Clipboard API failed, fallback.', err)
-              // Use old input copy trick
-              commandCopy()
-            })
-        } else {
-          // Use old input copy trick
-          commandCopy()
-        }
-      }
-
-      // Copy content from the hidden input
-      function commandCopy () {
-        shareTextInput = document.querySelector('#url')
-        shareTextInput.focus()
-        shareTextInput.select()
-
-        if (document.execCommand('copy')) {
-          alert('URL copied to clipboard!')
-        } else {
-          // Fallback to prompt with URL
-          prompt('Share this URL:', shareTextInput.value)
-        }
-      }
-    </script>
-<?php } else { ?>
-    <p>
-      Fill out this form to make a page that shows a set date and time in the visitor's time zone.<br/>
-      It will also show the time in other popular time zones.
-    </p>
-
-    <form action="/" method="post">
-      <noscript>
-        <small>(If you only see a plain input, use the "YYYY-MM-DD HH:MM" format.)</small>
-        <br/>
-      </noscript>
-      <label for="datetime">Date and Time:</label>
-      <input required type="datetime-local" id="datetime" name="datetime"/>
-
-      <br/>
-
-      <label for="timezone">Time Zone:</label>
-      <select required id="timezone" name="timezone">
-        <option selected disabled>(pick one)</option>
-        <optgroup label="Popular">
-<?php foreach($popTZ as $tz) { ?>
-          <option value="<?= $tz ?>">
-            <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
-          </option>
-<?php } ?>
-        </optgroup>
-        <optgroup label="All">
-<?php foreach($allTZ as $tz) { ?>
-          <option value="<?= $tz ?>">
-            <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
-          </option>
-<?php } ?>
-        </optgroup>
-      </select>
-
-      <br/>
-
-      <button type="submit">Submit</button>
-    </form>
-
-    <script nonce="<?= $nonce ?>">
-      // Get a date object
-      const dt = new Date()
-
-      // Set the user's offset and enable option
-      const userEl = document.querySelector('option[disabled]')
-      userEl.value = dt.getTimezoneOffset() * -1
-      userEl.innerHTML = '(use my timezone)'
-      userEl.disabled = false
-      userEl.selected = true
-    </script>
-<?php } ?>
   </main>
 
   <footer>
     &copy; <?= date('Y') ?> rita.moe - Made with 🍮<br/>
-    <a href="https://thenounproject.com/icon/wall-clock-5456766/" target="_blank" title="Wall Clock Icon" rel="noopener">Wall Clock by Basicon</a> from Noun Project (CC BY 3.0)
+    <a
+      href="https://thenounproject.com/icon/wall-clock-5456766/"
+      rel="noopener"
+      target="_blank"
+      title="Wall Clock Icon"
+    >Wall Clock by Basicon</a>
+    from Noun Project (CC BY 3.0)
   </footer>
 <?php if ($_COOKIE['has-js'] !== '1') { ?>
 
diff --git a/pages/dt.php b/pages/dt.php
new file mode 100644
index 0000000..2c88ceb
--- /dev/null
+++ b/pages/dt.php
@@ -0,0 +1,145 @@
+<?php // Please leave the indentation as-is, it looks pretty in the output :) ?>
+    <h2 class="local">
+      <noscript>
+<?php
+      if (isset($_COOKIE['user-tz'])) {
+        $hm = $_COOKIE['user-24'] === '1' ? 'H:i' : 'h:i a';
+        // I put spaces just so it looks nice in the source code
+        echo '        ' .
+          toTZ($dt, $_COOKIE['user-tz'], 'l \t\h\e jS \o\f F, Y \a\t ' . $hm) .
+          PHP_EOL;
+      } elseif ($_COOKIE['has-js'] !== '1') {
+?>
+        Please select your local time zone <small>(or enable JavaScript)</small>:<br/>
+        <form method="post">
+          <select
+            aria-label="Timezone selector"
+            id="user-tz"
+            name="user-tz"
+            required
+          >
+            <option selected disabled>(pick one)</option>
+            <optgroup label="Popular">
+<?php foreach($popTZ as $tz) { ?>
+              <option value="<?= $tz ?>">
+                <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
+              </option>
+<?php } ?>
+            </optgroup>
+            <optgroup label="All">
+<?php foreach($allTZ as $tz) { ?>
+              <option value="<?= $tz ?>">
+                <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
+              </option>
+<?php } ?>
+            </optgroup>
+          </select>
+          <br/>
+          <input
+            aria-label="Use 24-hour time format instead of 12-hour AM/PM"
+            id="user-24"
+            name="user-24"
+            type="checkbox"
+          />
+          <label for="user-24"><span>24h format</span></label>
+          <br/>
+          <button type="submit">Submit</button>
+        </form>
+<?php } else { ?>
+        Did you turn off Javascript?<br/>
+        <form method="post">
+          <input type="hidden" name="no-js" value="1"/>
+          <button type="submit">Reload to no-JS</button>
+        </form>
+<?php } ?>
+      </noscript>
+    </h2>
+
+    <br/>
+
+    <h3>In popular time zones</h3>
+    <div class="tz-table">
+<?php foreach($popTZ as $tz) { ?>
+      <div class="tz-table-element">
+        <strong><?=
+          $tz === 'UTC'
+            ? 'UTC'
+            : str_replace('_', ' ', explode('/', $tz, 2)[1]) .
+              ' (' . getOffset($tz) . ')'
+        ?></strong>
+        <br/>
+        <span><?= toTZ($dt, $tz) ?></span>
+      </div>
+<?php } ?>
+    </div>
+
+    <div class="share">
+      <input
+        type="hidden"
+        id="url"
+        value="<?= $currPageEncoded ?>"
+      />
+    </div>
+
+    <script nonce="<?= $nonce ?>">
+      // Make our day.js object
+      const djs = dayjs('<?= $dt->format('c') ?>')
+
+      // Use the browser's formating to local time
+      const localDT = djs.toDate().toLocaleString(undefined, {
+        dateStyle: 'full',
+        timeStyle: 'short'
+      })
+
+      // Get the relative time
+      const relative = djs.fromNow()
+
+      // Display
+      const lt = localDT + '<br/><span>(' + relative + ')</span>'
+      document.querySelector('.local').innerHTML = lt
+
+      // Display share button
+      const shareButton = document.createElement('button')
+      shareButton.type = 'button'
+      shareButton.textContent = 'Share'
+      shareButton.onclick = shareURL
+      document.querySelector('.share').appendChild(shareButton)
+
+      // Our share URL function
+      function shareURL () {
+        if (navigator.canShare) {
+          // Use native navigator share
+          navigator.share({
+            url: '<?= $currPageEncoded ?>',
+          })
+        } else if (navigator.clipboard) {
+          // Use Clipboard API
+          navigator.clipboard.writeText('<?= $currPageEncoded ?>')
+            .then(() => {
+              alert('URL copied to clipboard!')
+            })
+            .catch((err) => {
+              console.log('Clipboard API failed, fallback.', err)
+              // Use old input copy trick
+              commandCopy()
+            })
+        } else {
+          // Use old input copy trick
+          commandCopy()
+        }
+      }
+
+      // Copy content from the hidden input
+      function commandCopy () {
+        shareTextInput = document.querySelector('#url')
+        shareTextInput.focus()
+        shareTextInput.select()
+
+        if (document.execCommand('copy')) {
+          alert('URL copied to clipboard!')
+        } else {
+          // Fallback to prompt with URL
+          prompt('Share this URL:', shareTextInput.value)
+        }
+      }
+    </script>
\ No newline at end of file
diff --git a/pages/home.php b/pages/home.php
new file mode 100644
index 0000000..c74271d
--- /dev/null
+++ b/pages/home.php
@@ -0,0 +1,72 @@
+<?php // Please leave the indentation as-is, it looks pretty in the output :) ?>
+    <p>
+      Fill out this form to make a page that shows a set date and time in
+      the visitor's time zone.<br/>
+      It will also show the time in other popular time zones.
+    </p>
+
+    <form action="/" method="post">
+      <noscript>
+        <small>
+          (If you only see a plain input, use the "YYYY-MM-DD HH:MM" format.)
+        </small>
+        <br/>
+      </noscript>
+      <label for="datetime">Date and Time:</label>
+      <input required type="datetime-local" id="datetime" name="datetime"/>
+
+      <br/>
+
+      <label for="timezone">Time Zone:</label>
+      <select required id="timezone" name="timezone">
+        <option selected disabled>(pick one)</option>
+        <optgroup label="Popular">
+<?php foreach($popTZ as $tz) { ?>
+          <option value="<?= $tz ?>">
+            <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
+          </option>
+<?php } ?>
+        </optgroup>
+        <optgroup label="All">
+<?php foreach($allTZ as $tz) { ?>
+          <option value="<?= $tz ?>">
+            <?= str_replace('_', ' ', $tz) ?> (<?= getOffset($tz) ?>)
+          </option>
+<?php } ?>
+        </optgroup>
+      </select>
+
+      <br/>
+
+      <button type="submit">Submit</button>
+    </form>
+
+    <hr/>
+
+    <h3>Current time</h3>
+    <div class="tz-table">
+<?php $dt = new DateTime(); foreach($popTZ as $tz) { ?>
+      <div class="tz-table-element">
+        <strong><?=
+          $tz === 'UTC'
+            ? 'UTC'
+            : str_replace('_', ' ', explode('/', $tz, 2)[1]) .
+              ' (' . getOffset($tz) . ')'
+        ?></strong>
+        <br/>
+        <span><?= toTZ($dt, $tz) ?></span>
+      </div>
+<?php } ?>
+    </div>
+
+    <script nonce="<?= $nonce ?>">
+      // Get a date object
+      const dt = new Date()
+
+      // Set the user's offset and enable option
+      const userEl = document.querySelector('option[disabled]')
+      userEl.value = dt.getTimezoneOffset() * -1
+      userEl.innerHTML = '(use my timezone)'
+      userEl.disabled = false
+      userEl.selected = true
+    </script>
\ No newline at end of file
diff --git a/routing.php b/routing.php
index cbc40a2..3a8127c 100644
--- a/routing.php
+++ b/routing.php
@@ -3,7 +3,10 @@
 // php -S 127.0.0.1:8080 routing.php
 
 // Check for static files but exclude dot files
-if (is_file($_SERVER['DOCUMENT_ROOT'] . '/' . $_SERVER['SCRIPT_NAME']) && strpos($_SERVER['SCRIPT_NAME'], '/.') === false) {
+if (
+  is_file($_SERVER['DOCUMENT_ROOT'] . '/' . $_SERVER['SCRIPT_NAME']) &&
+  strpos($_SERVER['SCRIPT_NAME'], '/.') === false
+) {
   return false;
 }
 
diff --git a/site.webmanifest b/site.webmanifest
index 4fa059f..dd71785 100644
--- a/site.webmanifest
+++ b/site.webmanifest
@@ -1,38 +1,38 @@
 {
-    "id": "/",
-    "start_url": "/",
-    "name": "Time Zones Are Hard",
-    "short_name": "TZAH",
-    "display": "standalone",
-    "orientation": "portrait-primary",
-    "categories": [
-        "utilities",
-        "productivity"
-    ],
-    "theme_color": "#111111",
-    "background_color": "#111111",
-    "icons": [
-        {
-            "src": "/img/android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "/img/maskable_icon_x192.png",
-            "sizes": "192x192",
-            "type": "image/png",
-            "purpose": "maskable"
-        },
-        {
-            "src": "/img/android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        },
-        {
-            "src": "/img/maskable_icon_x512.png",
-            "sizes": "512x512",
-            "type": "image/png",
-            "purpose": "maskable"
-        }
-    ]
+  "id": "/",
+  "start_url": "/",
+  "name": "Time Zones Are Hard",
+  "short_name": "TZAH",
+  "display": "standalone",
+  "orientation": "portrait-primary",
+  "categories": [
+    "utilities",
+    "productivity"
+  ],
+  "theme_color": "#111111",
+  "background_color": "#111111",
+  "icons": [
+    {
+      "src": "/img/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/maskable_icon_x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/img/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/img/maskable_icon_x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ]
 }