aboutsummaryrefslogtreecommitdiff
path: root/themes/ananke/layouts/post
diff options
context:
space:
mode:
authorDimitri Staessens <dimitri@ouroboros.rocks>2019-06-19 21:18:55 +0200
committerDimitri Staessens <dimitri@ouroboros.rocks>2019-06-19 21:18:55 +0200
commit615d2211463e073a65b0de60c61ab1184b14b958 (patch)
treea7635aec59a689152061c00e8a462382112792f4 /themes/ananke/layouts/post
parent2a2311ea3fb1b89a266668bfd16aa96475fc183e (diff)
downloadwebsite-615d2211463e073a65b0de60c61ab1184b14b958.tar.gz
website-615d2211463e073a65b0de60c61ab1184b14b958.zip
theme: Switch to ananke theme
Diffstat (limited to 'themes/ananke/layouts/post')
-rw-r--r--themes/ananke/layouts/post/list.html21
-rw-r--r--themes/ananke/layouts/post/summary-with-image.html19
-rw-r--r--themes/ananke/layouts/post/summary.html15
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>