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