#692, #723: Redesign blog, add thumbnails support and pagination

layouts/_partials/docs/pagination.html

@@ -0,0 +1,28 @@
+{{- if .Paginator -}}
+<div class="flex flex-wrap justify-between">
+  <span>
+  {{- with .Paginator.Prev }}
+    <a href="{{ .URL }}" class="flex align-center">
+      <img src="{{ "svg/backward.svg" | relURL }}" class="book-icon" alt="Previous" />
+    </a>
+  {{ end }}
+  </span>
+  {{ if gt (len .Paginator.Pagers) 1 }}
+  <span class="flex gap">
+    {{- $currentPageNumber := .Paginator.PageNumber -}}
+    {{- range $pageIndex := (slice -2 -1 0 1 2) -}}
+    {{- with index $.Paginator.Pagers (add $currentPageNumber $pageIndex -1) -}}
+      <a {{if ne $currentPageNumber .PageNumber }}href="{{ .URL }}"{{end}}>{{ .PageNumber }}</a>
+    {{- end -}}
+    {{- end -}}
+  </span>
+  {{ end }}
+  <span>
+  {{- with .Paginator.Next }}
+    <a href="{{ .URL }}" class="flex align-center">
+      <img src="{{ "svg/forward.svg" | relURL }}" class="book-icon" alt="Next" />
+    </a>
+  {{ end }}
+  </span>
+</div>
+{{- end -}}

layouts/_partials/docs/post-prev-next.html

@@ -0,0 +1,18 @@
+<div class="flex flex-wrap justify-between">
+  <span>
+  {{ with .NextInSection }}
+    <a href="{{ .RelPermalink }}" class="flex align-center">
+      <img src="{{ "svg/backward.svg" | relURL }}" class="book-icon" alt="Previous" title="{{ partial "docs/title" . }}" />
+      <span>{{ partial "docs/title" . }}</span>
+    </a>
+  {{ end }}
+  </span>
+  <span>
+  {{ with .PrevInSection }}
+    <a href="{{ .RelPermalink }}" class="flex align-center">
+      <span>{{ partial "docs/title" . }}</span>
+      <img src="{{ "svg/forward.svg" | relURL }}" class="book-icon" alt="Next" title="{{ partial "docs/title" . }}" />
+    </a>
+  {{ end }}
+  </span>
+</div>