Factor out breadcrumbs into separate partial

Author: stefanv

layouts/partials/breadcrumbs.html

@@ -0,0 +1,10 @@
+<ul id="breadcrumbs" class="bd-breadcrumbs">
+  {{- range $index, $ := .Ancestors.Reverse }}
+  {{ if $index }}
+  <li class="breadcrumb-item"><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+  {{ else }}
+  <li class="breadcrumb-item breadcrumb-home"><a href="{{ .RelPermalink }}"><i class="fas fa-home"></i></a></li>
+  {{ end }}
+  {{- end }}
+<li class="breadcrumb-item"><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+</ul>

layouts/partials/section/section.html

@@ -1,9 +1,10 @@
 <section class="content-padding flex-row">
 <div id="shortcuts-container">
   <div><i class="fa-solid fa-list"></i> On this page</div>
-  <div id="shortcuts"></div>
+<div id="shortcuts"></div>
 </div>
 <div class="content-container">
+  {{ partial "breadcrumbs.html" . }}
   <div class="columns">
     <div class="column is-centered-tablet-portrait">
       <h1>{{ .Title }}</h1>

layouts/partials/single/content.html

@@ -1,15 +1,6 @@
 <section class="content-padding flex-row">
   <div class="content-container">
-    <ul id="breadcrumbs" class="bd-breadcrumbs">
-      {{- range $index, $ := .Ancestors.Reverse }}
-      {{ if $index }}
-      <li class="breadcrumb-item"><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-      {{ else }}
-      <li class="breadcrumb-item breadcrumb-home"><a href="{{ .RelPermalink }}"><i class="fas fa-home"></i></a></li>
-      {{ end }}
-      {{- end }}
-      <li class="breadcrumb-item"><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-    </ul>
+    {{ partial "breadcrumbs.html" . }}
     <div class="columns">
       <div class="column is-centered-tablet-portrait">
         <h1>{{ .Title }}</h1>