From 1552327733053584d24fc1c87c7c9bc4ae243883 Mon Sep 17 00:00:00 2001
From: mingness <mingness@users.noreply.github.com>
Date: Thu, 19 Sep 2024 19:23:29 +0200
Subject: [PATCH] add relative url to all resource urls (#60)

* test relative url filter on navigation

* add filter to includes and layouts

* home bg image

* events and people

* home

* individual events

* add filter to expected external links, just in case

* bg image quotes

* Fix homepage background image

* Fix art market video

* Add more relative_url

* Wrap mp4 source url in quotes

* Fix broken links

---------

Co-authored-by: Abe Pazos <abe@hamoid.com>
---
 _includes/figure.html                  |  2 +-
 _includes/footer.html                  |  2 +-
 _includes/lightbox.html                |  4 ++--
 _includes/navigation.html              | 12 ++++++------
 _layouts/call.html                     |  8 ++++----
 _layouts/default.html                  |  6 +++---
 _layouts/event.html                    |  4 ++--
 _layouts/home.html                     |  8 ++++----
 _layouts/member.html                   | 10 +++++-----
 _layouts/news.html                     |  4 ++--
 _members/kazik.md                      |  2 +-
 _members/laura.md                      |  6 ++----
 _members/martyna.md                    |  4 ++--
 assets/css/styles.css                  |  4 ----
 events.html                            |  8 ++++----
 events/_posts/2024-09-22-art-market.md |  3 ++-
 index.md                               |  2 +-
 news/_posts/2024-08-26-open-call.md    |  2 +-
 people.html                            | 12 ++++++------
 19 files changed, 49 insertions(+), 54 deletions(-)

diff --git a/_includes/figure.html b/_includes/figure.html
index c93e419..a2ecda8 100644
--- a/_includes/figure.html
+++ b/_includes/figure.html
@@ -1,4 +1,4 @@
 <figure>
-  <img src="{{ include.src }}" alt="{{ include.title }}" title="{{ include.title }}">
+  <img src="{{ include.src | relative_url }}" alt="{{ include.title }}" title="{{ include.title }}">
   <figcaption>{{ include.title }}</figcaption>
 </figure>
diff --git a/_includes/footer.html b/_includes/footer.html
index 13ce070..63d56af 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,5 +1,5 @@
 <footer class="text-center m-16">
-    <a href="/impressum.html">Impressum</a>
+    <a href={{ "impressum.html" | relative_url }}>Impressum</a>
     <div class="mt-8">
         Copyright &copy; 2024 Prachtsaal Studio. All rights reserved.
     </div>
diff --git a/_includes/lightbox.html b/_includes/lightbox.html
index 26090a4..133bf5a 100644
--- a/_includes/lightbox.html
+++ b/_includes/lightbox.html
@@ -51,6 +51,6 @@
 
 
     <!-- Scripts -->
-    <script src="/assets/js/caesar-lightbox.js"></script>
-    <script defer src="/assets/js/alpinejs@3.14.0.min.js"></script>
+    <script src={{ "/assets/js/caesar-lightbox.js" | relative_url }}></script>
+    <script defer src={{ "/assets/js/alpinejs@3.14.0.min.js" | relative_url }}></script>
 
diff --git a/_includes/navigation.html b/_includes/navigation.html
index d425519..9750b1a 100644
--- a/_includes/navigation.html
+++ b/_includes/navigation.html
@@ -1,7 +1,7 @@
 <nav class="flex nav-x nav-y justify-between items-start">
   <div>
-    <a href="/">
-      <img src="/assets/img/prachtsaal-logo.png" width="150">
+    <a href={{ "/" | relative_url }}>
+      <img src={{ "/assets/img/prachtsaal-logo.png" | relative_url }} width="150">
     </a>
   </div>
   
@@ -12,10 +12,10 @@
     <!-- <div class="hidden block sm:flex sm:flex-row sm:space-x-12" id="menu"> -->
     <div class="hidden sm:flex links-without-underline" id="menu">
       <ul class="sm:flex sm:flex-row sm:space-x-12 list-none">
-        <li><a href="/events.html">events</a></li>
-        <li><a href="/people.html">people</a></li>
-        <li><a href="/about.html">about</a></li>
-        <li><a href="/#contact">contact</a></li>
+        <li><a href={{ "/events.html" | relative_url }}>events</a></li>
+        <li><a href={{ "/people.html" | relative_url }}>people</a></li>
+        <li><a href={{ "/about.html" | relative_url }}>about</a></li>
+        <li><a href={{ "/#contact" | relative_url }}>contact</a></li>
       </ul>
       
     </div>  
diff --git a/_layouts/call.html b/_layouts/call.html
index b206d70..155d157 100644
--- a/_layouts/call.html
+++ b/_layouts/call.html
@@ -15,7 +15,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y"
 
             <div class="md:w-[760px]">
                 {% if page.main_image %}
-                <img src="{{ page.main_image }}">
+                <img src="{{ page.main_image | relative_url }}">
                 {% endif %}
             </div>
 
@@ -27,7 +27,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y"
             <div class="grid grid-flow-row md:grid-cols-2 justify-center gap-2">
                 {% for image in page.images %}
                     <figure class="max-w-lg">
-                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src="{{ image.file }}" alt="image description">
+                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src="{{ image.file | relative_url }}" alt="image description">
                       <figcaption class="mt-2 text-sm text-center text-gray-500 dark:text-gray-400">{{ image.label }}</figcaption>
                     </figure>
                 {% endfor %}
@@ -52,12 +52,12 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y"
 
             <div class="grid grid-row md:grid-cols-2 justify-center gap-2">
                     <figure class="max-w-lg">
-                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src="/assets/img/news/foyer.webp" alt="">
+                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src={{ "/assets/img/news/foyer.webp" | relative_url }} alt="">
                       <figcaption class="mt-2 text-sm text-center text-gray-500 dark:text-gray-400">The entry of Prachtsaal</figcaption>
                     </figure>
 
                     <figure class="max-w-lg">
-                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src="/assets/img/news/garden.webp" alt="">
+                      <img class="h-auto max-w-full rounded-lg caesar-lightbox cursor-pointer" src={{ "/assets/img/news/garden.webp" | relative_url }} alt="">
                       <figcaption class="mt-2 text-sm text-center text-gray-500 dark:text-gray-400">Our garden</figcaption>
                     </figure>
               </div>
diff --git a/_layouts/default.html b/_layouts/default.html
index 10f7574..af05b29 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8">
-  <link href="/assets/css/styles.css" rel="stylesheet">
+  <link href={{ "/assets/css/styles.css" | relative_url }} rel="stylesheet">
   <title>
     {% assign prefix = "Prachtsaal Studio" %}
     {% if page.title == prefix %}
@@ -16,7 +16,7 @@
   <meta name="description" content="{{ page.description }}">
   {% endif %}
   {% if page.add-js %}
-  <script src="/assets/js/{{ page.add-js }}"></script>
+  <script src={{ "/assets/js/" | append: page.add-js | relative_url }}></script>
   {% endif %}
   <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
@@ -37,7 +37,7 @@
     </div>
   </div>
 
-  <script src="/assets/js/menu.js"></script>
+  <script src={{ "/assets/js/menu.js" | relative_url }}></script>
 </body>
 
 </html>
diff --git a/_layouts/event.html b/_layouts/event.html
index b3b89a7..897fc1f 100644
--- a/_layouts/event.html
+++ b/_layouts/event.html
@@ -30,7 +30,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ date_string }}</h2>
 
         <div class="flex flex-col items-center">
             {% if page.main_image %}
