theme: Switch to ananke theme

3 files changed, 55 insertions, 0 deletions

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>