Add a series nav shortcode to display navigation early

Signed-off-by: Danila Fedorin <danila.fedorin@gmail.com>

assets/scss/style.scss

@@ -424,3 +424,7 @@ blockquote {
     margin-left: 0;
     padding-left: 1rem;
 }
+
+.early-navigation-wrapper {
+    margin-bottom: 3rem;
+}

layouts/blog/single.html

@@ -2,44 +2,32 @@
 <h2>{{ .Title }}</h2>
 <div class="post-subscript">
     <p>
-        {{ range .Params.tags }}
+        {{- range .Params.tags -}}
         <a class="button" href="{{ $.Site.BaseURL }}/tags/{{ . | urlize }}">{{ . }}</a>
-        {{ end }}
+        {{- end -}}
     </p>
     <p>{{ i18n "postedOn" (.Date.Format "January 2, 2006") }}.</p>
 </div>
 
 <div class="post-content">
-    {{ if not (eq .TableOfContents "<nav id=\"TableOfContents\"></nav>") }}
+    {{- if not (eq .TableOfContents "<nav id=\"TableOfContents\"></nav>") -}}
     <div class="table-of-contents">
         <div class="wrapper">
-            <em>{{ i18n "tableOfContents" }}</em>
-            {{ .TableOfContents }}
+            <em>{{- i18n "tableOfContents" -}}</em>
+            {{- .TableOfContents -}}
         </div>
     </div>
-    {{ end }}
+    {{- end -}}
 
-    {{ if .Draft }}
-    {{ partial "warning.html" (i18n "postDraft") }}
-    {{ end }}
+    {{- if .Draft -}}
+    {{- partial "warning.html" (i18n "postDraft") -}}
+    {{- end -}}
 
-    {{ .Content }}
+    {{- .Content -}}
 </div>
-{{ end }}
-{{ define "after" }}
-{{ $term := index (.GetTerms "series") 0 }}
-{{ with $term }}
-{{- /* No idea why the 'Reverse' is needed? */ -}}
-{{ $pages := (site.Taxonomies.series.Get .Data.Term).Pages.ByDate.Reverse }}
-<nav id="SeriesNavigation" class="container">
-{{ with $pages.Prev page }}
-{{ partial "serieslink.html" (dict "direction" "previous" "link" .RelPermalink "page" .) }}
-{{ end }}
-{{ with $pages.Next page }}
-{{ partial "serieslink.html" (dict "direction" "next" "link" .RelPermalink "page" .) }}
-{{ end }}
-</nav>
-{{ end }}
+{{- end -}}
+{{- define "after" -}}
+{{- partial "seriesnav.html" . -}}
 <hr class="container footer-divider">
 <footer class="container">
     <p>{{ i18n "contactFooter" | safeHTML }}</p>
@@ -51,4 +39,4 @@
     to learn more about me!</p>
     -->
 </footer>
-{{ end }}
+{{- end -}}

layouts/partials/seriesnav.html

@@ -0,0 +1,13 @@
+{{ $term := index (.GetTerms "series") 0 }}
+{{ with $term }}
+{{- /* No idea why the 'Reverse' is needed? */ -}}
+{{ $pages := (site.Taxonomies.series.Get .Data.Term).Pages.ByDate.Reverse }}
+<nav id="SeriesNavigation" class="container">
+{{ with $pages.Prev page }}
+{{ partial "serieslink.html" (dict "direction" "previous" "link" .RelPermalink "page" .) }}
+{{ end }}
+{{ with $pages.Next page }}
+{{ partial "serieslink.html" (dict "direction" "next" "link" .RelPermalink "page" .) }}
+{{ end }}
+</nav>
+{{ end }}

layouts/shortcodes/seriesnav.html

@@ -0,0 +1,3 @@
+<div class="early-navigation-wrapper">
+{{ partial "seriesnav.html" .Page }}
+</div>