From 99093749bc1f5dc2c6194d051ed1ff4d04fd8a25 Mon Sep 17 00:00:00 2001
From: Ben Ramey <benramey@fastmail.com>
Date: Sat, 1 Apr 2023 17:28:12 -0500
Subject: [PATCH] Much progress on templates

---
 .gitignore                                    |  1 +
 .../BenRameyTheme/Views/Blog-ListPart.liquid  | 13 +++
 .../Views/BlogPost-Category.liquid            |  9 ++
 ...ost-Tags-TaxonomyField-Tags.Display.liquid |  8 ++
 .../BenRameyTheme/Views/Content-Blog.liquid   |  3 +
 .../Views/Content-BlogPost.liquid             | 20 +++++
 .../BenRameyTheme/Views/DateTime.liquid       |  1 +
 src/Themes/BenRameyTheme/Views/Layout.liquid  | 88 ++++++++++---------
 8 files changed, 102 insertions(+), 41 deletions(-)
 create mode 100644 src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid
 create mode 100644 src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid
 create mode 100644 src/Themes/BenRameyTheme/Views/BlogPost-Tags-TaxonomyField-Tags.Display.liquid
 create mode 100644 src/Themes/BenRameyTheme/Views/Content-Blog.liquid
 create mode 100644 src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid
 create mode 100644 src/Themes/BenRameyTheme/Views/DateTime.liquid

diff --git a/.gitignore b/.gitignore
index 70d16e6..b06d0f5 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 App_Data
+is-cache
 
 ## Ignore Visual Studio temporary files, build results, and
 ## files generated by popular Visual Studio add-ons.
