Blog: Move blog styles and content templates to the base repo

assets/css/099_page_navigation.css

@@ -0,0 +1,35 @@
+
+
+
+
+
+/******************
+ # PAGE NAVIGATION
+ ******************/
+
+.page-navigation {
+  list-style: none;
+  padding-inline: 0;
+
+  &:has(.next-page:only-child) {
+    justify-content: flex-end;
+  }
+
+  li {
+    display: block;
+  }
+
+  .next-page {
+    text-align: right;
+  }
+
+  .previous-page::before {
+    content: "←";
+    padding-inline-end: var(--space-s);
+  }
+
+  .next-page::after {
+    content: "→";
+    padding-inline-start: var(--space-s);
+  }
+}

layouts/blog/list.html

@@ -0,0 +1,21 @@
+{{ define "head_css" }}
+  {{ partialCached "blog/css.html" . }}
+{{ end }}
+
+{{ define "main" }}
+  <main class="main--list">
+    <header class="page-header">
+      {{ partial "page_header.html" (dict "page" .) }}
+    </header>
+
+    <div class="main--list__content">
+      {{ .Content }}
+    </div>
+
+    <div class="main--list__page-list">
+      {{ range .Pages.ByDate.Reverse }}
+        {{ .Render "page_summary" }}
+      {{ end }}
+    </div>
+  </main>
+{{ end }}

layouts/blog/single.html

@@ -0,0 +1,18 @@
+{{ define "head_css" }}
+  {{ partialCached "blog/css.html" . }}
+{{ end }}
+
+{{ define "main" }}
+  <article class="content">
+    <header class="page-header">
+      {{ partial "page_header.html" (dict "page" .) }}
+    </header>
+
+    {{ .Content }}
+
+    <footer class="page-footer">
+      {{ partial "page/footer.html" . }}
+      {{ partial "page/prev_next_navigation.html" . }}
+    </footer>
+  </article>
+{{ end }}

layouts/partials/page/prev_next_navigation.html

@@ -0,0 +1,20 @@
+{{ if .Section }}
+  {{- $previousInSection := .PrevInSection -}}
+  {{- $nextInSection := .NextInSection -}}
+
+  {{ if or $previousInSection $nextInSection }}
+    <ul class="page-navigation">
+      {{ with $nextInSection -}}
+        <li class="previous-page">
+          <a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a>
+        </li>
+      {{- end }}
+
+      {{ with $previousInSection -}}
+        <li class="next-page">
+          <a href="{{ .Permalink }}">{{ .LinkTitle | markdownify }}</a>
+        </li>
+      {{- end }}
+    </ul>
+  {{ end }}
+{{ end }}

layouts/partials/page/taxonomy_list.html

@@ -1,11 +1,13 @@
-{{/*
+{{- /*
-Generates a list of the terms for a given taxonomy.
+  Generates a list of the terms for a given taxonomy.
 
-@param {Page} .page  The current page
+  @context {Page} .page  The current page
-@param {String} .taxonomy  The name of the taxonomy
+  @context {String} .taxonomy  The name of the taxonomy
-*/}}
+
+*/ -}}
 
 {{- $taxonomy := .taxonomy -}}
+
 {{ with .page.GetTerms $taxonomy }}
   {{- $name := $taxonomy -}}
   {{- with T $taxonomy (len .) }}