Liquid templating fixes

janhalen · janhalen · commit d2af4de15869 · 2025-07-10T16:01:31.000+02:00
diff --git a/_includes/banner.html b/_includes/banner.html
@@ -1,6 +1,20 @@
 <!-- Banner -->
 
-<section id="banner" style="background-image: url('{{ page.banner_background }}'); background-size: cover; background-position: center;">
+<section id="banner" class="banner-section">
+  <style>
+    .banner-section {
+      background-image: url('{% if page.banner_background contains "://" %}{{ page.banner_background }}{% else %}{{ site.baseurl }}/{{ page.banner_background | remove_first: "/" }}{% endif %}');
+      background-size: cover;
+      background-position: center;
+    }
+  </style>
+  <div class="inner">
+{% else %}
+  {% assign banner_bg_final = site.baseurl | append: "/" | append: banner_bg_url | remove_first: "/" %}
+{% endif %}
+
+<section id="banner"
+  style="background-image: url('{{ banner_bg_final }}'); background-size: cover; background-position: center;">
   <div class="inner">
     <h2>{{ page.banner_heading }}</h2>
     <p>{{ page.banner_text | markdownify }}</p>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -1,8 +1,8 @@
 <!DOCTYPE HTML>
 <!--
-	Spectral by HTML5 UP
-	html5up.net | @ajlkn
-	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+    Spectral by HTML5 UP
+    html5up.net | @ajlkn
+    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 -->
 <html>
 {% include head.html %}
@@ -12,21 +12,26 @@
 
     <!-- Main -->
     <article id="main">
-        <header{% if page.image %} style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"{% endif %}>
+        {% if page.image %}
+            {% if site.featured-image-source %}
+                {% assign header_image_url = page.image | prepend: site.featured-image-source | absolute_url %}
+            {% else %}
+                {% assign header_image_url = "/assets/images/" | append: page.image | absolute_url %}
+            {% endif %}
+        {% endif %}
+
+        <header{% if page.image %} style="background-image: url('{{ header_image_url }}');"{% endif %}>
             <h2>{{ page.title }}</h2>
             <p>{{ page.description }}</p>
         </header>
+
         <section class="wrapper style5">
             <div class="inner">
-
                 {{ content }}
-
             </div>
         </section>
     </article>
 
     {% include footer.html %}
-
 </body>
-
 </html>
