src/public/index.html

@@ -26,6 +26,9 @@
 
 body {
   margin: 0;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
   background: var(--ground);
   color: var(--ink);
   font-family: var(--sans);
@@ -36,6 +39,7 @@ body {
 
 .wrap {
   max-width: 860px;
+  flex: 1;
   margin: 0 auto;
   padding: 32px 20px 80px;
 }
@@ -272,6 +276,13 @@ footer {
   color: var(--muted);
 }
 
+body > footer {
+  margin-top: auto;
+  max-width: 860px;
+  width: 100%;
+  padding: 0 20px 28px;
+}
+
 @media (max-width: 520px) {
   .ticket { grid-template-columns: 62px 1fr; }
   .rail { font-size: 13px; padding-left: 10px; }
@@ -457,5 +468,9 @@ load();
 setInterval(load, 5000);      // pull fresh state from the server
 setInterval(render, 20000);   // re-age the rails between pulls
 </script>
+<footer>
+  <p>© 2026 Isaac Godin. All rights reserved.</p>
+  <p>Design and Credits: <a href="https://www.mccs.me.edu/">Isaac Godin</a></p>
+</footer>
 </body>
 </html>