From 4802f72f8947852822d7c14a671a70590c785c06 Mon Sep 17 00:00:00 2001
From: Unstable Unicorn <me@unstableunicorn.dev>
Date: Tue, 23 Apr 2024 10:59:51 +0000
Subject: [PATCH 1/2] removing leading forward slash to make site deployed to
 sub paths AND root paths work

---
 layouts/partials/footer.html         | 4 ++--
 layouts/partials/hero-body.html      | 2 +-
 layouts/partials/hero-footer.html    | 2 +-
 layouts/partials/navbar-clone.html   | 2 +-
 layouts/partials/navbar.html         | 2 +-
 layouts/partials/section1.html       | 2 +-
 layouts/partials/section2.html       | 2 +-
 layouts/partials/section3.html       | 2 +-
 layouts/partials/section4.html       | 2 +-
 layouts/partials/sidebar.html        | 2 +-
 layouts/partials/single/sidebar.html | 2 +-
 11 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 17e4a733..ffaeac4c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -9,7 +9,7 @@
     <div class="columns">
       <div class="column">
         <div class="footer-logo">
-          <img src="{{ printf "/images/logos/%s" $logo | relURL }}">
+          <img src="{{ printf "images/logos/%s" $logo | relURL }}">
         </div>
       </div>
       {{- range $quickLinks }}
@@ -46,7 +46,7 @@ <h3>{{ $socialMediaTitle }}</h3>
 
             {{- if $bulmaLogo }}
             <a href="https://bulma.io" target="_blank">
-              <img src="{{ "/images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
+              <img src="{{ "images/logos/made-with-bulma.png" | relURL }}" alt="Made with Bulma" width="128" height="24">
             </a>
             {{- end }}
           </div>
diff --git a/layouts/partials/hero-body.html b/layouts/partials/hero-body.html
index b863dbd3..ca91a901 100644
--- a/layouts/partials/hero-body.html
+++ b/layouts/partials/hero-body.html
@@ -24,7 +24,7 @@ <h2 class="subtitle is-5 is-muted">
       </div>
       <div class="column is-5 is-offset-1">
         <figure class="image is-4by3">
-          <img src="{{ printf "/images/%s" $image | relURL }}" alt="Description">
+          <img src="{{ printf "images/%s" $image | relURL }}" alt="Description">
         </figure>
       </div>
     </div>
diff --git a/layouts/partials/hero-footer.html b/layouts/partials/hero-footer.html
index 145ad7dc..af746d1d 100644
--- a/layouts/partials/hero-footer.html
+++ b/layouts/partials/hero-footer.html
@@ -7,7 +7,7 @@
         {{- range $clientLogos }}
         <li>
           <a {{ if .url }} href="{{ .url }}" {{ end }}>
-            <img class="partner-logo" src="{{ printf "/images/logos/clients/%s.svg" .logo | relURL }}">
+            <img class="partner-logo" src="{{ printf "images/logos/clients/%s.svg" .logo | relURL }}">
           </a>
         </li>
         {{- end }}
diff --git a/layouts/partials/navbar-clone.html b/layouts/partials/navbar-clone.html
index d8a17558..d186a6ed 100644
--- a/layouts/partials/navbar-clone.html
+++ b/layouts/partials/navbar-clone.html
@@ -8,7 +8,7 @@
     <div class="navbar-brand">
       {{- if $navbarLogo}}
       <a class="navbar-item" href="{{ $navbarLogo.link }}">
-        <img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
+        <img src="{{ printf "images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
       </a>
       {{- end}}
 
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index b6c3d069..d7ecbc9e 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -8,7 +8,7 @@
     <div class="navbar-brand">
       {{- if $navbarLogo}}
       <a class="navbar-item" href="{{ $navbarLogo.link }}">
-        <img src="{{ printf "/images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
+        <img src="{{ printf "images/%s" $navbarLogo.image | relURL }}" alt="" width="{{ $navbarLogoWidth }}" height="{{ $navbarLogoHeight }}">
       </a>
       {{- end}}
 
diff --git a/layouts/partials/section1.html b/layouts/partials/section1.html
index ea7dae11..84145867 100644
--- a/layouts/partials/section1.html
+++ b/layouts/partials/section1.html
@@ -19,7 +19,7 @@ <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
               <h4>{{ .title }}</h4>
             </div>
             <div class="card-icon">
-                <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
+                <img src="{{ printf "images/illustrations/icons/%s.svg" .icon | relURL }}">
             </div>
             <div class="card-text">
                 <p>{{ .text }}</p>
