From 615d2211463e073a65b0de60c61ab1184b14b958 Mon Sep 17 00:00:00 2001
From: Dimitri Staessens <dimitri@ouroboros.rocks>
Date: Wed, 19 Jun 2019 21:18:55 +0200
Subject: theme: Switch to ananke theme

---
 themes/ananke/layouts/post/list.html               | 21 +++++++++++++++++++++
 themes/ananke/layouts/post/summary-with-image.html | 19 +++++++++++++++++++
 themes/ananke/layouts/post/summary.html            | 15 +++++++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 themes/ananke/layouts/post/list.html
 create mode 100644 themes/ananke/layouts/post/summary-with-image.html
 create mode 100644 themes/ananke/layouts/post/summary.html

(limited to 'themes/ananke/layouts/post')

diff --git a/themes/ananke/layouts/post/list.html b/themes/ananke/layouts/post/list.html
new file mode 100644
index 0000000..73c9b5c
--- /dev/null
+++ b/themes/ananke/layouts/post/list.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+{{/*
+  This template is the same as the default and is here to demonstrate that if you have a content directory called "post" you can create a layouts directory, just for that section.
+   */}}
+  <article class="pa3 pa4-ns nested-copy-line-height nested-img">
+    <section class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">
+      {{ .Content }}
+    </section>
+    <aside class="flex-ns flex-wrap justify-around mt5">
+      {{ range .Paginator.Pages }}
+        <div class="relative w-100 w-30-l mb4 bg-white">
+          {{/*
+          Note we can use `.Render` here for items just in this section, instead of a partial to pull in items for the list page. https://gohugo.io/functions/render/
+          */}}
+          {{ .Render "summary" }}
+        </div>
+      {{ end }}
+    </aside>
+    {{ template "_internal/pagination.html" . }}
+  </article>
+{{ end }}
diff --git a/themes/ananke/layouts/post/summary-with-image.html b/themes/ananke/layouts/post/summary-with-image.html
new file mode 100644
index 0000000..d72cb35
--- /dev/null
+++ b/themes/ananke/layouts/post/summary-with-image.html
@@ -0,0 +1,19 @@
+<article class="bb b--black-10">
+  <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}">
+    <div class="flex flex-column flex-row-ns">
+      {{ if .Params.featured_image }}
+        <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">
+          <img src="{{ .Params.featured_image }}" class="db" alt="image from {{ .Title }}">
+        </div>
+      {{ end }}
+      <div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">
+        <h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1>
+        <div class="f6 f5-l lh-copy nested-copy-line-height">
+          {{ .Summary }}
+        </div>
+        {{/* TODO: add author
+        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}
+      </div>
+    </div>
+  </a>
+</article>
diff --git a/themes/ananke/layouts/post/summary.html b/themes/ananke/layouts/post/summary.html
new file mode 100644
index 0000000..c06c325
--- /dev/null
+++ b/themes/ananke/layouts/post/summary.html
@@ -0,0 +1,15 @@
+  <div class="mb3 pa4 mid-gray overflow-hidden">
+    {{ if .Date }}
+      <div class="f6">
+        {{ .Date.Format "January 2, 2006" }}
+      </div>
+    {{ end }}
+    <h1 class="f3 near-black">
+      <a href="{{ .URL }}" class="link black dim">
+        {{ .Title }}
+      </a>
+    </h1>
+    <div class="nested-links f5 lh-copy nested-copy-line-height">
+      {{ .Summary  }}
+    </div>
+  </div>
-- 
cgit v1.2.3