diff --git a/blog_server/src/template.rs b/blog_server/src/template.rs index eea7269..a5c774e 100644 --- a/blog_server/src/template.rs +++ b/blog_server/src/template.rs @@ -2,7 +2,7 @@ use maud::{html, Markup}; pub fn main_page(content: Markup) -> Markup { html! { - header #page_header .sticky_header { + header #page_header { nav #page_nav { #title_box { a href="/" { "Pantonshire" } @@ -27,7 +27,21 @@ pub fn main_page(content: Markup) -> Markup { footer #page_footer { #page_footer_content { - span { "Here is some footer text" } + ul { + li { + "\"What is a footer? A miserable little pile of secrets\"" + } + li { + a href="https://github.com/pantonshire/blog_server" { + "Source code for this site" + } + } + li { + a rel="me" href="https://tech.lgbt/@pantonshire" { + "Backlink for Mastodon" + } + } + } } } } diff --git a/static/styles/main.css b/static/styles/main.css index 96797e9..ba84cd1 100644 --- a/static/styles/main.css +++ b/static/styles/main.css @@ -34,6 +34,42 @@ url('/static/fonts/rubik-v20-latin-300italic.woff') format('woff'); } +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 400; + src: local(''), + url('/static/fonts/jetbrains-mono-v12-latin-regular.woff2') format('woff2'), + url('/static/fonts/jetbrains-mono-v12-latin-regular.woff') format('woff'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: normal; + font-weight: 700; + src: local(''), + url('/static/fonts/jetbrains-mono-v12-latin-700.woff2') format('woff2'), + url('/static/fonts/jetbrains-mono-v12-latin-700.woff') format('woff'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: italic; + font-weight: 400; + src: local(''), + url('/static/fonts/jetbrains-mono-v12-latin-italic.woff2') format('woff2'), + url('/static/fonts/jetbrains-mono-v12-latin-italic.woff') format('woff'); +} + +@font-face { + font-family: 'JetBrains Mono'; + font-style: italic; + font-weight: 700; + src: local(''), + url('/static/fonts/jetbrains-mono-v12-latin-700italic.woff2') format('woff2'), + url('/static/fonts/jetbrains-mono-v12-latin-700italic.woff') format('woff'); +} + body { min-height: 100vh; display: grid; @@ -116,6 +152,26 @@ body { color: white; } +#page_footer_content ul { + list-style-type: none; + margin: 0; + padding: 0; + display: grid; + grid-template-columns: repeat(3, auto); + column-gap: 1rem; + width: fit-content; + font-size: 0.9rem; +} + +#page_footer_content li { + margin-top: 0; + margin-bottom: 0; +} + +#page_footer_content a { + color: inherit; +} + .sticky_header { position: sticky; top: 0; @@ -154,7 +210,8 @@ h2 { font-size: 1.75rem; } -h1, h2 { +h1, +h2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } @@ -213,8 +270,6 @@ li { margin-bottom: 2rem; background-color: #FAF9F6; border-radius: 5px; - font-size: 1.1rem; - line-height: 1.4; box-shadow: 3px 3px 10px #C9C9C9; } @@ -225,8 +280,8 @@ li { border-top-right-radius: 5px; padding-left: 1rem; padding-right: 1rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; + padding-top: 0.3rem; + padding-bottom: 0.3rem; color: white; } @@ -236,12 +291,20 @@ li { padding-top: 1rem; padding-bottom: 1rem; margin: 0; + font-size: 1rem; +} + +.codeblock_code code { + font-family: 'JetBrains Mono', monospace; } .inline_code { background-color: #F0F0F0; - padding: 0.1rem 0.2rem; + padding-left: 0.2rem; + padding-right: 0.2rem; border-radius: 5px; + font-size: 1rem; + font-family: 'JetBrains Mono', monospace; } .codeblock_banner {