home: add a last updated timestamp to terms & privacy

home/index.html

@@ -14,11 +14,11 @@
     <img src="assets/logo.avif" class="logo" />
     <div class="flex flex-col gap-8 mt-4">
         <p class="font-light">hello, and welcome to atom.town. here, you will be at home.</p>
-        <div class="flex flex-col">
+        <div class="flex flex-col w-fit">
             <a href="https://mail.atom.town" target="_blank" class="font-normal pop big">webmail</a>
             <a href="https://git.atom.town" target="_blank" class="font-normal pop big">git</a>
         </div>
-        <div class="flex flex-col">
+        <div class="flex flex-col w-fit">
             <a href="terms-privacy.html" class="font-normal pop big">terms & privacy</a>
             <a href="setup.html" class="font-normal pop big">setup</a>
         </div>

home/style/style.css

@@ -31,7 +31,7 @@ ul {
 /* tailwind lite */
 :root { --space: 4px; }
 
-.flex { display: flex; width: fit-content; }
+.flex { display: flex; }
 .flex-col { flex-direction: column; }
 
 .gap-2 { gap: calc(var(--space) * 2); }
@@ -42,6 +42,12 @@ ul {
 
 .self-start { align-self: flex-start; }
 
+.justify-between { justify-content: space-between; }
+
+.w-fit { width: fit-content; }
+
+.items-center { align-items: center; }
+
 .font-light { font-weight: 300; }
 .font-normal { font-weight: 400; }
 .font-heavy { font-weight: 500; }
@@ -54,6 +60,13 @@ ul {
 }
 /* tailwind lite */
 
+.small {
+    font-size: 16px;
+    @media (max-width: 1024px) {
+        font-size: 32px;
+    }
+}
+
 .big {
     font-size: 24px;
     @media (max-width: 1024px) {

home/terms-privacy.html

@@ -29,7 +29,10 @@
                 <li>atom.town does not share, nor ever will share any information it collects with any third parties, beyond what is absolutely necessary to run the service.</li>
             </ul>
         </div>
-        <a href="/" class="self-start font-normal pop">← back</a>
+        <div class="flex justify-between items-center">
+            <a href="/" class="self-start font-normal pop">← back</a>
+            <p class="font-light small">last updated 2026-07-23</p>
+        </div>
     </div>
 </body>
 </html>