Small oopsie fix the footer.

This commit is contained in:
2025-10-30 17:58:07 +01:00
parent 22360d3904
commit 4937f6c391
2 changed files with 32 additions and 14 deletions

View File

@@ -99,9 +99,26 @@ body {
font-family: IBMWeb, "Liberation Mono", monospace; font-family: IBMWeb, "Liberation Mono", monospace;
color: #fff; color: #fff;
background: transparent; background: transparent;
z-index: 5; z-index: 100;
text-shadow: 0 0 6px rgba(255, 255, 255, 0.25); }
letter-spacing: 0.05em;
a {
text-decoration: none;
color: #447fc6;
}
::selection {
color: #000000;
background: #a57ae9
}
a::selection {
color: #000;
background: #447fc6
}
a:not(:has(img)):hover {
text-decoration: underline
} }
@@ -172,23 +189,24 @@ body {
/* === BACKGROUND CANVAS === */ /* === BACKGROUND CANVAS === */
#night { #night {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: -9999; background: #0e0016;
z-index: -9999;
pointer-events: none; /* allow clicks above */
} }
.clouds { .clouds {
position: fixed; position: fixed;
bottom: -70px; bottom: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: auto; height: auto;
z-index: -1; /* behind content but above star canvas */ z-index: -5;
pointer-events: none; pointer-events: none; /* allow clicks above */
overflow: hidden;
} }
.clouds img { .clouds img {

View File

@@ -96,6 +96,7 @@
<div class="clouds"> <div class="clouds">
<img src="assets/images/clouds.png" alt="Clouds"> <img src="assets/images/clouds.png" alt="Clouds">
</div> </div>
<div class="footer"> <div class="footer">
Purplebored &copy; 2023-2025 | Purplebored &copy; 2023-2025 |
<a href="https://git.purplebored.pl/purplebored/purplebored.pl">Source code</a> | <a href="https://git.purplebored.pl/purplebored/purplebored.pl">Source code</a> |
@@ -103,7 +104,6 @@
<a href="https://status.purplebored.pl"> Uptime / Status</a> | <a href="https://status.purplebored.pl"> Uptime / Status</a> |
</div> </div>
<canvas id="night"></canvas> <canvas id="night"></canvas>
<script src="assets/js/script.js" defer></script> <script src="assets/js/script.js" defer></script>
</body> </body>