diff --git a/src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid b/src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid
new file mode 100644
index 0000000..706852c
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/Blog-ListPart.liquid
@@ -0,0 +1,13 @@
+{% for item in Model.ContentItems %}
+{{ item | shape_build_display: "Summary" | shape_render }}
+{% endfor %}
+
+{% assign previousText = "← Newer Posts" | t %}
+{% assign nextText = "Older Posts →" | t %}
+{% assign previousClass = "previous" | t %}
+{% assign nextClass = "next" | t %}
+
+{% shape_pager Model.Pager previous_text: previousText, next_text: nextText
+, previous_class: previousClass, next_class: nextClass %}
+
+{{ Model.Pager | shape_render }}
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid b/src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid
new file mode 100644
index 0000000..8652dc4
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/BlogPost-Category.liquid
@@ -0,0 +1,9 @@
+<nav class="post-categories">
+    <span>{{ "posted in" | t }}:</span>
+    {% assign categoryTerms = Model.Field | taxonomy_terms %}
+    {% for categoryTerm in categoryTerms %}
+    {% a display_for: categoryTerm %}
+    {{ categoryTerm.DisplayText }}
+    {% enda %}
+    {% endfor %}
+</nav>
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/BlogPost-Tags-TaxonomyField-Tags.Display.liquid b/src/Themes/BenRameyTheme/Views/BlogPost-Tags-TaxonomyField-Tags.Display.liquid
new file mode 100644
index 0000000..80c80e1
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/BlogPost-Tags-TaxonomyField-Tags.Display.liquid
@@ -0,0 +1,8 @@
+<nav class="post-tags">
+    {% assign tagTerms = Model.Field | taxonomy_terms %}
+    {% for tagTerm in tagTerms %}
+    {% a display_for: tagTerm %}
+    #{{ tagTerm }}
+    {% enda %}
+    {% endfor %}
+</nav>
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/Content-Blog.liquid b/src/Themes/BenRameyTheme/Views/Content-Blog.liquid
new file mode 100644
index 0000000..dcb0b07
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/Content-Blog.liquid
@@ -0,0 +1,3 @@
+<article>
+  {{ Model.Content | shape_render }}
+</article>
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid b/src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid
new file mode 100644
index 0000000..b2db148
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/Content-BlogPost.liquid
@@ -0,0 +1,20 @@
+<article class="post">
+  <h1 class="post-title">{{ Model.ContentItem.DisplayText }}</h1>
+
+  <div class="post-info d-flex justify-content-start">
+    {% assign postDateTime = "DateTime" | shape_new: class: "post-date", utc: Model.ContentItem.CreatedUtc, format: "%a
+    %b %e, %Y" %}
+    {{ postDateTime | shape_render }}
+    {{ Model.Content.BlogPost-Tags | shape_render }}
+    {{ Model.Content.BlogPost-Category | shape_render }}
+  </div>
+
+  <div>
+    {{ Model.Content.MarkdownBodyPart | shape_render }}
+  </div>
+</article>
+<section class="comments">
+  <a id="comments-section">
+    <h2>Comments</h2>
+  </a>
+</section>
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/DateTime.liquid b/src/Themes/BenRameyTheme/Views/DateTime.liquid
new file mode 100644
index 0000000..7f0df73
--- /dev/null
+++ b/src/Themes/BenRameyTheme/Views/DateTime.liquid
@@ -0,0 +1 @@
+<time dateTime="{{ Model.Utc }}" class="{{ Model.Class }}">{{ Model.Utc | date: Model.Format }}</time>
\ No newline at end of file
diff --git a/src/Themes/BenRameyTheme/Views/Layout.liquid b/src/Themes/BenRameyTheme/Views/Layout.liquid
index 94c88af..6e6d3be 100644
--- a/src/Themes/BenRameyTheme/Views/Layout.liquid
+++ b/src/Themes/BenRameyTheme/Views/Layout.liquid
@@ -1,53 +1,59 @@
 <!DOCTYPE html>
 <html lang="{{ Culture.Name }}">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    <title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-    {% resources type: "Meta" %}
+  <title>{% page_title Site.SiteName, position: "before", separator: " - " %}</title>
 
-    {% link type: "image/x-icon", rel: "shortcut icon", href: "~/BenRameyTheme/assets/favicon.ico" %}
+  {% resources type: "Meta" %}
 
-    {% style name: "benrameytheme" %}
+  {% link type: "image/x-icon", rel: "shortcut icon", href: "~/BenRameyTheme/assets/favicon.ico" %}
 
-      {% resources type: "HeadLink" %}
-      {% resources type: "Stylesheet" %}
-      {% resources type: "HeadScript" %}
-    </head>
-    <body dir="{{ Culture.Dir }}">
-      <header>
-        <div class="container">
-          <div class="d-flex justify-content-between align-item-center">
-            <a
-              href="/"
-              class="d-flex justify-content-start align-items-center me-2 text-decoration-none"
-              title="Home">
-              <img
-                src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg"
-                alt="Gravatar"
-                width="40"
-                height="40" />
-              <span class="ms-2">{{ Site.SiteName }}</span>
-            </a>
-            <div class="d-none d-sm-flex flex-column justify-content-around ms-2">
-              <small>{{ Site.Tagline }}</small>
-            </div>
-          </div>
+  {% style name: "benrameytheme" %}
+
+  {% resources type: "HeadLink" %}
+  {% resources type: "Stylesheet" %}
+  {% resources type: "HeadScript" %}
+</head>
+
+<body dir="{{ Culture.Dir }}">
+  <header>
+    <div class="container">
+      <div class="d-flex justify-content-between align-item-center">
+        <a href="/" class="d-flex justify-content-start align-items-center me-2 text-decoration-none" title="Home">
+          <img src="https://en.gravatar.com/userimage/738990/32d8e61848233a67f5e02dcc43be0ff8.jpeg" alt="Gravatar"
+            width="40" height="40" />
+          <span class="ms-2">{{ Site.SiteName }}</span>
+        </a>
+        <div class="d-none d-sm-flex flex-column justify-content-around ms-2">
+          <small>{{ Site.Tagline }}</small>
         </div>
-      </header>
+      </div>
+    </div>
+  </header>
 
-      <main>
-        <div class="container">
-          {% render_body %}
-        </div>
-      </main>
+  <main>
+    <div class="container">
+      {% render_body %}
+    </div>
+  </main>
 
-      <footer>
-        {% render_section "Footer", required: false %}
-      </footer>
+  <footer class="footer">
+    <div class="container">
+      <hr />
+      <small>
+        &copy;
+        {% assign year = "now" | date: "%Y" %}
+        <time dateTime="{{ year }}">{{ year }}</time>
+        All rights reserved.
+      </small>
+    </div>
+  </footer>
+
+  {% resources type: "FootScript" %}
+</body>
+</head>
 
-      {% resources type: "FootScript" %}</body>
-  </head>
 </html>
\ No newline at end of file