Ai-Slop #1
@ -26,6 +26,9 @@
|
|||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
background: var(--ground);
|
background: var(--ground);
|
||||||
color: var(--ink);
|
color: var(--ink);
|
||||||
font-family: var(--sans);
|
font-family: var(--sans);
|
||||||
@ -36,6 +39,7 @@ body {
|
|||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
max-width: 860px;
|
max-width: 860px;
|
||||||
|
flex: 1;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 32px 20px 80px;
|
padding: 32px 20px 80px;
|
||||||
}
|
}
|
||||||
@ -272,6 +276,13 @@ footer {
|
|||||||
color: var(--muted);
|
color: var(--muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body > footer {
|
||||||
|
margin-top: auto;
|
||||||
|
max-width: 860px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0 20px 28px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 520px) {
|
@media (max-width: 520px) {
|
||||||
.ticket { grid-template-columns: 62px 1fr; }
|
.ticket { grid-template-columns: 62px 1fr; }
|
||||||
.rail { font-size: 13px; padding-left: 10px; }
|
.rail { font-size: 13px; padding-left: 10px; }
|
||||||
@ -457,5 +468,9 @@ load();
|
|||||||
setInterval(load, 5000); // pull fresh state from the server
|
setInterval(load, 5000); // pull fresh state from the server
|
||||||
setInterval(render, 20000); // re-age the rails between pulls
|
setInterval(render, 20000); // re-age the rails between pulls
|
||||||
</script>
|
</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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user