diff --git a/layouts/partials/section2.html b/layouts/partials/section2.html
index 3bc7160a..097df9db 100644
--- a/layouts/partials/section2.html
+++ b/layouts/partials/section2.html
@@ -15,7 +15,7 @@ <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
         <article class="media icon-box">
           <figure class="media-left">
             <p class="image">
-              <img src="{{ printf "/images/illustrations/icons/%s.svg" .icon | relURL }}">
+              <img src="{{ printf "images/illustrations/icons/%s.svg" .icon | relURL }}">
             </p>
           </figure>
           <div class="media-content mt-50">
diff --git a/layouts/partials/section3.html b/layouts/partials/section3.html
index 96837911..3d85004b 100644
--- a/layouts/partials/section3.html
+++ b/layouts/partials/section3.html
@@ -9,7 +9,7 @@
     <div class="columns">
       <div class="column is-10 is-offset-1">
         <div class="has-text-centered">
-          <img class="pushed-image" src="{{ printf "/images/%s" $image | relURL }}">
+          <img class="pushed-image" src="{{ printf "images/%s" $image | relURL }}">
         </div>
       </div>
     </div>
diff --git a/layouts/partials/section4.html b/layouts/partials/section4.html
index 3ba05a55..69cda7be 100644
--- a/layouts/partials/section4.html
+++ b/layouts/partials/section4.html
@@ -21,7 +21,7 @@ <h3 class="subtitle is-5 light-text">{{ . }}</h3>
               {{ .quote }}
             </blockquote>
             <div class="author">
-              <img src="{{ printf "/images/illustrations/faces/%s.png" (string .img) | relURL }}" alt=""/>
+              <img src="{{ printf "images/illustrations/faces/%s.png" (string .img) | relURL }}" alt=""/>
               <h5>{{ .name }}</h5>
               <span>{{ .job }}</span>
             </div>
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 60f04a6d..2f0ef22f 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -3,7 +3,7 @@
 {{- $sections := index $sidebar "sections" }}
 <div class="sidebar">
   <div class="sidebar-header">
-    <img src="{{ printf "/images/logos/%s.svg" $logo | relURL }}">
+    <img src="{{ printf "images/logos/%s.svg" $logo | relURL }}">
     <a class="sidebar-close" href="javascript:void(0);">
       <i data-feather="x"></i>
     </a>
diff --git a/layouts/partials/single/sidebar.html b/layouts/partials/single/sidebar.html
index 150cf0dc..152d3949 100644
--- a/layouts/partials/single/sidebar.html
+++ b/layouts/partials/single/sidebar.html
@@ -1,7 +1,7 @@
 {{- $logo     := .Params.sidebarlogo }}
 <div class="sidebar">
   <div class="sidebar-header">
-    <img src="{{ printf "/images/logos/%s.svg" $logo | relURL }}">
+    <img src="{{ printf "images/logos/%s.svg" $logo | relURL }}">
     <a class="sidebar-close" href="javascript:void(0);">
       <i data-feather="x"></i>
     </a>

From b2b41ead23441888e67cd41ebf9e8cfc1fb7da84 Mon Sep 17 00:00:00 2001
From: Unstable Unicorn <me@unstableunicorn.dev>
Date: Tue, 23 Apr 2024 11:00:04 +0000
Subject: [PATCH 2/2] update example yaml comments paths to be consistent with
 changes to image file path handling

---
 exampleSite/hugo.yaml | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/exampleSite/hugo.yaml b/exampleSite/hugo.yaml
index 527b7924..b2fb16b2 100644
--- a/exampleSite/hugo.yaml
+++ b/exampleSite/hugo.yaml
@@ -80,7 +80,7 @@ params:
     url: /
     button: true
   sidebar:
-    # Logo (from /images/logos/___.svg)
+    # Logo (from static/images/logos/___.svg)
     logo: fresh-square
     sections:
     - title: User
@@ -138,7 +138,7 @@ params:
     features:
     - title: Powerful and unified interface
       text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
-      # Icon (from /images/illustrations/icons/___.svg)
+      # Icon (from static/images/illustrations/icons/___.svg)
       icon: laptop-globe
     - title: Cross-device synchronisation
       text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
@@ -175,7 +175,7 @@ params:
     # action: https://formspree.io/f/<form_id>
     # method: POST
   footer:
-    # Logo (from /images/logos/___)
+    # Logo (from static/images/logos/___)
     logo: fresh-white-alt.svg
     # Social Media Title
     socialmediatitle: Follow Us