From 4c7dc59d7aa55e949f68eafcdad769aa588f163b Mon Sep 17 00:00:00 2001
From: JP Hastings-Spital <jphastings@gmail.com>
Date: Fri, 26 May 2023 00:22:06 +0100
Subject: [PATCH] Formatting for poetry

---
 content/poetry/sleep.md                       |  1 +
 layouts/instagram-posts/single.html           |  2 +
 layouts/poetry/single.html                    | 45 +++++++++++++++++++
 themes/hello-friend-ng/assets/scss/_main.scss | 28 ++++++++++++
 .../hello-friend-ng/assets/scss/_single.scss  |  1 +
 .../hello-friend-ng/layouts/posts/single.html |  2 +
 6 files changed, 79 insertions(+)
 create mode 100644 layouts/poetry/single.html

diff --git a/content/poetry/sleep.md b/content/poetry/sleep.md
index bd1797bf..7d4bf94c 100644
--- a/content/poetry/sleep.md
+++ b/content/poetry/sleep.md
@@ -7,6 +7,7 @@ draft: false
 align: 
 ---
 
+&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\
 Snooze\
 \
 \
diff --git a/layouts/instagram-posts/single.html b/layouts/instagram-posts/single.html
index e9e18b31..c64540ec 100644
--- a/layouts/instagram-posts/single.html
+++ b/layouts/instagram-posts/single.html
@@ -33,11 +33,13 @@
                   <line x1="8" y1="2" x2="8" y2="6"></line>
                   <line x1="3" y1="10" x2="21" y2="10"></line>
                 </svg>
+                <date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Date.Local }}">
                 {{ if .Site.Params.dateformNumTime }}
                   {{ dateFormat .Site.Params.dateformNumTime .Date.Local }}
                 {{ else }}
                   {{ dateFormat "2006-01-02 15:04" .Date.Local }}
                 {{ end }}
+                </date>
         
                 {{ if .Lastmod }} 
                   {{ if not (eq .Lastmod .Date )}}
diff --git a/layouts/poetry/single.html b/layouts/poetry/single.html
new file mode 100644
index 00000000..52be9258
--- /dev/null
+++ b/layouts/poetry/single.html
@@ -0,0 +1,45 @@
+{{ define "main" }}
+  <main class="post poetry">
+
+    <article class="poem-{{ .Params.align }}">
+        <h2 class="post-title"{{ with .Params.emoji }} data-emoji="{{.}}"{{end}}><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
+
+        <div class="post-content">
+          {{ if eq .Params.align "monospace" }}
+            <pre>{{.RawContent}}</pre>
+          {{ else }}
+            {{ .Content }}
+          {{ end }}
+        </div>
+    </article>
+
+    <div class="post-info">
+      <p><date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Date.Local }}">{{ dateFormat "Jan 2, 2006" .Date.Local }}</date></p>
+      <p><a href="../">back</a></p>
+    </div>
+
+  </main>
+  {{ if or .Params.prev .Params.next }}
+    <div class="pagination">
+        <div class="pagination__buttons">
+            {{ if .Params.prev }}{{ with .Site.GetPage .Params.prev }}
+            <span class="button previous">
+                <a href="{{ .RelPermalink }}">
+                    <span class="button__icon">←</span>
+                    <span class="button__text">{{ .Title }}</span>
+                </a>
+            </span>
+            {{ end }}{{ end }}
+
+            {{ if .Params.next }}{{ with .Site.GetPage .Params.next }} 
+            <span class="button next">
+                <a href="{{ .RelPermalink }}">
+                    <span class="button__text">{{ .Title }}</span>
+                    <span class="button__icon">→</span>
+                </a>
+            </span>
+            {{ end }}{{ end }}
+        </div>
+    </div>
+  {{ end }}
+{{ end }}
diff --git a/themes/hello-friend-ng/assets/scss/_main.scss b/themes/hello-friend-ng/assets/scss/_main.scss
index 2c3fff65..62b4e7a3 100644
--- a/themes/hello-friend-ng/assets/scss/_main.scss
+++ b/themes/hello-friend-ng/assets/scss/_main.scss
@@ -564,4 +564,32 @@ a[href^="#fn:"] {
       counter-increment: li;
     }
   }
+}
+
+.post.poetry {
+  width: auto;
+
+  article {
+    margin: 0 auto;
+    width: auto;
+  }
+
+  h2 {
+    font-size: 1.375em;
+    a {
+      margin: auto
+    }
+  }
+
+  .poem {
+    &-left { text-align: left; }
+    &-center { text-align: center; }
+    &-right { text-align: right; }
+    &-monospace { text-align: center; }
+  }
+
+  .post-info {
+    text-align: center;
+    margin-top: 60px;
+  }
 }
\ No newline at end of file
diff --git a/themes/hello-friend-ng/assets/scss/_single.scss b/themes/hello-friend-ng/assets/scss/_single.scss
index 8d0c053f..5c4007db 100644
--- a/themes/hello-friend-ng/assets/scss/_single.scss
+++ b/themes/hello-friend-ng/assets/scss/_single.scss
@@ -110,6 +110,7 @@
 
 .pagination {
   margin-top: 20px;
+  min-width: 50%;
 
   &__title {
     display: flex;
diff --git a/themes/hello-friend-ng/layouts/posts/single.html b/themes/hello-friend-ng/layouts/posts/single.html
index 1deec61d..d3865e34 100644
--- a/themes/hello-friend-ng/layouts/posts/single.html
+++ b/themes/hello-friend-ng/layouts/posts/single.html
@@ -82,11 +82,13 @@
           <line x1="8" y1="2" x2="8" y2="6"></line>
           <line x1="3" y1="10" x2="21" y2="10"></line>
         </svg>
+        <date datetime="{{ dateFormat "2006-01-02T15:04:05-0700" .Date.Local }}">
         {{ if .Site.Params.dateformNumTime }}
           {{ dateFormat .Site.Params.dateformNumTime .Date.Local }}
         {{ else }}
           {{ dateFormat "2006-01-02 15:04" .Date.Local }}
         {{ end }}
+        </date>
 
         {{ if .Lastmod }} 
           {{ if not (eq .Lastmod .Date )}}