Add root-wood mark to the site header

Traced from a piece of petrified root wood the user owns, simplified into
a flat currentColor SVG so it matches the header text in both light and
dark mode, plus a bio line explaining the connection.

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

assets/css/main.css

@@ -107,12 +107,20 @@ header.site .inner {
   flex-wrap: wrap;
 }
 header.site .brand {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
   font-family: var(--font-heading);
   font-weight: 700;
   font-size: 1.1rem;
   color: var(--bg);
   text-decoration: none;
 }
+header.site .brand svg {
+  height: 28px;
+  width: auto;
+  display: block;
+}
 header.site nav {
   display: flex;
   gap: 1.5rem;

assets/images/reground-root.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 978 207" role="img" aria-hidden="true">
+<g transform="translate(0,207) scale(0.1,-0.1)" fill="currentColor" stroke="none">
+<path d="M3470 1989 c-213 -19 -348 -59 -575 -170 -263 -127 -460 -178 -880
+-225 -128 -14 -215 -16 -585 -11 -252 4 -513 13 -620 22 -343 29 -535 -1 -628
+-96 -52 -53 -75 -129 -69 -224 4 -44 13 -102 22 -130 8 -27 20 -84 26 -125 13
+-94 74 -283 105 -329 71 -104 223 -138 575 -126 136 5 213 3 226 -3 13 -7 170
+-8 494 -2 496 9 590 17 825 64 65 13 157 29 204 35 210 28 305 45 445 82 273
+72 489 106 599 94 33 -3 106 -18 161 -32 150 -37 191 -43 425 -53 118 -6 245
+-17 283 -25 74 -16 181 -60 211 -87 36 -33 172 -97 301 -141 161 -56 215 -79
+272 -117 24 -17 48 -30 54 -30 5 0 9 -4 9 -9 0 -20 237 -250 279 -272 65 -33
+143 -36 233 -9 77 23 168 67 168 82 0 4 7 8 15 8 8 0 36 20 62 45 25 25 50 45
+54 45 4 0 21 16 38 35 17 19 32 35 34 35 3 0 31 16 62 35 71 42 123 58 290 85
+212 34 325 58 610 130 248 62 394 91 750 151 223 37 492 102 857 209 171 50
+359 132 476 207 64 41 152 121 152 138 0 7 7 15 15 19 8 3 15 14 15 25 0 11 9
+26 19 34 23 15 103 173 155 303 47 118 49 179 7 226 -24 28 -36 32 -90 36 -52
+4 -79 -2 -189 -38 -70 -24 -206 -76 -302 -117 -331 -141 -468 -183 -780 -237
+-150 -26 -391 -61 -495 -71 -116 -12 -401 -56 -495 -76 -123 -27 -335 -63
+-530 -91 -214 -30 -490 -30 -673 1 -255 43 -347 72 -758 238 -171 70 -342 129
+-749 258 -628 199 -808 232 -1110 204z"/>
+</g>
+</svg>

content/_index.md

@@ -16,4 +16,4 @@ description: "DevOps consulting, ghostwriting, and helping fiction authors find
   businesses, without the overhead. [Get in
   touch](/contact/).
 
-Will Estes lives outside Atlanta with his children and one very opinionated cat. He plays classical guitar and listens to country music. His favorite season is soup season.
+Will Estes lives outside Atlanta with his children and one very opinionated cat. He plays classical guitar and listens to country music. His favorite season is soup season. The mark by the site name is traced from a piece of petrified root wood he keeps on his desk — about as close to a mission statement as he's written down.

layouts/_default/baseof.html

@@ -21,7 +21,11 @@
 
   <header class="site">
     <div class="inner">
-      <a class="brand" href="/">{{ .Site.Title }}</a>
+      {{ $rootMark := resources.Get "images/reground-root.svg" }}
+      <a class="brand" href="/">
+        {{ $rootMark.Content | safeHTML }}
+        <span>{{ .Site.Title }}</span>
+      </a>
       <nav aria-label="Primary">
         {{ range .Site.Menus.main }}
         <a href="{{ .URL }}">{{ .Name }}</a>