generators/hugo/themes/layouts: Add Abstracts

10 files changed, 79 insertions, 40 deletions

diff --git a/.gitignore b/.gitignore
index af21243..3372859 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,19 +1,20 @@
+/app/storage
 /cockpit
 /vendor
-/app/storage
+generators/hugo/content
+generators/hugo/public
+google[a-z0-9]*.html
+openring
+openring.html
+public/about
+public/abstracts
+public/archives
 public/dist
-public/tags
+public/images
 public/posts
 public/projects
-public/archives
-public/videos
-public/images
-public/about
 public/rss.xml
 public/sitemap.xml
-generators/hugo/content
-generators/hugo/public
-openring
-openring.html
+public/tags
+public/videos
 quotes.fortune.dat
-google[a-z0-9]*.html
diff --git a/app/views/components/context.menu.php b/app/views/components/context.menu.php
index 59f6610..1a3356a 100644
--- a/app/views/components/context.menu.php
+++ b/app/views/components/context.menu.php
@@ -21,6 +21,7 @@
           $route = '/posts/';                       $label = 'Posts';      include views('components', 'navigator.link.dropdown');
           $route = '/projects/';                    $label = 'Projects';   include views('components', 'navigator.link.dropdown');
           $route = '/about/';                       $label = 'Profile';    include views('components', 'navigator.link.dropdown');
+          $route = '/abstracts/';                   $label = 'Abstracts';  include views('components', 'navigator.link.dropdown');
           $route = '/contact/';                     $label = 'Contact';    include views('components', 'navigator.link.dropdown');
           $route = '/git/';                         $label = 'Repository'; include views('components', 'navigator.link.dropdown');
           $route = 'https://ko-fi.com/thedroneely'; $label = 'Coffee';     include views('components', 'navigator.link.dropdown');
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 }}
diff --git a/public/css/tdro.css b/public/css/tdro.css
index 84497d9..086d4d6 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -190,7 +190,7 @@ hr {
   border: none;
   display: block;
   height: 1px;
-  margin: 2rem 0;
+  margin: 1.5rem 0;
 }
 
 img {
@@ -3798,7 +3798,7 @@ ol li:before {
 
 figure a, .navbar-item, .webring a, .article__more__content a, .front__more,
 .is-mobile .has-text-centered > a, .article__list li a, ol li > a, .tableofcontents li a,
-.resume__label, .resume__container a, .isso-comment-footer a { border-bottom: none !important; }
+.resume__label, .resume__container a, .isso-comment-footer a, .abstract.tile > a { border-bottom: none !important; }
 
 .image__thumbnail { max-height: 222px; }
 .medium-zoom-overlay { background-color: #fff; background-color: rgba(255, 255, 255, .9); }
@@ -4034,7 +4034,6 @@ li a:focus span,
 .post-header a:focus,
 .sans-serif > a:focus,
 .serif > a:focus,
-.underline:focus,
 .isso-comment > div.text-wrapper > .text a:focus,
 .front__more:focus { background-color: #fefe98 !important; color: black !important; outline: none; }