generators/hugo/themes/layouts: Add Abstracts

7 files changed, 64 insertions, 26 deletions

diff --git a/generators/hugo/themes/tdro/layouts/_default/section.html b/generators/hugo/themes/tdro/layouts/_default/section.html
index 160776a..889c158 100644
--- a/generators/hugo/themes/tdro/layouts/_default/section.html
+++ b/generators/hugo/themes/tdro/layouts/_default/section.html
@@ -6,7 +6,7 @@
 				<article class="content">
 				<br>
         <span class="marginnote rightnote">
-          See an archive of all {{ .Type }} <a class="underline" href="/{{ .Type }}/archive/">here.</a>
+          See an archive of all {{ .Type }} <a href="{{ partial "archive-link.html" . }}">here.</a>
         </span>
         <recent-article>
 				{{ range where .Paginator.Pages ".Params.hidden" "ne" "true" }}
@@ -16,7 +16,7 @@
         </article>
 				{{ partial "pagination.html" . }}
         <br>
-        <a href="/{{ .Type }}/archive/" class="front__more is-block has-text-centered">
+        <a href="{{ partial "archive-link.html" . }}" class="front__more is-block has-text-centered">
           <span>Archive of all {{ .Type }}</span> {{ safeHTML (readFile "public/css/icons/feather/corner-down-right.svg") }}
         </a>
 			</div>
diff --git a/generators/hugo/themes/tdro/layouts/_default/summary.html b/generators/hugo/themes/tdro/layouts/_default/summary.html
index 1ddf832..a019a7b 100644
--- a/generators/hugo/themes/tdro/layouts/_default/summary.html
+++ b/generators/hugo/themes/tdro/layouts/_default/summary.html
@@ -1,19 +1,7 @@
 <div class="columns is-mobile">
 
   <div class="column is-5 has-text-centered">
-    {{ $imageFile := print "public/images/thumbnails/" (partial "article-image.html" .) ".png" }}
-    {{ if fileExists $imageFile }}
-    {{ $image := imageConfig $imageFile }}
-    <a href="{{ .Permalink }}">
-      <picture>
-        <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.png" type="image/png">
-        <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.jpg" type="image/jpeg">
-        <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.webp" type="image/webp">
-        <img class="image__thumbnail" alt="{{ .Title }}" src="/images/thumbnails/{{ partial "article-image.html" . }}.png"
-         height="{{ $image.Height }}" width="{{ $image.Width }}"/>
-      </picture>
-    </a>
-    {{ end }}
+    {{ partial "thumbnail-image.html" . }}
   </div>
 
   <div class="column is-7">
