From c731e2b2306b7f108d4522ba24d9b46f4db7b5fc Mon Sep 17 00:00:00 2001
From: August Miller <hello@gusmiller.com>
Date: Mon, 5 Feb 2024 10:58:41 -0800
Subject: [PATCH] Twig syntax cleanup

---
 templates/_/components/blocks/ctaCaption.twig |  4 +--
 templates/_/components/blocks/form.twig       |  6 ++--
 templates/_/components/blocks/heading.twig    |  4 +--
 .../_/components/blocks/imageAndHeadings.twig |  2 +-
 templates/_/components/blocks/slider.twig     |  8 +++---
 .../_/components/blocks/statsAndImage.twig    |  6 ++--
 templates/_/components/picture.twig           |  2 +-
 templates/_/layouts/base.twig                 |  4 +--
 templates/_/pages/contact.twig                |  2 +-
 templates/_/pages/exhibit.twig                | 18 ++++++------
 templates/_/pages/home.twig                   |  8 +++---
 templates/_/pages/news-article.twig           |  6 ++--
 templates/_/pages/news.twig                   | 12 ++++----
 templates/_/partials/footer.twig              | 28 +++++++++----------
 templates/_/rss/news.rss                      |  6 ++--
 15 files changed, 58 insertions(+), 58 deletions(-)

diff --git a/templates/_/components/blocks/ctaCaption.twig b/templates/_/components/blocks/ctaCaption.twig
index 6c46b67b..0d4aaa61 100644
--- a/templates/_/components/blocks/ctaCaption.twig
+++ b/templates/_/components/blocks/ctaCaption.twig
@@ -18,7 +18,7 @@
 
             {% if heading %}
                 <span class="caption-heading">
-                    {{ include(template_from_string(heading)|raw) }}
+                    {{ include(template_from_string(heading) | raw) }}
                 </span>
             {% endif %}
 
@@ -28,7 +28,7 @@
 
             {% if information %}
                 <span class="information">
-                    {{ include(template_from_string(information)|raw) | typogrify }}
+                    {{ include(template_from_string(information) | raw) | typogrify }}
                 </span>
             {% endif %}
 
diff --git a/templates/_/components/blocks/form.twig b/templates/_/components/blocks/form.twig
index bfae9000..3228c894 100644
--- a/templates/_/components/blocks/form.twig
+++ b/templates/_/components/blocks/form.twig
@@ -33,7 +33,7 @@
 
 <div id="{{ freeformId }}" class="content-block form-block {{ isFirst }}" data-scroll-section>
 
-	{{ theBlock.form.render() }}
+    {{ theBlock.form.render() }}
 
     <template id="{{ templateId }}">
         {{ theBlock.successMessage | default("Form submitted successfully!") | typogrify | raw }}
@@ -48,11 +48,11 @@
     See: https://docs.solspace.com/craft/freeform/v3/templating/ajax-forms.html#customization
 #}
 <script>
