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 <[email protected]>
prachtsaal · Sep 19, 2024 · 1552327 · 1552327
1 parent e63951a
commit 1552327
Show file tree

Hide file tree

Showing 19 changed files with 49 additions and 54 deletions.
diff --git 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
@@ -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
@@ -51,6 +51,6 @@
 
 
     <!-- Scripts -->
-    <script src="/assets/js/caesar-lightbox.js"></script>
-    <script defer src="/assets/js/[email protected]"></script>
+    <script src={{ "/assets/js/caesar-lightbox.js" | relative_url }}></script>
+    <script defer src={{ "/assets/js/[email protected]" | relative_url }}></script>
 
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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. 
+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
@@ -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.
+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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>