footer + favicon

static/css/style.css

@@ -116,6 +116,37 @@ h1, h2, h3, h4 { margin: 0; }
     padding-right: 28px;
   }
 }
+.site-footer {
+  margin-top: clamp(44px, 6vw, 76px);
+  padding-top: 18px;
+  border-top: 1px solid var(--divider);
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  gap: 8px 18px;
+  color: var(--faintest);
+  font-size: 12.5px;
+}
+.site-footer span {
+  white-space: nowrap;
+}
+.site-footer span:nth-child(2) {
+  color: var(--muted);
+  justify-self: center;
+}
+.site-footer span:nth-child(3) {
+  justify-self: end;
+}
+@media (max-width: 640px) {
+  .site-footer {
+    grid-template-columns: 1fr;
+    justify-items: start;
+  }
+  .site-footer span:nth-child(2),
+  .site-footer span:nth-child(3) {
+    justify-self: start;
+  }
+}
 
 /* ================================================================
    FLASH MESSAGES

static/favicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 26">
+  <rect width="26" height="26" rx="5" fill="#9b8cf0"/>
+  <path d="M13 5.22 20.78 13 13 20.78 5.22 13Z" fill="#0f0f12"/>
+</svg>