update artist page

content/art/index.md

@@ -3,19 +3,47 @@ date: '2024-05-22T12:47:43-04:00'
 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"
-
+    - image: "/img/art/1.webp"
+    - image: "/img/art/2.webp"
+    - image: "/img/art/3.webp"
+    - image: "/img/art/4.webp"
+    - image: "/img/art/5.webp"
+    - image: "/img/art/6.webp"
+    - image: "/img/art/7.webp"
+    - image: "/img/art/8.webp"
+    - image: "/img/art/9.webp"
+    - image: "/img/art/11.webp"
+    - image: "/img/art/12.webp"
+    - image: "/img/art/13.webp"
+    - image: "/img/art/14.webp"
+    - image: "/img/art/15.webp"
+    - image: "/img/art/16.webp"
+    - image: "/img/art/17.webp"
+    - image: "/img/art/18.webp"
+    - image: "/img/art/19.webp"
+    - image: "/img/art/21.webp"
+    - image: "/img/art/22.webp"
+    - image: "/img/art/23.webp"
+    - image: "/img/art/24.webp"
+    - image: "/img/art/25.webp"
+    - image: "/img/art/26.webp"
+    - image: "/img/art/27.webp"
+    - image: "/img/art/28.webp"
+    - image: "/img/art/29.webp"
+    - image: "/img/art/31.webp"
+    - image: "/img/art/32.webp"
+    - image: "/img/art/33.webp"
+    - image: "/img/art/34.webp"
+    - image: "/img/art/35.webp"
+    - image: "/img/art/36.webp"
+    - image: "/img/art/37.webp"
+    - image: "/img/art/38.webp"
+    - image: "/img/art/39.webp"
+    - image: "/img/art/41.webp"
+    - image: "/img/art/42.webp"
+    - image: "/img/art/43.webp"
+    - image: "/img/art/44.webp"
+    - image: "/img/art/45.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.

themes/gallo/layouts/partials/masonry_gallery.html

@@ -3,7 +3,11 @@
   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 }}" />
+  <img
+    loading="lazy"
+    class="rounded-lg hover:scale-110 ease-in-out duration-300 transition-all shadow-xl hover:shadow-2xl"
+    src="{{ .image }}"
+  />
   {{ end }}
 </div>
 {{ end }}

themes/gallo/layouts/partials/nav.html

@@ -1,6 +1,6 @@
 <div class="p-4 flex flex-row w-full justify-between bg-black">
   <a href="/"><img class="w-44 h-auto" src="{{ .Site.Params.logo }}"></a>
-  <nav class="place-self-center h-8 flex justify-end gap-4 text-white font-bold pr-6">
+  <nav class="place-self-center h-8 flex justify-end gap-4 text-white pr-6">
     {{ range .Site.Menus.main }}
     <a class="underline underline-offset-0 decoration-2 decoration-transparent hover:decoration-white hover:underline-offset-2 ease-in-out duration-300 place-self-center" href="{{ .URL }}">
       {{ $text := print .Name | safeHTML }} {{ $text }}