diff --git a/generators/hugo/themes/tdro/layouts/abstracts/section.html b/generators/hugo/themes/tdro/layouts/abstracts/section.html
new file mode 100644
index 0000000..ce1ed6e
--- /dev/null
+++ b/generators/hugo/themes/tdro/layouts/abstracts/section.html
@@ -0,0 +1,28 @@
+{{ define "main" }}
+<section class="section is-fullheight" itemscope itemtype="https://schema.org/AboutPage">
+  <div class="container">
+    <div class="columns is-centered">
+      <div class="column is-7">
+        <article class="content">
+          <h1 class="title is-3">{{ .Type | title }}</h1>
+          <span class="marginnote rightnote">
+            See an archive of all {{ .Type }} <a href="{{ partial "archive-link.html" . }}">here.</a>
+          </span>
+          <recent-article>
+            <div class="tile is-ancestor has-text-centered">
+              {{ range where .Paginator.Pages ".Params.hidden" "ne" "true" }}
+              {{ .Render "summary" }}
+              {{ end }}
+            </div>
+          </recent-article>
+        </article>
+        {{ partial "pagination.html" . }}
+        <br>
+        <a href="{{ partial "archive-link.html" . }}" class="front__more is-block has-text-centered">
+          <span>Archive of all {{ .Type }}</span> {{ safeHTML (readFile "public/css/icons/feather/corner-down-right.svg") }}
+        </a>
+      </div>
+    </div>
+  </div>
+</section>
+{{ end }}
diff --git a/generators/hugo/themes/tdro/layouts/abstracts/summary.html b/generators/hugo/themes/tdro/layouts/abstracts/summary.html
new file mode 100644
index 0000000..a65beb9
--- /dev/null
+++ b/generators/hugo/themes/tdro/layouts/abstracts/summary.html
@@ -0,0 +1,11 @@
+<div class="tile is-parent">
+  <article class="abstract tile is-child">
+    {{ partial "thumbnail-image.html" . }}
+    <h2 class="article__title title is-5 has-text-weight-bold">
+      <a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a>
+    </h2>
+    <p class="article__date subtitle is-6">
+    {{ partial "page-date.html" . }} <br> {{ partial "read-time.html" .}}
+    </p>
+  </article>
+</div>
diff --git a/generators/hugo/themes/tdro/layouts/partials/archive-link.html b/generators/hugo/themes/tdro/layouts/partials/archive-link.html
new file mode 100644
index 0000000..8b08ba3
--- /dev/null
+++ b/generators/hugo/themes/tdro/layouts/partials/archive-link.html
@@ -0,0 +1,2 @@
+/archives/{{ .Type }}/
+{{- /* Strip newline. */ -}}
diff --git a/generators/hugo/themes/tdro/layouts/partials/page-meta.html b/generators/hugo/themes/tdro/layouts/partials/page-meta.html
index c2a15c6..44cc4fb 100644
--- a/generators/hugo/themes/tdro/layouts/partials/page-meta.html
+++ b/generators/hugo/themes/tdro/layouts/partials/page-meta.html
@@ -1,11 +1,3 @@
-{{- if eq .Type "posts" -}} 
-	{{ partial "page-date.html" . -}}
-	{{- with .Params.categories }} in {{ partial "page-categories.html" . }}{{ end }}
-	{{- with .Params.tags }} {{ partial "page-tags.html" . }}{{ end }}
-{{- end -}}
-
-{{- if eq .Type "projects" -}} 
-	{{ partial "page-date.html" . -}}
-	{{- with .Params.categories }} in {{ partial "page-categories.html" . }}{{ end }}
-	{{- with .Params.tags }} {{ partial "page-tags.html" . }}{{ end }}
-{{- end -}}
+{{ partial "page-date.html" . -}}
+{{- with .Params.categories }} in {{ partial "page-categories.html" . }}{{ end }}
+{{- with .Params.tags }} {{ partial "page-tags.html" . }}{{ end }}
diff --git a/generators/hugo/themes/tdro/layouts/partials/thumbnail-image.html b/generators/hugo/themes/tdro/layouts/partials/thumbnail-image.html
new file mode 100644
index 0000000..e4ef3be
--- /dev/null
+++ b/generators/hugo/themes/tdro/layouts/partials/thumbnail-image.html
@@ -0,0 +1,17 @@
+{{ $imageFile := print "public/images/thumbnails/" (partial "article-image.html" .) ".png" }}
+{{ if fileExists $imageFile }}
+{{ $image := imageConfig $imageFile }}
+<a href="{{ .Permalink }}">
+  <picture>
+    <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.png" type="image/png">
+    <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.jpg" type="image/jpeg">
+    <source srcset="/images/thumbnails/{{ partial "article-image.html" . }}.webp" type="image/webp">
+    <img class="image__thumbnail" alt="{{ .Title }}" src="/images/thumbnails/{{ partial "article-image.html" . }}.png" height="{{ $image.Height }}" width="{{ $image.Width }}"/>
+  </picture>
+</a>
+{{ else }}
+{{ $image := imageConfig "public/images/thumbnails/personal-portfolio.png" }}
+<a href="{{ .Permalink }}">
+  <img class="image__thumbnail" alt="{{ .Title }}" src="/images/thumbnails/personal-portfolio.png" height="{{ $image.Height }}" width="{{ $image.Width }}"/>
+</a>
+{{ end }}