HOTFIX: Site fixes for GitHub Pages routing

GitHub pages' routing is case sensitive. That means all images, paths, etc. must match correctly, else it will fail to resolve the link. This patch fixes this.

Author: jtpeller

layouts/_partials/project-card.html

@@ -28,7 +28,7 @@ <h2 class="card-title section-header">
                 </a>
                 </div>
                 <div class="col-6 my-auto">
-                <a class='btn {{ if not (in .Params.tags "featured") }} btn-outline-accent {{ else }} btn-outline-featured {{end}} float-end' href="/portfolio/{{ .Params.repo }}/" target="_blank" title="View Project: {{ .Title }}">
+                <a class='btn {{ if not (in .Params.tags "featured") }} btn-outline-accent {{ else }} btn-outline-featured {{end}} float-end' href="/portfolio/{{ .Params.repo | lower}}/" target="_blank" title="View Project: {{ .Title }}">
                     More Info &#187;
                 </a>
                 </div>

layouts/_partials/project-languages.html

@@ -1,7 +1,7 @@
 <div class="text-center my-4">
     {{ range $index, $value := .Params.languages }}
         {{ $source := (printf "/img/logos/%s.svg" $value) | relURL }}
-        <img src="{{ $source }}" alt="{{.}}" class="lang-logo"
+        <img src="{{ $source | lower }}" alt="{{.}}" class="lang-logo"
             loading="lazy" data-bs-toggle="tooltip" data-bs-placement="bottom"
             data-bs-title="{{.}}" aria-label="{{.}}" 
             data-bs-original-title="{{.}}"/>

layouts/languages/taxonomy.html

@@ -19,6 +19,13 @@
             <div class="card mb-4 border-accent shadow-accent">
                 <div class="card-body">
                     <h3 class="section-header">
+                        <span>
+                            {{ with $taxonomy.Page.Data.Term }}
+                            {{ $source := (printf "/img/logos/%s.svg" .)}}
+                            <img src="{{ $source | lower }}" alt="{{.}}" class="lang-logo" loading="lazy" data-bs-toggle="tooltip"
+                                data-bs-placement="bottom" data-bs-title="{{.}}" aria-label="{{.}}" data-bs-original-title="{{.}}" />
+                            {{ end }}
+                        </span>
                         {{ $taxonomy.Page.Data.Term }}
                         <span class="float-end badge bg-featured badge-text">{{ .Count }}</span>
                     </h3>
@@ -36,6 +43,12 @@ <h3 class="section-header">
             {{ end }}
         </section>
     </div>
+    <script>
+        // Enable tooltips everywhere 
+        // ref: https://getbootstrap.com/docs/5.3/components/tooltips/#enable-tooltips
+        const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+        const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+    </script>
 </body>
 
 </html>

layouts/portfolio/single.html

@@ -3,7 +3,7 @@
     <nav class='text-light' aria-label='breadcrumb'>
         <ol class='breadcrumb'>
             <li class='breadcrumb-item' aria-current='page'><a href='/'>Home</a></li>
-            <li class='breadcrumb-item' aria-current='page'><a href='/portfolio/#{{.Params.repo}}'>Projects</a></li>
+            <li class='breadcrumb-item' aria-current='page'><a href='/portfolio/#{{.Params.repo}}'>Portfolio</a></li>
             <li class='breadcrumb-item active' aria-current='page'>{{.Params.title}}</li>
         </ol>
     </nav>