From 8689d14fc17b906050aaa85278c7e2d78fbfb623 Mon Sep 17 00:00:00 2001
From: Adam Goldsmith <adam@adamgoldsmith.name>
Date: Thu, 18 Jul 2024 23:19:39 -0400
Subject: [PATCH] membershipworks: Fix up post generator formatting for
 WordPress 6.6

---
 .../membershipworks/upcoming_events.dj.html   | 35 +++++++++++--------
 1 file changed, 21 insertions(+), 14 deletions(-)

diff --git a/membershipworks/templates/membershipworks/upcoming_events.dj.html b/membershipworks/templates/membershipworks/upcoming_events.dj.html
index eb79b7a..8716707 100644
--- a/membershipworks/templates/membershipworks/upcoming_events.dj.html
+++ b/membershipworks/templates/membershipworks/upcoming_events.dj.html
@@ -8,11 +8,11 @@
     <div id="preview">
       <!-- wp:image {"align":"center","id":2319} -->
       <figure class="wp-block-image aligncenter">
+        {# djlint:off H006 #}
         <img src="https://claremontmakerspace.org/wp-content/uploads/2019/03/CMS-Logo-b-y-g-300x168.png"
-             width="300"
-             height="168"
              alt="CMS Logo"
              class="wp-image-2319" />
+        {# djlint:on #}
       </figure>
       <!-- /wp:image -->
 
@@ -65,21 +65,28 @@
             {% with url="https://claremontmakerspace.org/events/#!event/register/"|add:event.url %}
               <!-- wp:group {"tagName":"section","layout":{"type":"constrained"}} -->
               <section class="wp-block-group">
+
+                {% if "lgo" in event %}
+                  <!-- wp:image {"width":"400px","height":"auto","sizeSlug":"large","linkDestination":"media","align":"{% cycle 'left' 'right' %}"} -->
+                  <figure class="wp-block-image {% cycle 'alignleft' 'alignright' %} size-large is-resized">
+                    <a href="{{ url }}">
+                      {# djlint:off H006 #}
+                      <img src="{{ event.lgo.l }}"
+                           alt="Image for {{ event.ttl|nh3:"" }}"
+                           style="width:400px;
+                                  height:auto" />
+                      {# djlint:on #}
+                    </a>
+                  </figure>
+                  <!-- /wp:image -->
+                {% endif %}
+
                 <!-- wp:heading {"align":"center"} -->
                 <h2 class="wp-block-heading">
-                  <a href="{{ url }}">
-                    {% if "lgo" in event %}
-                      {# djlint:off H006 #}
-                      <img class="{% cycle 'alignleft' 'alignright' %}"
-                           width="400"
-                           alt="Image for {{ event.ttl|nh3:"" }}"
-                           src="{{ event.lgo.l }}">
-                      {# djlint:on #}
-                    {% endif %}
-                    <span>{{ event.ttl|nh3 }}</span>
-                  </a>
+                  <a href="{{ url }}">{{ event.ttl|nh3 }}</a>
                 </h2>
                 <!-- /wp:heading -->
+
                 <!-- wp:paragraph -->
                 <p>
                   {# wordpress is very annoying with spacing here #}
@@ -110,7 +117,7 @@
       {% endfor %}
 
       <!-- wp:paragraph -->
-      <p style="clear: both;">Happy Makin’!</p>
+      <p>Happy Makin’!</p>
       <!-- /wp:paragraph -->
       <!-- wp:paragraph -->
       <p>