From 922b65d27f48fd0b978ee8dc74e39d633e4b38f0 Mon Sep 17 00:00:00 2001
From: lxf <sng@luxagraf.net>
Date: Fri, 21 Jan 2022 16:08:22 -0500
Subject: posts: fixed essay template

---
 app/posts/templates/posts/essay_detail.html | 39 +++++++++++++++--------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/app/posts/templates/posts/essay_detail.html b/app/posts/templates/posts/essay_detail.html
index f522cf7..09990c6 100644
--- a/app/posts/templates/posts/essay_detail.html
+++ b/app/posts/templates/posts/essay_detail.html
@@ -89,27 +89,28 @@
         </article>
 
         {% if object.related.all %}<div class="article-afterward related">
-            <div class="related-bottom">
+        <div class="related-bottom">
             <h6 class="hedtinycaps">You might also enjoy</h6>
-            <ul class="article-card-list">{% for object in related %}
-                <li class="article-card-mini"><a href="{{object.get_absolute_url}}" title="{{object.title}}">
-                    <div class="post-image post-mini-image">
-                        {% if object.featured_image %}
-                            {% include "lib/img_archive.html" with image=object.featured_image nolightbox=True %}
-                        {%endif%}
-                    </div>
-                    <h4 class="p-name entry-title post-title" itemprop="headline">{% if object.title %}{{object.title|safe|smartypants|widont}}{% else %}{{object.common_name}}{%endif%}</h4>
-                    <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
-                    <p class="post-summary">
-                        {% if object.location %}<span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
-                            {% if object.location.country_name == "United States" %}{{object.location.state_name}}{%else%}{{object.location.country_name}}{%endif%}
-                        </span>{%endif%}
-                        {% if object.location and object.model_name.model != 'page' %}&ndash;{%endif%}
-                        {% if object.model_name.model != 'page' %}<time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}"><span>{{object.pub_date|date:" Y"}}</span></time>{%endif%}
-                    </p> 
+            <div class="archive-grid-quad">{% for object in related %}
+                <div class="archive-grid-card archive-grid-card-simple">
+                    <a href="{{object.get_absolute_url}}" title="{{object.title}}">
+                        <div class="card-image-tiny">
+                            {% if object.featured_image %}
+                                {% include "lib/img_archive.html" with image=object.featured_image nolightbox=True %}
+                            {%endif%}
+                        </div>
+                        <h4 class="p-name card-hed" itemprop="headline">{% if object.title %}{{object.title|safe|smartypants|widont}}{% else %}{{object.common_name}}{%endif%}</h4>
+                        <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
+                        <span class="card-smcaps">
+                            {% if object.location %}<span class="p-location h-adr adr card-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
+                                {% if object.location.country_name == "United States" %}{{object.location.state_name}}{%else%}{{object.location.country_name}}{%endif%}
+                            </span>{%endif%}
+                            {% if object.location and object.model_name.model != 'page' %}&ndash;{%endif%}
+                            {% if object.model_name.model != 'page' %}<time class="dt-published published dt-updated" datetime="{{object.pub_date|date:'c'}}"><span>{{object.pub_date|date:" Y"}}</span></time>{%endif%}
+                        </span> 
                     </a>
-            </li>
-        {% endfor %}</ul>
+            </div>
+        {% endfor %}</div>
             </div>
         </div>{%endif%}
         {% comment %}    <div class="mailing-list--wrapper">
-- 
cgit v1.2.3-70-g09d2