add footer and transbian badge

This commit is contained in:
zyl 2024-10-29 11:12:36 -07:00
parent f20c6c1fd2
commit 0abc713a75
Signed by: zyl
SSH key fingerprint: SHA256:uxxbSXbdroP/OnKBGnEDk5q7EKB2razvstC/KmzdXXs
3 changed files with 27 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 823 B

View file

@ -6,6 +6,8 @@ body {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
height: 100vh; height: 100vh;
display: flex;
flex-direction: column;
} }
header.main-header { header.main-header {
@ -45,6 +47,14 @@ a {
} }
} }
hr {
width: 100%;
}
footer#footer {
margin: 8px;
}
abbr { abbr {
cursor: help; cursor: help;
} }
@ -195,6 +205,10 @@ abbr {
float: right; float: right;
} }
.flex-spacer {
flex-grow: 1;
}
#pet-counter { #pet-counter {
position: fixed; position: fixed;
bottom: 4px; bottom: 4px;

View file

@ -36,6 +36,19 @@
</main> </main>
</div> </div>
<div class="flex-spacer"></div>
<hr />
<footer id="footer">
bark bark awruff :3
<div class="badges">
{{#*inline "badge"}}
<a href="{{url}}"><img src="/badges/{{badge}}" alt="{{alt}}"></a>
{{/inline}}
{{> badge badge="transbian.png" url="https://badge.les.bi" alt="transgender and lesbian flags"}}
</div>
</footer>
<div id="pet-counter"> <div id="pet-counter">
<noscript>enable js to pet me :3</noscript> <noscript>enable js to pet me :3</noscript>
<div class="internal"> <div class="internal">