-            <img src="{{ page.main_image }}">
+            <img src="{{ page.main_image | relative_url }}">
             {% endif %}
 
 
@@ -40,7 +40,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ date_string }}</h2>
 
             {% if page.link%}
                 <div class="text-center bg-purple-300 border-2 border-gray-200">
-                    <a href="{{ page.link }}" class="font-bold m-2">{{ page.link_text }}</a>
+                    <a href="{{ page.link | relative_url }}" class="font-bold m-2">{{ page.link_text }}</a>
                 </div>
             {% endif %}
 
diff --git a/_layouts/home.html b/_layouts/home.html
index f98ef90..d854c9f 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -2,7 +2,8 @@
 layout: default
 add-js: newsletter.js
 ---
-<header class="bg-[url('/assets/img/home/404_crop.jpeg')] h-96 bg-center bg-cover">
+{% assign bg_image = "assets/img/home/404_crop.jpeg" | relative_url %}
+<header class="h-96 bg-center bg-cover" style="background-image: url({{ bg_image }});">
   <div class="py-24 px-4 text-white sm:px-24">
     <h1 class="text-left">{{ page.title }}</h1>
     <h2 class="text-left mt-2">{{ page.subtitle }}</h2>  
@@ -15,7 +16,6 @@ <h2 class="text-left mt-2">{{ page.subtitle }}</h2>
     {{ content | markdownify }}
   </div>
 
