Compare commits

...
Sign in to create a new pull request.

4 commits

Author SHA1 Message Date
69e9d63be7
Sticky footer to bottom of page 2025-08-27 14:22:44 +01:00
c61b471529
Right-align system info 2025-08-27 14:22:33 +01:00
9fda9df4b6
Add onion notice 2025-07-07 02:06:10 +01:00
d2375beed6
Update username in footer 2025-03-03 23:55:31 +00:00
2 changed files with 117 additions and 83 deletions

View file

@ -9,6 +9,10 @@
--links: #89b4fa;
}
html, body {
height: 98%;
}
body {
background-color: var(--background);
color: var(--foreground);
@ -60,6 +64,14 @@ pre {
padding-bottom: 1em;
}
.content {
display: grid;
grid-template-columns: auto max-content;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.section {
min-width: 20em;
width: max-content;
@ -77,6 +89,10 @@ ul.members li:before {
content: none;
}
ul.members li.error {
color: lightcoral
}
ul.sidebar-links li:before {
content: ">";
}
@ -127,11 +143,9 @@ table.system-info tr td:first-child {
}
.page-container {
min-height: 100%;
display: grid;
grid-template-columns: 1fr 250px;
grid-template-rows: 1fr;
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto 1fr auto;
}
.page-container > div {

View file

@ -35,19 +35,34 @@ $usernames = getUsers();
<body>
<div class="page-container">
<div>
<div class="header">
<pre> _______ _____
<pre>
_______ _____
| ___|.----.-----.-----.-----.-----.| \.-----.--.--.
| ___|&#8203;| _| _ |-- __| -__| |&#8203;| -- | -__| | |
|___| |__| |_____|_____|_____|__|__|&#8203;|_____/|_____|\___/</pre>
</div>
<div class="content">
<div>
<div class="section tor-notice">
<pre>
+----------------------------------------------------------------+
| This site is accessible via Tor! |
| <a href="http://frzndev32nhnla77oozhxhz5yzo4abldr6zbc4qkdh5hcyanizlxs2ad.onion/">frzndev32nhnla77oozhxhz5yzo4abldr6zbc4qkdh5hcyanizlxs2ad.onion</a> |
+----------------------------------------------------------------+
</pre>
</div>
<div class="section">
<p>Members</p>
<ul class="members">
<?php if (count($usernames) > 0) { ?>
<?php foreach ($usernames as $username) { ?>
<li><a href="/~<?= $username ?>">~<?= $username ?></a><?= $username == "amr" ? "*" : "" ?></li>
<?php } ?>
<?php } else { ?>
<li class="error">Error fetching members!</li>
<?php } ?>
</ul>
<small>
* owner &amp; admin
@ -102,6 +117,9 @@ $usernames = getUsers();
<sup>2</sup> Not running 24/7
</small>
</div>
</div>
<div>
<div class="section">
<p>System Info</p>
<table class="system-info">
@ -115,11 +133,13 @@ $usernames = getUsers();
</tr>
</table>
</div>
</div>
</div>
<div class="footer">
<hr>
(c) frzn.dev 2018 - <?= date('Y') ?> / design and "backend" by <a href="/~floppy">~floppy</a>
(c) frzn.dev 2018 - <?= date('Y') ?> / design and "backend" by <a href="/~roscoe">~roscoe</a>
</div>
</div>
</body>