Add favicon and apple-touch-icon

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

assets/css/main.css

@@ -89,12 +89,15 @@ header.site .inner {
   flex-wrap: wrap;
 }
 header.site .brand {
-  font-family: var(--font-heading);
+  display: flex;
-  font-weight: 700;
+  align-items: center;
-  font-size: 1.1rem;
-  color: #ffffff;
   text-decoration: none;
 }
+header.site .brand img {
+  height: 44px;
+  width: auto;
+  display: block;
+}
 /* The nav gets its own Soft Plum band nested in the sapphire header, per
    the brand notes' "Navigation Bar: Soft Plum" — distinct from the header's
    own sapphire background rather than inheriting it. */

layouts/_default/baseof.html

@@ -5,6 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} · {{ .Site.Title }}{{ end }}</title>
   <meta name="description" content="{{ .Site.Params.description }}">
+  <link rel="icon" href="/favicon.ico" sizes="any">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Lato:wght@400;600;700&family=Dancing+Script&display=swap">
@@ -21,7 +23,11 @@
 
   <header class="site">
     <div class="inner">
-      <a class="brand" href="/">{{ .Site.Title }}</a>
+      {{ $logo := resources.Get "images/logo-white.png" }}
+      {{ $logoSm := $logo.Resize "480x" }}
+      <a class="brand" href="/">
+        <img src="{{ $logoSm.RelPermalink }}" width="{{ $logoSm.Width }}" height="{{ $logoSm.Height }}" alt="{{ .Site.Title }}">
+      </a>
       <nav aria-label="Primary">
         {{ range .Site.Menus.main }}
         <a href="{{ .URL }}">{{ .Name }}</a>