-
   <div class="m-8 flex flex-col lg:flex-row items-center justify-around gap-4 w-full">
 
     <iframe class="w-3/4 lg:w-1/2 aspect-video" src="https://www.youtube.com/embed/MpDpfBIY1_M" title="George Adje &amp; Dan Gorelick @ Prachtsaal Studio" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
@@ -48,11 +48,11 @@ <h1 class="mb-4"><a name="contact"></a>contact us</h1>
           12053 Berlin<br>
           <br>  
           <a href="https://instagram.com/prachtsaal" target="_blank">
-            <img src="/assets/img/Instagram_Glyph_white_logo.svg.webp" alt="Instagram logo" class="size-6 inline"> Instagram
+            <img src={{ "/assets/img/Instagram_Glyph_white_logo.svg.webp" | relative_url }} alt="Instagram logo" class="size-6 inline"> Instagram
           </a>
           <br>
           <a href="https://buttondown.com/prachtsaal.berlin" target="_blank">
-            <img src="/assets/img/buttondown-logo.webp" alt="Buttondown logo" class="size-6 inline"> Newsletter
+            <img src={{ "/assets/img/buttondown-logo.webp" | relative_url }} alt="Buttondown logo" class="size-6 inline"> Newsletter
           </a>
     </div>
   
diff --git a/_layouts/member.html b/_layouts/member.html
index 7103055..729345b 100644
--- a/_layouts/member.html
+++ b/_layouts/member.html
@@ -3,14 +3,14 @@
 ---
 <div class="flex flex-row nav-x justify-center">
     <div>
-        <a href="/people.html"><span class="font-bold">&lt;</span> back to all artists</a>
+        <a href={{ "/people.html" | relative_url }}><span class="font-bold">&lt;</span> back to all artists</a>
         <header class="my-16 text-left">
             <h1 class="text-left">{{ page.full_name }}</h1>
         </header>
         <div class="grid md:grid-cols-2 gap-16 xl:max-w-[1520px]">
             {% if page.portrait %}
             <div class="max-w-1/2">
-                <img src="{{ page.portrait }}">    
+                <img src="{{ page.portrait | relative_url }}">    
             </div>
             {% endif %}
             <div>
@@ -20,14 +20,14 @@ <h1 class="text-left">{{ page.full_name }}</h1>
                     {% if page.website %}
                     <br>
                     <span class="font-bold">website:</span> 
-                    <a href="{{ page.website }}">{{ page.website }}</a>
+                    <a href="{{ page.website | relative_url }}">{{ page.website }}</a>
                     {% endif %}
                     {% if page.socials %}
                     <br>
                     <span class="font-bold">socials:</span><br>
                     <ul>
                         {% for link in page.socials %}
