Footer, jetbrains mono

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"
+                        }
+                    }
+                }
             }
         }
     }

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 {