Adding series admonition

data/panaetius-theme/assets.json

@@ -9,7 +9,7 @@
     "js": "2.lazyload.1168fc21175de558d316.min.js"
   },
   "main": {
-    "css": "main.8112076fb5e1095426f4.min.css",
+    "css": "main.dd57d66cbe4e4a43f89f.min.css",
     "js": "main.48637aff6f96e597ae05.min.js"
   },
   "vendors~app": {

layouts/authors/terms.html

@@ -14,7 +14,7 @@
                     </ul>
                 </div>
                 <ul>
-                    {{ range .Site.Taxonomies.tags }}
+                    {{ range .Site.Taxonomies.series }}
                     <li><a href="{{ .Page.Permalink }}">{{ .Page.Title }}</a> {{ .Count }}</li>
                     {{ end }}
                 </ul>

layouts/partials/related.html

@@ -1,10 +1,8 @@
 {{- $related := .Site.RegularPages.Related . | first 3 -}}
 {{- with $related -}}
-    <div class="related-content row mt-5 row-cols-1 row-cols-lg-5">
+<div class="related-content row d-flex justify-content-around">
     {{- range . -}}
-            <div class="col mb-3">
     {{ .Render "card" }}
-            </div>
     {{- end -}}
-    </div>
+</div>
 {{- end -}}

layouts/post/single.html

@@ -67,8 +67,12 @@
                     </div>
                 </div>
                 {{- end -}}
+
             </article>
         </div>
+        <div class="col-12 col-lg-9">
+            {{ partial "related.html" $page }}
+        </div>
         <div id="" class="col-lg-2 toc-sidebar d-none d-md-block">
             <aside>
                 <h5 class="text-center text-uppercase">Table of contents</h5>
@@ -82,6 +86,5 @@
         </div>
     </div>
 
-    {{ partial "related.html" $page }}
 </main>
 {{ end }}

layouts/series/list.html

@@ -0,0 +1,25 @@
+{{ define "main" }}
+<main class="list container py-6">
+    {{- if or .Title .Content -}}
+    <div class="row py-3">
+        <div class="col">
+            {{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+            {{- with .Content -}}
+            <div class="content">
+                {{ . }}
+            </div>
+            {{- end -}}
+        </div>
+    </div>
+    {{- end -}}
+    <div class="row d-flex justify-content-around">
+        {{ $paginator := .Paginate (where .Pages "Type" "post") }}
+        {{ range $paginator.Pages.ByDate }}
+        {{ .Render "card" }}
+        {{ end }}
+    </div>
+    <div class="row d-flex justify-content-center">
+        {{ template "_internal/pagination.html" . }}
+    </div>
+</main>
+{{ end }}

layouts/series/terms.html

@@ -0,0 +1,43 @@
+{{ define "main" }}
+<main class="list container py-6">
+    {{- if or .Title .Content -}}
+    <div class="row py-3">
+        <div class="col">
+            {{ with .Title }}<h1>{{ . }}</h1>{{ end }}
+            {{- with .Content -}}
+            <div class="content">
+                {{ . }}
+            </div>
+            {{- end -}}
+        </div>
+    </div>
+    <div class="row">
+        <div class="col">
+            <p>Groups of articles that form a series.</p>
+        </div>
+    </div>
+    {{- end -}}
+    <div class="row row-cols-1 row-cols-lg-3">
+        {{ range $name, $taxonomy := .Site.Taxonomies.series }}
+        <div>
+            <a href="{{ $.Site.BaseURL }}series/{{ $name }}" style="text-decoration: none;">
+                <div class="h-100 card-series">
+                    {{ with $.Site.GetPage (printf "/%s" $name) }}
+                    <div class="card-body d-flex flex-column">
+                        <h5 class="lead" style="margin-bottom: 0px; ">{{ .Params.Title }}</h5>
+                        <p class="text-muted">
+                            {{ len $taxonomy }} articles
+                        </p>
+                        <p class="mb-0">
+                            {{ .Params.Description }}
+                        </p>
+                    </div>
+                    {{ end }}
+                </div>
+        </div>
+        </a>
+    </div>
+    {{ end }}
+    </div>
+</main>
+{{ end }}

layouts/shortcodes/img.html

@@ -1,5 +1,5 @@
 {{ $img := $.Page.Resources.GetMatch (.Get 0)}}
-<figure>
+<figure class="d-flex justify-content-center">
     <img data-src="{{ $img.RelPermalink }}" alt="(.Get 1)" />
     <figcaption>{{.Get 1}}</figcaption>
 </figure>

layouts/tags/terms.html

@@ -14,11 +14,11 @@
     {{- end -}}
     <div class="row row-cols-1 row-cols-lg-3">
         {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-        <div class="col">
+        <div class="col my-1">
             <a href="{{ $.Site.BaseURL }}tags/{{ $name }}" style="text-decoration: none;">
-                <div class="card h-100" data-aos="zoom-in">
-                    <div class="card-body" data-aos="zoom-in">
-                        <h5 class="lead" style="margin-bottom: 0px; "><i class="fas fa-tag"></i>[{{ len $taxonomy }}] {{ $name }}</h4>
+                <div class="card-regular h-100" >
+                    <div class="card-body" >
+                        <h5 class="lead" style="margin-bottom: 0px; "><i class="fas fa-tag" style="font-size: 0.8em;"></i> {{ $name }}</h4> {{ len $taxonomy }} articles
                     </div>
                 </div>
             </a>

src/scss/cards.scss

@@ -80,6 +80,11 @@
     }
 }
 
+.card-series {
+    @include card-border;
+    color: $text-gray
+}
+
 @media only screen and (min-width: map-get($grid-breakpoints, "md")) {
     .card-regular-width {
         width: 30%;