update

config.yaml

@@ -2,62 +2,6 @@ baseURL: 'https://gallowelding.com'
 title: Gallo Weld & Fab
 theme: gallo
 
-params:
-  logo: /img/gallo_welding_inverted.svg
-  logoAlt: Gallo Welding & Fabrication
-  copyName: Gallo Welding
-  headerTitle: Gallo Welding & Fabrication
-  headerImg: /img/wide.webp
-  headerDesc: >
-    Gallo Welding, based in Atlanta, provides exceptional structures for diverse
-    industries. With over a decade of experience, Ian Gallo specializes in
-    hand-welded, durable structures at affordable prices while prioritizing
-    professionalism and inclusivity.
-  catalogButtons:
-    home:
-      - categoryName: 'Backdrops'
-        img: /img/catalog/DimondBackdrop.jpeg.webp
-        alt:
-      - categoryName: 'Arches'
-        img: /img/catalog/12ftRoundArch2.jpg.webp
-        alt: 
-        style:
-      - categoryName: 'Canopies'
-        img: /img/catalog/40ftgardencanopy4.jpg.webp
-        alt:
-      - categoryName: 'Chandeliers'
-        img: /img/catalog/AerialWave.png.webp
-        alt:
-      - categoryName: 'Signature Pieces'
-        img: /img/catalog/7ftMirror1.jpg.webp
-        alt:
-        style: "transform: translateY(-25%);"
-      - categoryName: 'Centerpieces'
-        img: /img/catalog/HelixHarlows.JPG.webp
-        style: "transform: translateY(-25%);"
-
-  social:
-    main:
-      - url: 'mailto:iangalloart@gmail.com'
-        label: Email mailto link iangalloart at gmail dot com
-        icon: >
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
-          height="24" fill="none" stroke="currentColor" stroke-linecap="round"
-          stroke-linejoin="round" stroke-width="2">
-            <circle cx="12" cy="12" r="4"></circle>
-            <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
-          </svg>
-      - url: 'https://www.instagram.com/gallowelding/'
-        label: Link to Gallo Welding Instagram
-        icon: >
-          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
-          height="24" fill="none" stroke="currentColor" stroke-linecap="round"
-          stroke-linejoin="round" stroke-width="2">
-            <rect height="20" rx="5" ry="5" width="20" x="2" y="2"></rect>
-            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
-            <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>
-          </svg>
-
 menus:
   main:
     - identifier: Catalog

content/_index.md

@@ -0,0 +1,57 @@
+---
+params:
+  logo: /img/gallo_welding_inverted.svg
+  logoAlt: Gallo Welding & Fabrication
+  copyName: Gallo Welding
+  headerTitle: Gallo Welding & Fabrication
+  headerImg: /img/wide.webp
+  headerDesc: >
+    Gallo Welding, based in Atlanta, provides exceptional structures for diverse
+    industries. With over a decade of experience, Ian Gallo specializes in
+    hand-welded, durable structures at affordable prices while prioritizing
+    professionalism and inclusivity.
+  catalogButtons:
+    home:
+      - categoryName: 'Backdrops'
+        img: /img/catalog/DimondBackdrop.jpeg.webp
+        alt:
+      - categoryName: 'Arches'
+        img: /img/catalog/12ftRoundArch2.jpg.webp
+        alt: 
+        style:
+      - categoryName: 'Canopies'
+        img: /img/catalog/40ftgardencanopy4.jpg.webp
+        alt:
+      - categoryName: 'Chandeliers'
+        img: /img/catalog/AerialWave.png.webp
+        alt:
+      - categoryName: 'Signature Pieces'
+        img: /img/catalog/7ftMirror1.jpg.webp
+        alt:
+        style: "transform: translateY(-25%);"
+      - categoryName: 'Centerpieces'
+        img: /img/catalog/HelixHarlows.JPG.webp
+        style: "transform: translateY(-25%);"
+
+  social:
+    main:
+      - url: 'mailto:iangalloart@gmail.com'
+        label: Email mailto link iangalloart at gmail dot com
+        icon: >
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+          height="24" fill="none" stroke="currentColor" stroke-linecap="round"
+          stroke-linejoin="round" stroke-width="2">
+            <circle cx="12" cy="12" r="4"></circle>
+            <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"></path>
+          </svg>
+      - url: 'https://www.instagram.com/gallowelding/'
+        label: Link to Gallo Welding Instagram
+        icon: >
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
+          height="24" fill="none" stroke="currentColor" stroke-linecap="round"
+          stroke-linejoin="round" stroke-width="2">
+            <rect height="20" rx="5" ry="5" width="20" x="2" y="2"></rect>
+            <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path>
+            <line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line>
+          </svg>
+---

themes/gallo/layouts/partials/categories.html

@@ -16,7 +16,7 @@
     <div
       class="pb-16 max-w-[1000px] grid grid-cols-1 gap-4 mx-auto md:grid-cols-2 lg:grid-cols-3"
     >
