update

config.toml

@@ -40,13 +40,20 @@ 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."
 
+[socialIcons]
+mailUrl = "mailto:iangalloart@gmail.com"
+mailIcon = """
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" 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>
+"""
 
-# [social]
-
-# [[social.footer]]
-# platform = "Instagram"      # Support platforms are Instagram & Email
-# url = "https://example.com"
-
-# [[social.footer]]
-# platform = "Email"
-# url = "mailto:test@example.com"
+instagramUrl = "https://www.instagram.com/gallowelding/"
+instagramIcon = """
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" 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>
+"""

content/about/index.md

@@ -12,7 +12,6 @@ gallery:
     title: "Metal Art Specialist"
     aspectRatio: "1/1"
     description: "Ian graduated from Lively Tech's Advanced Welding Program with a multitude of certifications. Then, he got accepted into Atlanta's UA Local Union 72 as a pipe welder. While pursuing a career as a high strength pressurized pipeline welder, Ian discovered a newfound passion for metal art. Ian's and Caitlin's impressive large-scale metal art installations were featured multiple times at Okeechobee Festival and Hulaween, fueling their passion for art and inspiring them to incorporate it into various aspects of their life."
-
 ---
 
 As artists, we approach every project with a passion and pride for our craft. We are committed to delivering exceptional service and high-quality products that exceed our customers' unique needs and expectations. Our fabrication shop is located in Atlanta, but we offer shipping to destinations worldwide.

content/art/index.md

@@ -1,4 +1,27 @@
 ---
 date: '2024-05-22T12:47:43-04:00'
-title: 'Art'
----
+title: The Artist
+
+masonryGallery:
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+    - image: "/img/wedding.webp"
+
+---
+
+Introducing Ian Gallo, a metal sculpture artist who is rapidly making a name for himself through his unique approach to metalworking. With a reputation in the wedding industry, Ian has collaborated with numerus floral designers to create stunning and unforgettable displays for big name clients.
+
+Ian's artwork is a celebration of the natural world, as well as the intricate connections between people and their environment. His art draws inspiration from the raw beauty of industrial design, combining rugged materials with intricate detailing to create striking and thought-provoking pieces.
+
+Working in his small Atlanta studio, Ian lovingly crafts each piece by hand, using welding techniques and a meticulous attention to detail to bring his creations to life. His sculptures are often characterized by graceful curves and dynamic lines, which evokes patterns of human behavior and untamed landscapes.
+
+Though still a newcomer to the metal art scene, Ian Gallo has already gained recognition for his work and has been featured at several art festivals and galleries. His work has garnered attention for its unique blend of strength and vulnerability, as elements of Ian's world collide and interact in his sculptures. With his undeniable talent and distinctive style, Ian promises to be one of the most exciting metal artists of his generation.

themes/gallo/layouts/_default/single.html

@@ -4,11 +4,10 @@
     <div class="flex flex-col">
       <h1 class="text-4xl font-bold">{{ .Title }}</h1>
       {{ partial "metadata.html" . }}
-      <div class="mt-4">{{ .Content }}</div>
+      <div class="mt-4 flex flex-col gap-4">{{ .Content }}</div>
     </div>
 
-    {{ partial "questions.html" . }} {{ partial "gallery.html" . }}
+    {{ partial "questions.html" . }} {{ partial "gallery.html" . }} {{ partial "masonry_gallery.html" . }}
   </div>
 </div>
-
 {{ end }}

themes/gallo/layouts/partials/masonry_gallery.html

@@ -0,0 +1,9 @@
+{{ if .Params.masonryGallery }}
+<div
+  class="mt-8 columns-1 gap-2 sm:columns-2 sm:gap-4 md:columns-3 lg:columns-4 [&>img:not(:first-child)]:mt-4"
+>
+  {{ range .Params.masonryGallery }}
+  <img class="rounded-lg" src="{{ .image }}" />
+  {{ end }}
+</div>
+{{ end }}

themes/gallo/layouts/partials/social_icons.html

@@ -1,37 +1,9 @@
 <div class="flex flex-row gap-2">
-  <a target="_blank" href="mailto:iangalloart@gmail.com">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      width="16"
-      height="16"
-      class="social-icon"
-      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>
+  <a target="_blank" href="{{ .Site.socialIcons.mailUrl }}">
+    {{ .Site.socialIcons.mailIcon | safeHTML }}
   </a>
-  <a target="_blank" href="https://www.instagram.com/gallowelds">
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      width="16"
-      height="16"
-      class="social-icon"
-      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>
+  
+  <a target="_blank" href="{{ .Site.socialIcons.instagramUrl }}">
+    {{ .Site.socialIcons.instagramIcon | safeHTML }}
   </a>
-</div>
+</div>