From 6169de80db7e035f7d3978541a3cbc8f55cca48c Mon Sep 17 00:00:00 2001
From: giles <giles.bradshaw@sigyl.com>
Date: Sun, 15 Sep 2024 22:37:41 +0100
Subject: [PATCH] try span

---
 partials/content.hbs | 177 ++++++++++++++++++++-----------------------
 1 file changed, 82 insertions(+), 95 deletions(-)

diff --git a/partials/content.hbs b/partials/content.hbs
index 5e25fd1..df506ed 100644
--- a/partials/content.hbs
+++ b/partials/content.hbs
@@ -1,73 +1,63 @@
 <article class="single {{post_class}}">
 
     {{#match @page.show_title_and_feature_image}}
-        <header class="single-header gh-canvas">
-            {{#is "post"}}
-            <div class="single-meta">
-                <!--
+    <header class="single-header gh-canvas">
+        {{#is "post"}}
+        <div class="single-meta">
+            <!--
                 <span class="single-meta-item single-meta-date">
                     <time datetime="{{date format="YYYY-MM-DD"}}">
                         {{date published_at}}
                     </time>
                 </span>
                 -->
-                <span class="single-meta-item single-meta-length">
-                    {{reading_time}}
-                </span>
-                {{#primary_tag}}
-                    <span class="single-meta-item single-meta-tag">
-                        <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
-                    </span>
-                {{/primary_tag}}
-            </div>
-            {{/is}}
+            <span class="single-meta-item single-meta-length">
+                {{reading_time}}
+            </span>
+            {{#primary_tag}}
+            <span class="single-meta-item single-meta-tag">
+                <a class="post-tag post-tag-{{slug}}" href="{{url}}">{{name}}</a>
+            </span>
+            {{/primary_tag}}
+        </div>
+        {{/is}}
 
-            <h1 class="single-title">{{title}}</h1>
+        <h1 class="single-title">{{title}}</h1>
+        <div id="total-rose-ash-shop" hx-get="shop/orders/total"
+            hx-trigger="load delay:1ms, configured from:body, ordered from:body delay:1ms, paid from:body"
+            hx-swap="innerHTML">
+        </div>
 
-            {{#if custom_excerpt}}
-                <div class="single-excerpt">
-                    {{custom_excerpt}}
-                </div>
+        <div id="order-rose-ash-shop" hx-get="order"
+            hx-trigger="load delay:1ms, configured from:body, paid from:body, ordered from:body delay:1ms"
+            hx-on::config-request="event.detail.path = !(new URLSearchParams(window.location.search).get('order')) ? 'shop/order/?embed=true' : 'shop/order/?embed=true&orderId=' + new URLSearchParams(window.location.search).get('order');"
+            hx-swap="innerHTML">
+        </div>
+
+        {{#if custom_excerpt}}
+        <div class="single-excerpt">
+            {{custom_excerpt}}
+        </div>
+        {{/if}}
+        <div id="order-detail-rose-ash-shop" hx-get="order" hx-trigger="load delay:1ms, paid from:body"
+            hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('order') ? 'shop/order/' + new URLSearchParams(window.location.search).get('order')+ '/?embed=true' : null; //6a919002-94eb-467d-a226-5dd05b7f44a3 '"
+            hx-on::confirm=" if (!new URLSearchParams(window.location.search).get('order')) { event.preventDefault(); }"
+            hx-swap="innerHTML">
+        </div>
+
+        {{#if feature_image}}
+        {{#unless no_image}}
+        <figure class="single-media kg-width-{{width}}">
+            <img srcset="{{> " srcset"}}" sizes="(min-width: 1023px) 920px, calc(90vw)"
+                src="{{img_url feature_image size=" l"}}"
+                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
+            {{#if feature_image_caption}}
+            <figcaption>{{feature_image_caption}}</figcaption>
             {{/if}}
-  <div
-    id="total-rose-ash-shop"
-    hx-get="shop/orders/total"
-    hx-trigger="load delay:1ms, configured from:body, ordered from:body delay:1ms, paid from:body"
-    hx-swap="innerHTML"
-  >
-  </div>
-  
-            <div
-    id="order-rose-ash-shop"
-    hx-get="order"
-    hx-trigger="load delay:1ms, configured from:body, paid from:body, ordered from:body delay:1ms"
-    hx-on::config-request = "event.detail.path = !(new URLSearchParams(window.location.search).get('order')) ? 'shop/order/?embed=true' : 'shop/order/?embed=true&orderId=' + new URLSearchParams(window.location.search).get('order');" 
-    hx-swap="innerHTML"
-
-           >
-	   </div>
-            <div
-    id="order-detail-rose-ash-shop"
-    hx-get="order"
-    hx-trigger="load delay:1ms, paid from:body"
-    hx-on::config-request="event.detail.path = new URLSearchParams(window.location.search).get('order') ? 'shop/order/' + new URLSearchParams(window.location.search).get('order')+ '/?embed=true' : null; //6a919002-94eb-467d-a226-5dd05b7f44a3 '"
-    hx-on::confirm = " if (!new URLSearchParams(window.location.search).get('order')) { event.preventDefault(); }" 
-    hx-swap="innerHTML"
- 
-	   >
-           </div>
-
-            {{#if feature_image}}
-            {{#unless no_image}}
-                <figure class="single-media kg-width-{{width}}">
-                    <img srcset="{{> "srcset"}}" sizes="(min-width: 1023px) 920px, calc(90vw)" src="{{img_url feature_image size="l"}}" alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
-                    {{#if feature_image_caption}}
-                        <figcaption>{{feature_image_caption}}</figcaption>
-                    {{/if}}
-                </figure>
-            {{/unless}}
-            {{/if}}
-        </header>
+        </figure>
+        {{/unless}}
+        {{/if}}
+    </header>
     {{/match}}
 
     <div class="single-content gh-content gh-canvas">
@@ -76,58 +66,55 @@
 
     {{#is "post"}}
     <div class="gh-canvas">
-    <footer class="single-footer">
+        <footer class="single-footer">
 
-        <div class="single-footer-left">
-            {{#prev_post}}
-            <div class="navigation navigation-previous">
-                <a class="navigation-link" href="{{url}}" aria-label="Previous post">
-                    <span class="navigation-icon">{{> "icons/arrow-left"}}</span>
-                </a>
+            <div class="single-footer-left">
+                {{#prev_post}}
+                <div class="navigation navigation-previous">
+                    <a class="navigation-link" href="{{url}}" aria-label="Previous post">
+                        <span class="navigation-icon">{{> "icons/arrow-left"}}</span>
+                    </a>
+                </div>
+                {{/prev_post}}
             </div>
-            {{/prev_post}}
-        </div>
 
-        <div class="single-footer-middle">
-            {{#if @custom.show_author}}
-            <div class="single-footer-top">
-                <h3 class="single-footer-title">Published by:</h3>
-                <div class="author-list">
-                    {{#foreach authors}}
+            <div class="single-footer-middle">
+                {{#if @custom.show_author}}
+                <div class="single-footer-top">
+                    <h3 class="single-footer-title">Published by:</h3>
+                    <div class="author-list">
+                        {{#foreach authors}}
                         <div class="author-image-placeholder u-placeholder square">
                             <a href="{{url}}" title="{{name}}">
                                 {{#if profile_image}}
-                                    <img class="author-image u-object-fit" src="{{img_url profile_image size="xs"}}" alt="{{name}}" loading="lazy">
+                                <img class="author-image u-object-fit" src="{{img_url profile_image size=" xs"}}"
+                                    alt="{{name}}" loading="lazy">
                                 {{else}}
-                                    <span class="u-object-fit">{{> "icons/avatar"}}</span>
+                                <span class="u-object-fit">{{> "icons/avatar"}}</span>
                                 {{/if}}
                             </a>
                         </div>
-                    {{/foreach}}
+                        {{/foreach}}
+                    </div>
                 </div>
+                {{/if}}
             </div>
-            {{/if}}
-        </div>
 
-        <div class="single-footer-right">
-            {{#next_post}}
-            <div class="navigation navigation-next">
-                <a class="navigation-link" href="{{url}}" aria-label="Next post">
-                    <span class="navigation-icon">{{> "icons/arrow-right"}}</span>
-                </a>
+            <div class="single-footer-right">
+                {{#next_post}}
+                <div class="navigation navigation-next">
+                    <a class="navigation-link" href="{{url}}" aria-label="Next post">
+                        <span class="navigation-icon">{{> "icons/arrow-right"}}</span>
+                    </a>
+                </div>
+                {{/next_post}}
             </div>
-            {{/next_post}}
+        </footer>
+        <div id="configure-product" name="configure-product" hx-get="shop/configure?embed" hx-trigger="load">
+        </div>
+        <div id="orders-rose-ash-shop" hx-get="shop/orders" hx-trigger="load, paid from:body, configured from:body"
+            hx-swap="innerHTML">
         </div>
-    </footer>
-    <div id="configure-product" name="configure-product" hx-get="shop/configure?embed" hx-trigger="load">
-    </div>
-    <div
-        id="orders-rose-ash-shop"
-        hx-get="shop/orders"
-        hx-trigger="load, paid from:body, configured from:body"
-        hx-swap="innerHTML"
-    >
-    </div>
     </div>
     {{/is}}