-      {{ range .Site.Params.catalogButtons.home }}
+      {{ range .Params.catalogButtons.home }}
       <a
         class="rounded-md aspect-[3/2] overflow-hidden group relative inline-block overflow-hidden hover:scale-[1.02] duratoin-100 transition-all focus:outline-none focus:ring"
         href="/catalog/#{{ .categoryName }}"

themes/gallo/layouts/partials/footer.html

@@ -1,17 +1,14 @@
 <div
   class="self-end w-full py-6 gap-2 flex flex-col items-center justify-center min-h-12 bg-black text-white"
 >
+  {{ with site.GetPage "_index.md" }}
   <div class="w-9/12 flex flex-row justify-between">
     <div class="flex flex-row gap-8">
       <a class="text-white hover:text-gray-400" href="/admin"> Admin </a>
     </div>
     <div class="flex flex-row gap-2">
-      {{ range .Site.Params.social.main }}
+      {{ range .Params.social.main }}
-      <a
+      <a target="_blank" aria-label="{{ .label }}" href="{{ .url | safeURL }}">
-        target="_blank"
-        aria-label="{{ .label }}"
-        href="{{ .url | safeURL }}"
-      >
         {{ .icon | safeHTML }}
       </a>
       {{ end }}
@@ -20,7 +17,7 @@
   <div class="h-px bg-gray-700 w-9/12"></div>
   <div class="grid grid-cols-2 justify-between w-9/12">
     <p class="text-xs text-gray-400">
-      © {{ now.Format "2006" }} {{ .Site.Params.copyName | markdownify }}
+      © {{ now.Format "2006" }} {{ .Params.copyName | markdownify }}
     </p>
     <p class="text-xs text-right text-gray-400">
       Built using
@@ -38,4 +35,5 @@
       >
     </p>
   </div>
+  {{ end }}
 </div>

themes/gallo/layouts/partials/header.html

@@ -1,13 +1,13 @@
 <section
-  style="background-blend-mode: multiply; background: url({{ .Site.Params.headerImg }}) rgba(0, 0, 0, 0.75); background-position: center; background-size: cover;"
+  style="background-blend-mode: multiply; background: url({{ .Params.headerImg }}) rgba(0, 0, 0, 0.75); background-position: center; background-size: cover;"
   class="flex justify-start py-36 px-5"
 >
   <div class="flex flex-col w-full mx-auto container">
     <p class="lg:w-2/3 mx-auto text-3xl text-left font-bold title-font mb-4">
-      {{ .Site.Params.headerTitle }}
+      {{ .Params.headerTitle }}
     </p>
     <p class="lg:w-2/3 text-md mx-auto leading-relaxed text-base">
-      {{ .Site.Params.headerDesc }}
+      {{ .Params.headerDesc }}
     </p>
   </div>
 </section>

themes/gallo/layouts/partials/nav.html

@@ -1,14 +1,18 @@
 <div
   class="p-4 min-h-[40.27px] flex flex-col sm:flex-row w-full justify-between bg-black"
 >
+  {{ with site.GetPage "_index.md" }}
+
   <a class="justify-center flex mb-2 sm:mb-0" aria-label="Back to home" href="/"
     ><img
       class="w-44 h-[40.2667px]"
-      alt="{{ .Site.Params.logoAlt }}"
+      alt="{{ .Params.logoAlt }}"
-      src="{{ .Site.Params.logo }}"
+      src="{{ .Params.logo }}"
       loading="lazy"
   /></a>
-  <nav class="place-self-center h-8 flex justify-end gap-4 text-white pr-0 sm:pr-6">
+  <nav
+    class="place-self-center h-8 flex justify-end gap-4 text-white pr-0 sm:pr-6"
+  >
     {{ range .Site.Menus.main }}
     <a
       style="white-space: nowrap"
@@ -20,4 +24,5 @@
     </a>
     {{ end }}
   </nav>
+  {{ end }}
 </div>

themes/gallo/layouts/partials/rental_catalog.html

@@ -146,7 +146,7 @@
                     {{ partial "carousel.html" . }}
                   </div>
                   {{ end }}
-                  <div class="z-20 sm:pl-4 w-full md:w-1/3 sm:w-1/2">
+                  <div class="z-20 pt-4 sm:pt-0 sm:pl-4 w-full md:w-1/3 sm:w-1/2">
                     <div
                       class="flex flex-col h-full justify-between text-md text-gray-800 text-base"
                     >
@@ -167,7 +167,7 @@
                             <strong>+ Delivery Both Ways:</strong>
                             <span>{{ .deliveryPickup }}</span>
                           </div>
-                          <div class="text-xs">— or —</div>
+                          <div class="text-xs text-left">— or —</div>
                           {{ end }} {{ if ne .installBreakdown "" }}
                           <div class="flex flex-row justify-between">
                             <strong>+ Setup & Breakdown:</strong>