-    document.getElementById('{{ freeformId }}').addEventListener('freeform-ready', function(event) {
+    document.getElementById("{{ freeformId | e('js') }}").addEventListener('freeform-ready', function(event) {
         const freeform = event.target.freeform;
 
         freeform.setOption('renderSuccess', function() {
-            const templateClone = document.getElementById('{{ templateId }}').content.cloneNode(true)
+            const templateClone = document.getElementById("{{ templateId | e('js') }}").content.cloneNode(true)
             const successMessage = document.createElement("div");
 
             successMessage.classList.add("ff-form-success");
diff --git a/templates/_/components/blocks/heading.twig b/templates/_/components/blocks/heading.twig
index f510abbb..687614b2 100644
--- a/templates/_/components/blocks/heading.twig
+++ b/templates/_/components/blocks/heading.twig
@@ -1,9 +1,9 @@
 {# @var craft \craft\web\twig\variables\CraftVariable #}
 
-{% set heading = theBlock.heading ?? altText|default('') %}
+{% set heading = theBlock.heading ?? altText | default('') %}
 {% set isFirst = isFirst ?? false %}
 
-{% if heading|length %}
+{% if heading | length %}
 
     <div class="content-block heading-block{{ isFirst ? ' isFirst' : '' }}" data-scroll-section>
         <div class="heading">
diff --git a/templates/_/components/blocks/imageAndHeadings.twig b/templates/_/components/blocks/imageAndHeadings.twig
index b9f4f82a..deb57279 100644
--- a/templates/_/components/blocks/imageAndHeadings.twig
+++ b/templates/_/components/blocks/imageAndHeadings.twig
@@ -9,7 +9,7 @@
 {% set subHeading = theBlock.subHeading | default('') %}
 {% set highlightText = theBlock.highlightText ? 'is-highlighted' : '' %}
 
-{% set hasHeroImage = entry.heroImage|length ? true : false %}
+{% set hasHeroImage = entry.heroImage | length ? true : false %}
 
 <div class="content-block image-and-headings-block {{ isFirst }} {{ textColor }} {{ highlightText }}" data-scroll-section>
 
diff --git a/templates/_/components/blocks/slider.twig b/templates/_/components/blocks/slider.twig
index 7f36d847..9e58040a 100644
--- a/templates/_/components/blocks/slider.twig
+++ b/templates/_/components/blocks/slider.twig
@@ -10,7 +10,7 @@
 
 {# {% if exhibit %} #}
 
-    <div class="content-block slider-block {{ isFirst }} {% if slideImages|length %}is-image{% else %}is-entry{% endif %} {% if darkUI %}dark-ui{% endif %}" data-scroll-section>
+    <div class="content-block slider-block {{ isFirst }} {% if slideImages | length %}is-image{% else %}is-entry{% endif %} {% if darkUI %}dark-ui{% endif %}" data-scroll-section>
 
         <div class="slider-info">
 
@@ -20,7 +20,7 @@
                 </a>
             </div>
 
-            <h4 class="slider-heading {% if heading|length == 0 %}hide-on-tablet{% endif %}">
+            <h4 class="slider-heading {% if heading | length == 0 %}hide-on-tablet{% endif %}">
                 {{ heading }}
             </h4>
 
@@ -30,7 +30,7 @@
                     {% include "_/svg/arrowLeft" %}
                 </button>
 
-                {% if slideEntries|length and slideImages|length == 0 %}
+                {% if slideEntries | length and slideImages | length == 0 %}
                     <span class="divider">|</span>
                 {% endif %}
 
@@ -97,7 +97,7 @@
 
                         {% set slideTitle = entry.title %}
                         {% set slideNewsCategory = entry.newsCategory.one() | default('') %}
-                        {% set slideDate = entry.postDate|date('m.y') | default('') %}
+                        {% set slideDate = entry.postDate | date('m.y') | default('') %}
                         {% set slideUrl = entry.url %}
 
                         {% if heroImage %}
diff --git a/templates/_/components/blocks/statsAndImage.twig b/templates/_/components/blocks/statsAndImage.twig
index 4a652745..5302cb9e 100644
--- a/templates/_/components/blocks/statsAndImage.twig
+++ b/templates/_/components/blocks/statsAndImage.twig
@@ -1,7 +1,7 @@
 {# @var craft \craft\web\twig\variables\CraftVariable #}
 
-{% set internalLink = theBlock.internalLink.one().url|default('') %}
-{% set externalLink = theBlock.externalLink|default('') %}
+{% set internalLink = theBlock.internalLink.one().url | default('') %}
+{% set externalLink = theBlock.externalLink | default('') %}
 
 {% set linkUrl = internalLink ? internalLink : externalLink %}
 
@@ -13,7 +13,7 @@
 
         <div class="text-container">
 
-            <div class="stat-left {% if theBlock.rightStatValue|length == 0 %}hide-on-mobile{% endif %}">
+            <div class="stat-left {% if theBlock.rightStatValue | length == 0 %}hide-on-mobile{% endif %}">
                 <div class="stat-value">
                     {{ theBlock.leftStatValue }}
                 </div>
diff --git a/templates/_/components/picture.twig b/templates/_/components/picture.twig
index c00af21c..4c702b61 100644
--- a/templates/_/components/picture.twig
+++ b/templates/_/components/picture.twig
@@ -38,7 +38,7 @@
             data-srcset="{{ srcset }}"
             sizes="{{ sizes }}"
             alt="{{ alt }}"
-            style="object-position: {{ asset.focalPoint|first * 100 }}% {{ asset.focalPoint|last * 100 }}%;"
+            style="object-position: {{ asset.focalPoint | first * 100 }}% {{ asset.focalPoint | last * 100 }}%;"
         />
 
     {% endif %}
diff --git a/templates/_/layouts/base.twig b/templates/_/layouts/base.twig
index ed4d92a3..913c5959 100644
--- a/templates/_/layouts/base.twig
+++ b/templates/_/layouts/base.twig
@@ -5,7 +5,7 @@
 {% header "Link: <#{baseUrl}>; rel=dns-prefetch;,<#{baseUrl}>; rel=preconnect; crossorigin;" %}
 <!DOCTYPE html>
 
-<html lang="{{ craft.app.language |slice(0,2) }}" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
+<html lang="{{ craft.app.language | slice(0,2) }}" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
 
     <head>
         <link rel="dns-prefetch" href="{{ baseUrl }}" crossorigin>
@@ -33,7 +33,7 @@
         {% if env != "local" %}
             {% set inline_css =  block("inline_css") is defined ? block("inline_css") : "" %}
         {% endif %}
-        {% if inline_css|trim is not empty %}
+        {% if inline_css | trim is not empty %}
             <style>{{ inline_css | raw | replace({'/assets/dist/': alias('@assetBaseUrl/assets/dist/')}) }}</style>
             {{ craft.twigpack.includeCssModule('/css/site.css', true) }}
         {% else %}
diff --git a/templates/_/pages/contact.twig b/templates/_/pages/contact.twig
index ed29e162..ab3224f2 100644
--- a/templates/_/pages/contact.twig
+++ b/templates/_/pages/contact.twig
@@ -3,7 +3,7 @@
 {% extends "_/layouts/site" %}
 
 {% block inline_css %}
-    {{ source ("_/#{entry.type.handle}-critical.min.css", ignore_missing = true) }}
+    {{ source("_/#{entry.type.handle}-critical.min.css", ignore_missing = true) }}
 {% endblock %}
 
 {% block content %}
diff --git a/templates/_/pages/exhibit.twig b/templates/_/pages/exhibit.twig
index 5f2e3b8e..9f6f627a 100644
--- a/templates/_/pages/exhibit.twig
+++ b/templates/_/pages/exhibit.twig
@@ -10,7 +10,7 @@
 
 {% block content %}
 
-    <article class="{% if contentBlocks|length == 0 %}no-blocks{% endif %}" data-router-view="exhibit" data-handle="{{ entry.type.handle }}">
+    <article class="{% if contentBlocks | length == 0 %}no-blocks{% endif %}" data-router-view="exhibit" data-handle="{{ entry.type.handle }}">
 
         <div class="exhibit-container" data-scroll-section>
 
@@ -37,22 +37,22 @@
 
                     {% set imageCaption = heroImage.imageCaption | default('') %}
 
-                    {% if imageCaption|length %}
+                    {% if imageCaption | length %}
                         <div class="caption">
                             {{ imageCaption | typogrify }}
                         </div>
                     {% endif %}
 
-                    {% set startDate = entry.postDate|date('m.y') | default('') %}
-                    {% set endDate = entry.expiryDate|date('m.y') | default('') %}
+                    {% set startDate = entry.postDate | date('m.y') | default('') %}
+                    {% set endDate = entry.expiryDate | date('m.y') | default('') %}
 
-                    {% if startDate|length %}
+                    {% if startDate | length %}
                         <div class="dates">
                             {{ startDate }} &mdash; {{ endDate }}
                         </div>
                     {% endif %}
 
-                    {% if imageCaption|length %}
+                    {% if imageCaption | length %}
                         <div class="tickets">
                             {% apply typogrify %}
                                 Tickets are purchased at the Museum
@@ -66,13 +66,13 @@
 
         </div>
 
-        {% if contentBlocks|length %}
+        {% if contentBlocks | length %}
 
-            {% include "_/components/block-matrix" with {contentBlocks: contentBlocks} %}
+            {% include "_/components/block-matrix" with { contentBlocks: contentBlocks } %}
 
         {% else %}
 
-            {% include "_/components/blocks/heading" with {altText: 'Coming soon…'|t} %}
+            {% include "_/components/blocks/heading" with { altText: 'Coming soon…' | t } %}
 
         {% endif %}
 
diff --git a/templates/_/pages/home.twig b/templates/_/pages/home.twig
index d1ecc28f..1f4ecf90 100644
--- a/templates/_/pages/home.twig
+++ b/templates/_/pages/home.twig
@@ -9,7 +9,7 @@
 {% block content %}
 
     {% set heading = entry.heading | default('') %}
-    {% set headingWords = heading | split(" ") %}
+    {% set headingWords = heading | split(' ') %}
 
     <article data-router-view="home">
 
@@ -39,7 +39,7 @@
 
                     <div class="exhibitions-title-container">
                         <h6 class="title" data-scroll data-scroll-speed="" data-scroll-delay="">
-                            {{ 'Featured Exhibits'|t|replace(' ', '<br>')|raw }}
+                            {{ 'Featured Exhibits' | t | replace(' ', '<br>') | raw }}
                         </h6>
                     </div>
 
@@ -51,8 +51,8 @@
 
                     {% set exhibitUrl = exhibit.url %}
                     {% set exhibitTitle = exhibit.title %}
-                    {% set exhibitStartDate = exhibit.postDate|date('m.y') | default('') %}
-                    {% set exhibitEndDate = exhibit.expiryDate|date('m.y') | default('') %}
+                    {% set exhibitStartDate = exhibit.postDate | date('m.y') | default('') %}
+                    {% set exhibitEndDate = exhibit.expiryDate | date('m.y') | default('') %}
                     {% set exhibitHeroImage = exhibit.heroImage.one() %}
 
                     {% do exhibitHeroImage.setTransform({
diff --git a/templates/_/pages/news-article.twig b/templates/_/pages/news-article.twig
index 62389ca1..c736333d 100644
--- a/templates/_/pages/news-article.twig
+++ b/templates/_/pages/news-article.twig
@@ -8,7 +8,7 @@
 
 {% block content %}
 
-    {% if entry.heroImage|length %}
+    {% if entry.heroImage | length %}
         {% set heroImage = entry.heroImage.one() %}
 
         {% do heroImage.setTransform({
@@ -23,9 +23,9 @@
         <div class="news-article-container" data-scroll-section>
 
             {% include '_/svg/arrowLeft' %}
-            <a class="link-back" href="{{ url('news') }}">{{ 'Back to News'|t }}</a>
+            <a class="link-back" href="{{ url('news') }}">{{ 'Back to News' | t }}</a>
 
-            <h5 class="hero-heading">{{ entry.title |typogrify }}</h5>
+            <h5 class="hero-heading">{{ entry.title | typogrify }}</h5>
 
             <img class="hero-image" src="{{ heroImage.url }}" alt="{{ heroImage.title }}">
 
diff --git a/templates/_/pages/news.twig b/templates/_/pages/news.twig
index 43ed3c41..0710cbf4 100644
--- a/templates/_/pages/news.twig
+++ b/templates/_/pages/news.twig
@@ -22,14 +22,14 @@
 
             {% if category is defined %}
                 {% include '_/svg/arrowLeft' %}
-                <a class="link-back" href="{{ url('news') }}">{{ 'Back to News'|t }}</a>
+                <a class="link-back" href="{{ url('news') }}">{{ 'Back to News' | t }}</a>
             {% endif %}
 
             {% if category is defined %}
-                <div class="hero-category">{{ 'Category:'|t }}</div>
+                <div class="hero-category">{{ 'Category:' | t }}</div>
                 <h5 class="hero-category-heading">{{ category.title }}</h5>
             {% else %}
-                <h1 class="hero-heading">{{ 'News'|t }}</h1>
+                <h1 class="hero-heading">{{ 'News' | t }}</h1>
             {% endif %}
 
         </div>
@@ -62,7 +62,7 @@
 
             {% for newsEntry in pageEntries %}
 
-                {% set articleImage = newsEntry.heroImage|first %}
+                {% set articleImage = newsEntry.heroImage | first %}
 
                 {% do articleImage.setTransform({
                     width: 440,
@@ -89,10 +89,10 @@
                         </h6>
 
                         <div class="article-category-date">
-                            {{ newsEntry.postDate|date('m.d.Y') }}
+                            {{ newsEntry.postDate | date('m.d.Y') }}
                             {% if newsEntry.newsCategory | length %}
                                 <span class="divider">|</span>
-                                {{ (newsEntry.newsCategory|first).getLink() }}
+                                {{ (newsEntry.newsCategory | first).getLink() }}
                             {% endif %}
                         </div>
 
diff --git a/templates/_/partials/footer.twig b/templates/_/partials/footer.twig
index 77779c35..567e040e 100755
--- a/templates/_/partials/footer.twig
+++ b/templates/_/partials/footer.twig
@@ -27,19 +27,19 @@
         <div class="column hide-on-mobile">
 
             <p>
-                {{ 'Contact Us'|t }}
+                {{ 'Contact Us' | t }}
             </p>
 
             <p>
 
-                {{ 'Phone:'|t }}
+                {{ 'Phone:' | t }}
                 <a href="tel:+1-888-888-8888">
                     +1 888.888.8888
                 </a>
 
                 <br>
 
-                {{ 'Email:'|t }}
+                {{ 'Email:' | t }}
                 <a href="mailto:hello@pixelandtonic.com">
                     hello@pixelandtonic.com
                 </a>
@@ -48,7 +48,7 @@
 
             <p>
                 <a href="/contact" class="underline" data-router-disabled>
-                    {{ 'Contact'|t }}
+                    {{ 'Contact' | t }}
                 </a>
             </p>
 
@@ -57,12 +57,12 @@
         <div class="column hide-on-mobile">
 
             <p>
-                {{ 'Open Hours'|t }}
+                {{ 'Open Hours' | t }}
             </p>
 
             <p>
-                {{ 'Weekdays:'|t }} 8am - 5pm<br>
-                {{ 'Weekend:'|t }} 8am - 9pm
+                {{ 'Weekdays:' | t }} 8am - 5pm<br>
+                {{ 'Weekend:' | t }} 8am - 9pm
             </p>
 
         </div>
@@ -70,7 +70,7 @@
         <div class="column hide-on-mobile">
 
             <p>
-                {{ 'Follow Us'|t }}
+                {{ 'Follow Us' | t }}
             </p>
 
             <p>
@@ -91,7 +91,7 @@
 
         <div class="column last">
 
-            <div class="scroll-top" title="{{ 'Scroll to the top'|t }}">{{ 'Top'|t }}</div>
+            <div class="scroll-top" title="{{ 'Scroll to the top' | t }}">{{ 'Top' | t }}</div>
             {% include "_/svg/arrowUp" %}
 
         </div>
@@ -113,14 +113,14 @@
         <div class="column">
 
             <p>
-                {{ 'Development by {name}.'|t({
+                {{ 'Development by {name}.' | t({
                     name: tag('a', {
                         href: 'https://vanholtz.co',
                         target: '_blank',
                         rel: 'noopener',
                         text: 'Van Holtz Co',
                     })
-                })|raw }}
+                }) | raw }}
             </p>
 
         </div>
@@ -128,9 +128,9 @@
         <div class="column">
 
             <p>
-                <a href="#">{{ 'Terms of Use'|t }}</a>
+                <a href="#">{{ 'Terms of Use' | t }}</a>
                 /
-                <a href="#">{{ 'Privacy Policy'|t }}</a>
+                <a href="#">{{ 'Privacy Policy' | t }}</a>
             </p>
 
         </div>
@@ -138,7 +138,7 @@
         <div class="column">
 
             <p class="copyright">
-                &copy; {{ now|date('Y') }} Pixel &amp; Tonic, Inc.
+                &copy; {{ now | date('Y') }} Pixel &amp; Tonic, Inc.
             </p>
 
         </div>
diff --git a/templates/_/rss/news.rss b/templates/_/rss/news.rss
index 889ab646..b5e81dd0 100644
--- a/templates/_/rss/news.rss
+++ b/templates/_/rss/news.rss
@@ -6,8 +6,8 @@
         <atom:link href="{{ craft.app.request.absoluteUrl }}" rel="self" type="application/rss+xml" />
         <description>The Museum for Euro Art.</description>
         <language>en-us</language>
-        <pubDate>{{ now|rss }}</pubDate>
-        <lastBuildDate>{{ now|rss }}</lastBuildDate>
+        <pubDate>{{ now | rss }}</pubDate>
+        <lastBuildDate>{{ now | rss }}</lastBuildDate>
 
         {% set query = craft.entries.section('newsArticles').all() %}
 
@@ -15,7 +15,7 @@
             <item>
                 <title>{{ entry.title }}</title>
                 <link>{{ entry.url }}</link>
-                <pubDate>{{ entry.postDate|rss }}</pubDate>
+                <pubDate>{{ entry.postDate | rss }}</pubDate>
                 <author>{{ entry.author }}</author>
                 <guid>{{ entry.url }}</guid>
                 <description><![CDATA[