-                        <li><a href="{{ link }}">{{ link }}</a></li>
+                        <li><a href="{{ link | relative_url }}">{{ link }}</a></li>
                         {% endfor %}    
                     </ul>
                     {% endif %}
@@ -37,7 +37,7 @@ <h1 class="text-left">{{ page.full_name }}</h1>
                 <br>
                 <div class="grid grid-flow-row lg:grid-col-3 gap-2">
                     {% for image in page.portfolio_image_locations %}
-                    <img src="{{ image }}" class="w-64 object-cover caesar-lightbox cursor-pointer">
+                    <img src="{{ image | relative_url }}" class="w-64 object-cover caesar-lightbox cursor-pointer">
                     {% endfor %}
                 </div>
                 {% endif %}
diff --git a/_layouts/news.html b/_layouts/news.html
index 1e3eea4..f425bd5 100644
--- a/_layouts/news.html
+++ b/_layouts/news.html
@@ -13,7 +13,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y"
 
         <div class="flex flex-col items-center">
             {% if page.main_image %}
-            <img src="{{ page.main_image }}">
+            <img src="{{ page.main_image | relative_url }}">
             {% endif %}
 
 
@@ -23,7 +23,7 @@ <h2 class="text-sm my-2">{{ page.subtitle }}<br>{{ page.date | date: "%d %B %Y"
 
             {% if page.link%}
                 <div class="text-center bg-purple-300 border-2 border-gray-200">
-                    <a href="{{ page.link }}" class="font-bold m-2">{{ page.link_text }}</a>
+                    <a href="{{ page.link | relative_url }}" class="font-bold m-2">{{ page.link_text }}</a>
                 </div>
             {% endif %}
 
diff --git a/_members/kazik.md b/_members/kazik.md
index fdd0037..129f9a9 100644
--- a/_members/kazik.md
+++ b/_members/kazik.md
@@ -13,7 +13,7 @@ socials:
   - https://www.instagram.com/xemantic.berlin/
   - https://www.youtube.com/channel/UCLWGRPqrPBS7CDuaPxODmRQ
   - https://vimeo.com/kazikpogoda
-  - https://medium.com/@kazikpogoda
+  - https://kazikpogoda.medium.com/
 ---
 
 My name is Kazik Pogoda and xemantic is a label I have been using as an umbrella for my projects. The Xemantic collective was born out of numerous collaborations with people sharing the same values. We usually meet and collaborate in Berlin, at Prachtsaal Studio, a beautiful space in the middle of Neukölln district.
diff --git a/_members/laura.md b/_members/laura.md
index 7bcc9ef..05364b6 100644
--- a/_members/laura.md
+++ b/_members/laura.md
@@ -9,10 +9,8 @@ portfolio_image_locations:
   - /assets/img/members/laura/portfolio-laura-1.jpg
   - /assets/img/members/laura/portfolio-laura-2.jpg
   - /assets/img/members/laura/portfolio-laura-3.jpg
-website: 
-socials: 
-website: https://www.polanskalaura.com
+website: https://cargocollective.com/polanska
 socials: 
   - https://www.instagram.com/polanskalaura/
 ---
-Polanska Laura is a multidisciplinary artist born in the south of Poland in 1994. In her artistic practice she focuses on photography, video and installation, often merging photographic and sculptural disciplines. Her work touches upon subjects related to tensions and deep connections on the line between nature and human, transcendence, and body as a transgressive power. She is fascinated by notions of trace, trauma, and the subconscious. She obtained MFA at Magdalena Abakanowicz University of Fine Arts in Poznan in the field of Intermedia Photography. Her works have been shown in Poland, Germany, France, Norway and South Korea. She lives and works in Berlin. 
\ No newline at end of file
+Polanska Laura is a multidisciplinary artist born in the south of Poland in 1994. In her artistic practice she focuses on photography, video and installation, often merging photographic and sculptural disciplines. Her work touches upon subjects related to tensions and deep connections on the line between nature and human, transcendence, and body as a transgressive power. She is fascinated by notions of trace, trauma, and the subconscious. She obtained MFA at Magdalena Abakanowicz University of Fine Arts in Poznan in the field of Intermedia Photography. Her works have been shown in Poland, Germany, France, Norway and South Korea. She lives and works in Berlin. 
diff --git a/_members/martyna.md b/_members/martyna.md
index 37baf8d..fbf725c 100644
--- a/_members/martyna.md
+++ b/_members/martyna.md
@@ -10,8 +10,8 @@ portfolio_image_locations:
   - /assets/img/members/martyna/bad-influence.png
   - /assets/img/members/martyna/gloop.png
   - /assets/img/members/martyna/curly-legs.png
-website: www.martynalebryk.com
+website: https://www.martynalebryk.com
 socials: 
   - https://www.instagram.com/martynalebryk
 ---
-Martyna Lebryk is a visual artist working in painting and sculpture. Born in Poland, she works between Dublin and Berlin. She is exploring certain ambiguities and contradictions surrounding the world, the self and human existence. She is in search of something crude. Basic human emotions. Attraction and repulsion; the need to approach and withdraw; curiosity and sin. What it means to have agency and self-determination while being constrained by own physicality and preconceptions.
\ No newline at end of file
+Martyna Lebryk is a visual artist working in painting and sculpture. Born in Poland, she works between Dublin and Berlin. She is exploring certain ambiguities and contradictions surrounding the world, the self and human existence. She is in search of something crude. Basic human emotions. Attraction and repulsion; the need to approach and withdraw; curiosity and sin. What it means to have agency and self-determination while being constrained by own physicality and preconceptions.
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 0a73362..84af663 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -960,10 +960,6 @@ video {
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.bg-\[url\(\'\/assets\/img\/home\/404_crop\.jpeg\'\)\]{
-  background-image: url('/assets/img/home/404_crop.jpeg');
-}
-
 .bg-cover{
   background-size: cover;
 }
diff --git a/events.html b/events.html
index c68ba40..d634ab2 100644
--- a/events.html
+++ b/events.html
@@ -30,9 +30,9 @@ <h1>{{ page.title }}</h1>
         
         <div future-date="{{ event_date }}" class="w-full max-w-64 lg:w-64 links-without-underline">
             <div class="font-prachtsaal text-right text-sm">{{ date_string }}</div>
-            <a href="{{ event.url }}" class="flex flex-col">
+            <a href="{{ event.url | relative_url }}" class="flex flex-col">
                 {% if event.main_image %}
-                <img class="w-64" src="{{ event.main_image }}">
+                <img class="w-64" src="{{ event.main_image | relative_url }}">
                 {% endif %}
                 <div class="font-prachtsaal font-bold text-lg">{{ event.title }}</div>
                 <hr class="border-1 border-black">
@@ -56,9 +56,9 @@ <h1>{{ page.portfolio_title }}</h1>
             {% for event in portfolio_events %}
             <div class="w-full max-w-64 lg:w-64 links-without-underline">
                 <div class="font-prachtsaal text-right text-sm">{{ event.date | date: "%d.%m.%Y" }}</div>
-                <a href="{{ event.url }}">
+                <a href="{{ event.url | relative_url }}">
                     {% if event.main_image %}
-                    <img class="w-64" src="{{ event.main_image }}">
+                    <img class="w-64" src="{{ event.main_image | relative_url }}">
                     {% endif %}
                     <div class="font-prachtsaal font-bold text-lg">{{ event.title }}</div>
                     <div class="font-prachtsaal">{{ event.subtitle }}</div>
diff --git a/events/_posts/2024-09-22-art-market.md b/events/_posts/2024-09-22-art-market.md
index 91d024c..f8b5295 100644
--- a/events/_posts/2024-09-22-art-market.md
+++ b/events/_posts/2024-09-22-art-market.md
@@ -20,7 +20,8 @@ Saturday, 21.09, 14.00-20.00<br>
 Sunday, 22.09, 14.00-20.00<br>
 <br>
 
+{% assign video_url = "/assets/video/the-art-market-3-reel-1-low.mp4" | relative_url %}
 <video width="720" height="1280" controls>
-  <source src="/assets/video/the-art-market-3-reel-1-low.mp4" type="video/mp4">
+  <source src="{{ video_url }}" type="video/mp4">
   Your browser does not support the video tag.
 </video>
diff --git a/index.md b/index.md
index c00bf81..8b6477c 100644
--- a/index.md
+++ b/index.md
@@ -6,5 +6,5 @@ description: a non-profit art cooperative from Neukölln/Berlin
 ---
 Welcome to Prachtsaal, a vibrant nexus where resident artists and the public converge to explore, innovate, and grow. We showcase cutting-edge visual arts, music, and performances while providing affordable ateliers and inclusive events. Our mission fosters a dynamic environment of playfulness, purpose, and discovery. Join us in pushing the boundaries of creativity and community enrichment as a dedicated non-profit cooperative.
 
-<a href="/news/2024/08/26/open-call.html" style="position: absolute; right: 3%; top: 400px; color: orange; rotate: 6deg; font-size: 3vw; font-weight: bold; text-shadow: 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;">studios available!</a>
+<a href="{{ "/news/2024/08/26/open-call.html" | relative_url }}" style="position: absolute; right: 3%; top: 400px; color: orange; rotate: 6deg; font-size: 3vw; font-weight: bold; text-shadow: 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;">studios available!</a>
 
diff --git a/news/_posts/2024-08-26-open-call.md b/news/_posts/2024-08-26-open-call.md
index f51da54..1c2bad1 100644
--- a/news/_posts/2024-08-26-open-call.md
+++ b/news/_posts/2024-08-26-open-call.md
@@ -12,7 +12,7 @@ tags: call
 ---
 
 <video width="720" height="1280" controls>
-  <source src="/assets/video/open_call_august_2024_low.mp4" type="video/mp4">
+  <source src="{{ "/assets/video/open_call_august_2024_low.mp4" | relative_url }}" type="video/mp4">
   Your browser does not support the video tag.
 </video>
 <br>
diff --git a/people.html b/people.html
index e75b736..073b896 100644
--- a/people.html
+++ b/people.html
@@ -17,11 +17,11 @@ <h1>{{ page.title }}</h1>
             {% assign content = member.content | strip_newlines %}
 
             {% if content != "" %}
-            <a href="{{ member.url }}">
+            <a href="{{ member.url | relative_url }}">
             {% endif %}
 
                 {% if member.thumb %}
-                <img class="w-64 object-cover" src="{{ member.thumb }}">
+                <img class="w-64 object-cover" src="{{ member.thumb | relative_url }}">
                 {% endif %}
 
                 <span class="member-text">
@@ -50,11 +50,11 @@ <h1 class="min-[460px]:mx-8 mb-28">
             {% assign content = member.content | strip_newlines %}
 
             {% if content != "" %}
-            <a href="{{ member.url }}">
+            <a href="{{ member.url | relative_url }}">
             {% endif %}
 
                 {% if member.thumb %}
-                <img class="w-64 object-cover" src="{{ member.thumb }}">
+                <img class="w-64 object-cover" src="{{ member.thumb | relative_url }}">
                 {% endif %}
 
                 <span class="member-text">
@@ -80,9 +80,9 @@ <h1 class="min-[460px]:mx-8 mb-28">
     {% for org in site.data.communities %}
         {% if org.visible %}
         <div class="w-full max-w-32 lg:w-32">
-            <a href="{{ org.website }}" target="_blank">
+            <a href="{{ org.website | relative_url }}" target="_blank">
                 {% if org.thumb %}
-                <img class="size-32 object-contain" src="{{ org.thumb }}">
+                <img class="size-32 object-contain" src="{{ org.thumb | relative_url }}">
                 {%else %}
                 <div class="size-32 flex items-center text-center">
                     <div class="font-prachtsaal">{{ org.name }}</div>