Move site navigation to a partial

It can now be shared between the index and site header templates.

assets/styles/root/050_typography.css

@@ -158,8 +158,6 @@
         font-size: clamp(var(--font-size-min), var(--font-size-scale-factor), var(--font-size-max));
     }
 
-    main#landing p { line-height: var(--landing-line-height); }
-
     nav.bulleted > li:first-child::before { color: var(--color); }
     nav.bulleted > li::before { color: var(--heading-color); }
 

layouts/index.html

@@ -5,14 +5,5 @@
     <div id="content">
       {{ .Content }}
     </div>
-    {{- with site.Menus.main -}}
+    {{ partial "site_nav.html" . }}
-    {{- $url := $.RelPermalink -}}
-    <nav class="site bulleted">
-      {{- range . -}}
-      <li><a class="{{ if eq .URL $url }}active{{ end }}" href="{{ .URL }}"><span>{{ i18n .Identifier | default .Name }}</span></a></li>
-      {{- end -}}
-    </nav>
-    {{ end }}
-  </div>
-</main>
 {{ end }}

layouts/partials/header.html

@@ -5,13 +5,7 @@
     <h1 class="site">
       <a class="site-name" href="{{ `` | absURL }}">{{ partial "site_name.html" site.Params.shortTitle }}</a>
     </h1>
-    <nav class="site bulleted">
+    {{ partial "site_nav.html" . }}
-    {{ with site.Menus.main }}
-    {{- range . -}}
-    <li><a {{ if $currentPage.HasMenuCurrent "main" . }} class="active"{{ end }} href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
-    {{- end -}}
-    {{ end }}
-    </nav>
     <nav class="social">
       {{ with site.Menus.social }}
         {{- range . -}}

layouts/partials/site_nav.html

@@ -0,0 +1,9 @@
+{{- $currentPage := . -}}
+{{- $url := $.RelPermalink -}}
+<nav class="site bulleted">
+{{ with site.Menus.main }}
+    {{- range . -}}
+    <li><a {{ if $currentPage.HasMenuCurrent "main" . }} class="active"{{ end }} href="{{ .URL }}"><span>{{ .Name }}</span></a></li>
+    {{- end -}}
+{{ end }}
+</nav>