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;
}
footer {
grid-row: bottom;
grid-column: center / center;
footer.pink-space {
grid-column: 1 / -1;
grid-row: virtual;
}
/* Narrower layout: sidebar is pushed to the top */
@ -751,11 +751,35 @@ footer {
}
}
@media (hover: none) {
footer > #version-info {
& > ul {
opacity: 100%;
footer.pink-space {
display: block;
max-width: none;
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 }}
<footer class="pink-space">
<p class="copyright">copyright © riki moe / リキ萌, 2025</p>
<pre class="meow"> \ /
| \__/ |
\ / \ / ___
--| _ _ |-- =_ \
/ `------` \ \ \
| \ | |
| \ _/ |
/ | / _/
| \ / _/
| |__/
\-,,-,,--/</pre>
</footer>
<th-overlays></th-overlays>
<th-command-line></th-command-line>
</body>