Add site logo and favicon

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01LH4fKwxX8hjAwXubP9N2tq
2026-09-02 12:17:43 -04:00
parent 23f970bb52
commit 7c13e1dfa2
6 changed files with 16 additions and 1 deletions
@@ -70,12 +70,21 @@ a { color: var(--sage); }
 }

 .site-header .brand {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
  font-family: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  font-size: 1.3rem;
  color: var(--ink);
  text-decoration: none;
 }

+.site-header .brand img {
+  height: 44px;
+  width: 44px;
+  object-fit: contain;
+}
+
 .site-header nav {
  display: flex;
  gap: 1.5rem;
@@ -4,11 +4,17 @@
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ if .IsHome }}{{ .Site.Title }} &mdash; {{ .Site.Params.tagline }}{{ else }}{{ .Title }} &mdash; {{ .Site.Title }}{{ end }}</title>
+  <link rel="icon" type="image/x-icon" href="{{ "favicon.ico" | relURL }}">
+  <link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon.png" | relURL }}">
+  <link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}">
  <style>{{ (resources.Get "css/style.css").Content | safeCSS }}</style>
 </head>
 <body>
  <header class="site-header">
-    <a class="brand" href="{{ "/" | relURL }}">{{ .Site.Title }}</a>
+    <a class="brand" href="{{ "/" | relURL }}">
+      <img src="{{ "images/logo.png" | relURL }}" alt="{{ .Site.Title }}">
+      {{ .Site.Title }}
+    </a>
    <nav>
      <a href="{{ "/" | relURL }}">Home</a>
      <a href="{{ "/shop/" | relURL }}">Shop</a>