update footer

This commit is contained in:
2025-06-23 03:15:49 -07:00
parent f0a3b6212b
commit de32f503ef
2 changed files with 32 additions and 27 deletions

View File

@ -86,9 +86,11 @@ body {
background: var(--bg); background: var(--bg);
color: var(--fg); color: var(--fg);
display: grid; display: grid;
box-sizing: border-box;
overflow: hidden;
grid-template-columns: 200px 1fr; grid-template-columns: 200px 1fr;
grid-template-rows: 1fr 160px; grid-template-rows: 1fr 130px;
> header { > header {
grid-column: 1; grid-column: 1;
@ -157,7 +159,7 @@ body {
} }
> footer { > footer {
height: 160px; height: 130px;
grid-column: 1 / 3; grid-column: 1 / 3;
background-color: var(--alt-bg); background-color: var(--alt-bg);
border: 3px ridge gray; border: 3px ridge gray;
@ -165,24 +167,24 @@ body {
padding: 5px; padding: 5px;
margin-bottom: 0; margin-bottom: 0;
display: grid; display: grid;
grid-template-columns: 20fr 1fr; /* icky hack */ grid-template-columns: 1fr 88px;
grid-template-rows: min-content; grid-template-rows: min-content 1fr;
div { > div, > div > div {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
}
> footnote > * { margin-top: 2px; }
> footnote > * { margin-top: 2px; } > a {
margin: 0 !important;
a { display: flex;
margin: 0 !important; float: right;
display: flex; width: 88px;
float: right; height: 31px;
width: 88px; }
height: 31px;
} }
} }
} }

View File

@ -1,18 +1,21 @@
(import utils [run]) (import utils [run])
(defn footer [] (defn footer []
`(footer `(footer
(div (div
"page rendered at $[date +%s]" (div
(br) "page rendered at $[date +%s]" (br)
"page compiled at " ~(run "date +%s")) "page compiled at " ~(run "date +%s"))
(img (:src "/assets/88x31/natalieee.net.png" :alt "natalieee.net 88x31" :width "88" :height "31")) (div
(footnote (:style "margin-top: 5px") "all content, with the exception of 88x31 buttons or unless otherwise noted is created by natalie and is licensed under a CC BY-NC-SA 4.0 license.")))
(div
(img (:src "/assets/88x31/natalieee.net.png" :alt "natalieee.net 88x31" :width "88" :height "31"))
(a (:href "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en")
(img (:src "/assets/88x31/by-nc-sa.png" :alt "license 88x31" :width "88" :height "31"))))
(div (div
(footnote (:style "margin-top: 5px") "all content, with the exception of 88x31 buttons or unless otherwise noted is created by natalie and is licensed under a CC BY-NC-SA 4.0 license.")) (footnote (:style "margin-top: 5px") "▖▖▖▖▘▖▖▖▖▘▌▖▖▖▘")
(a (:href "https://creativecommons.org/licenses/by-nc-sa/4.0/deed.en") (footnote (:style "margin-top: 5px")
(img (:src "/assets/88x31/by-nc-sa.png" :alt "license 88x31" :width "88" :height "31"))) (div (:style "flex-direction: row; width: 14ch; gap: 2ch; margin-right: 5px;")
(footnote (:style "margin-top: 5px") "▖▖▖▖▘▖▖▖▖▘▌▖▖▖▘" (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/previous") "<-")
(div (:style "flex-direction: row; width: 14ch; gap: 1ch; margin-right: 5px;") (a (:href "https://stellophiliac.github.io/roboring") "roboring")
(a (:href "https://stellophiliac.github.io/roboring/0x6e6174/previous") "<-") (a (:href "https://stellophiliac.github.io/roboring/0x6e6174/next") "->"))))))
(a (:href "https://stellophiliac.github.io/roboring") "roboring")
(a (:href "https://stellophiliac.github.io/roboring/0x6e6174/next") "->")))))