add some stuff into the empty pink virtual space at the bottom

This commit is contained in:
りき萌 2025-07-15 00:48:32 +02:00
parent 0f91d13fa8
commit 57528fc7a8
2 changed files with 47 additions and 8 deletions

View file

@ -43,9 +43,9 @@ main {
min-width: 0; min-width: 0;
} }
footer { footer.pink-space {
grid-row: bottom; grid-column: 1 / -1;
grid-column: center / center; grid-row: virtual;
} }
/* Narrower layout: sidebar is pushed to the top */ /* Narrower layout: sidebar is pushed to the top */
@ -751,11 +751,35 @@ footer {
} }
} }
@media (hover: none) { footer.pink-space {
footer > #version-info { display: block;
& > ul { max-width: none;
opacity: 100%; position: relative;
& .copyright {
position: absolute;
right: 0;
top: 0;
opacity: 70%;
padding: 1.6rem;
} }
& pre.meow {
position: absolute;
right: 0;
bottom: 0;
width: min-content;
background: none;
border: none;
--recursive-wght: 700;
line-height: 1.3;
font-size: 75%;
opacity: 25%;
user-select: none;
} }
} }

View file

@ -24,6 +24,21 @@
{{~> components/_doc.hbs }} {{~> components/_doc.hbs }}
<footer class="pink-space">
<p class="copyright">copyright © riki moe / リキ萌, 2025</p>
<pre class="meow"> \ /
| \__/ |
\ / \ / ___
--| _ _ |-- =_ \
/ `------` \ \ \
| \ | |
| \ _/ |
/ | / _/
| \ / _/
| |__/
\-,,-,,--/</pre>
</footer>
<th-overlays></th-overlays> <th-overlays></th-overlays>
<th-command-line></th-command-line> <th-command-line></th-command-line>
</body> </body>