update

content/art/index.md

@@ -3,9 +3,12 @@ title: The Artist
 date: 2024-05-22T12:47:43-04:00
 art:
 - main: /img/art/3.webp
-  title: 1
-  description:
-  year:
+  title: Oyá
+  listOrder: 1
+  status: Sold
+  description: |
+     "Oyá" is an aluminum sculpture inspired by the powerful goddess and Orisha in Yoruba mythology that represents storms, transformation, leadership, and protection. She serves as a tribute to relentless female strength and resilience. The sculpture incorporates elements such as the bo staff, tornado-inspired gele, and a poised passé relevé pose to symbolize her warrior spirit and femininity. After a recent rare and destructive tornado in Tallahassee, the sculpture and neighboring buildings were remarkably unharmed. "Oyá" not only demonstrates physical durability but also embodies a spiritual strength that mirrors the resilience of the surrounding community. She stands as a beacon of liberation and unity for all who encounter her presence.
+  year: 2024
   gallery:  
   - image: /img/art/3.webp
   - image: /img/art/4.webp
@@ -20,7 +23,9 @@ art:
   - image: /img/art/127.webp
 
 - main: /img/art/8.webp
-  title: 2
+  title:
+  listOrder: 2
+  status:
   description:
   year:
   gallery:  
@@ -34,7 +39,9 @@ art:
   - image: /img/art/20.webp
 
 - main: /img/art/12.webp
-  title: 3
+  title:
+  listOrder: 3
+  status:
   description:
   year:
   gallery:  
@@ -43,15 +50,20 @@ art:
   - image: /img/art/14.webp
 
 - main: /img/art/15.webp
-  title: 4
-  description:
-  year:
+  title: Solace
+  listOrder: 4
+  status:
+  description: |
+    In crafting this piece, I sought to capture a fleeting yet profound moment of tenderness. Using hand-bent copper wire, I delicately shaped the contours of two faces intertwined in a serene embrace. One face gently leans forward, pressing a soft kiss upon the forehead of the other, evoking a sense of quiet affection and connection. Through the simplicity of a single line, I aimed to convey the depth of emotion and the beauty found in intimate human interactions. This artwork invites viewers to contemplate the subtleties of love and the gentle power of a caring touch, encapsulated in the fluidity and grace of wire sculpture.
+  year: 2018
   gallery:  
   - image: /img/art/15.webp
   - image: /img/art/16.webp
 
 - main: /img/art/21.webp
-  title: 5
+  title:
+  listOrder: 5
+  status:
   description:
   year:
   gallery:  
@@ -63,7 +75,9 @@ art:
   - image: /img/art/26.webp
 
 - main: /img/art/27.webp
-  title: 6
+  title:
+  listOrder: 6
+  status:
   description:
   year:
   gallery:  
@@ -88,7 +102,9 @@ art:
   - image: /img/art/122.webp
 
 - main: /img/art/33.webp
-  title: 7
+  title:
+  listOrder: 7
+  status:
   description:
   year:
   gallery:  
@@ -99,14 +115,19 @@ art:
   - image: /img/art/38.webp
 
 - main: /img/art/36.webp
-  title: 8
-  description:
-  year:
+  title: The Invisible Hand
+  listOrder: 8
+  status:
+  description: |
+    "The Invisible Hand" represents the relentless sacrifice of the working man under the weight of corporate greed. The severed hand, stripped to its bones and veins, symbolizes the lifeblood drained from laborers by an unfeeling system. Poured aluminum, resembling spilled blood, flows over the hand, a stark reminder of the human cost buried beneath the pursuit of profit. This work challenges the viewer to confront the unseen forces that exploit and discard the common man, urging a reflection on the true price of progress and prosperity.
+  year: 2020
   gallery:  
   - image: /img/art/36.webp
 
 - main: /img/art/40.webp
-  title: 9
+  title:
+  listOrder: 9
+  status:
   description:
   year:
   gallery:    
@@ -115,7 +136,9 @@ art:
   - image: /img/art/42.webp
 
 - main: /img/art/52.webp
-  title: 10
+  title:
+  listOrder: 10
+  status:
   description:
   year:
   gallery:  
@@ -141,14 +164,18 @@ art:
   - image: /img/art/129.webp
 
 - main: /img/art/59.webp
-  title: 11
+  title:
+  listOrder: 11
+  status:
   description:
   year:
   gallery:  
   - image: /img/art/59.webp
 
 - main: /img/art/58.webp
-  title: 12
+  title:
+  listOrder: 12
+  status:
   description:
   year:
   gallery:  
@@ -157,7 +184,9 @@ art:
   - image: /img/art/62.webp
 
 - main: /img/art/67.webp
-  title: 13
+  title:
+  listOrder: 13
+  status:
   description:
   year:
   gallery:  
@@ -167,9 +196,12 @@ art:
   - image: /img/art/70.webp
 
 - main: /img/art/94.webp
-  title: 14
-  description:
-  year:
+  title: Eternal Bliss
+  listOrder: 14
+  status:
+  description: |
+    "Eternal Bliss" embodies the essence of tranquility and introspection, crafted from layers of skateboard decks transformed into a serene representation. Through meticulous carving and shaping, I sculpted closed eyes that evoke a blissful trance, inviting viewers to contemplate the depths of inner peace amid life's tumultuous rhythms. This sculpture is an ongoing transformative journey, much like my own path of artistic expression. As I continue to shape and refine its form, I seek to capture that elusive moment of clarity and completion, mirroring the lifelong search for eternal bliss. Each layer, fused together with epoxy and shaped with care, reflects the resilience and beauty found in embracing creativity as a sanctuary from the demands of a busy world. "Eternal Bliss" invites viewers to find solace and inspiration in the quietude of artistic contemplation, reminding us of the eternal quest for harmony and tranquility in our lives.
+  year: 2020
   gallery:  
   - image: /img/art/94.webp
   - image: /img/art/95.webp
@@ -187,7 +219,9 @@ art:
   - image: /img/art/107.webp
 
 - main: /img/art/119.webp
-  title: 15
+  title: 
+  listOrder: 15
+  status:
   description:
   year:
   gallery: 

themes/gallo/layouts/partials/artist_catalog.html

@@ -3,16 +3,29 @@
 >
   {{ range .Params.art }} {{ if ne .item "" }}
   <div class="relative flex flex-col bg-white rounded-lg border p-4 relative">
-    <p class="absolute left-6 top-5 text-white font-black text-xl">
-      {{ .title }}
-    </p>
     <img
       loading="lazy"
       src="{{ .main }}"
       class="w-full h-48 rounded-md object-cover"
     />
-    <div class="grid grid-cols-1 place-items-end pt-5">
-      <a class="w-full" href="#modal-{{ .title | urlize }}">
+    <div class="flex flex-row gap-2 my-2 justify-between">
+      <div class="flex flex-col items-start">
+        <span class="text-xs text-gray-600">Title:</span>
+        <span>
+          <strong class="text-base text-gray-700"> {{ .title }}</strong>
+        </span>
+      </div>
+      {{ if .status }}
+      <div>
+        <span
+          class="bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded-full"
+          >{{ .status }}</span
+        >
+      </div>
+      {{ end }}
+    </div>
+    <div class="grid grid-cols-1 place-items-end">
+      <a class="w-full" href="#modal-{{ .listOrder | urlize }}">
         <button
           type="button"
           class="w-full px-3 py-2 text-xs font-medium text-center text-white bg-black rounded-lg hover:bg-gray-800 focus:ring-4 focus:outline-none transition-all duration-200"
@@ -22,7 +35,7 @@
       </a>
     </div>
     <div
-      id="modal-{{ .title | urlize }}"
+      id="modal-{{ .listOrder | urlize }}"
       class="fixed z-10 inset-0 overflow-y-auto hidden bg-gray-500 bg-opacity-75 transition-opacity"
       aria-labelledby="modal-title"
       role="dialog"
@@ -41,7 +54,7 @@
           class="inline-block align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle self-center sm:max-w-lg w-full"
         >
           <div
-            class="bg-white h-[80vh] overflow-y-scroll overflow-x-hidden px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
+            class="bg-white max-h-[80vh] overflow-y-scroll overflow-x-hidden px-4 pt-5 pb-4 sm:p-6 sm:pb-4"
           >
             <div class="sm:flex sm:items-start">
               <div class="w-full mt-3 text-center sm:mt-0 sm:text-left">
@@ -76,6 +89,34 @@
                   {{ end }}
                 </div>
                 {{ end }}
+                <div>
+                  <div class="flex flex-row gap-2 my-2 justify-between mt-4">
+                    <div class="flex flex-col items-start">
+                      <span class="text-xs text-gray-600">Title:</span>
+                      <span>
+                        <strong class="text-lg text-gray-700">
+                          {{ .title }}</strong
+                        >
+                      </span>
+                    </div>
+                    {{ if .status }}
+                    <div>
+                      <span
+                        class="bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded-full"
+                        >{{ .status }}</span
+                      >
+                    </div>
+                    {{ end }}
+                  </div>
+                  <div class="flex flex-col items-start mb-2">
+                    <span class="text-xs text-gray-600">Year:</span>
+                    <span> {{ .year }} </span>
+                  </div>
+                  <div class="flex flex-col items-start">
+                    <span class="text-xs text-gray-600">Description:</span>
+                    <span> {{ .description }} </span>
+                  </div>
+                </div>
               </div>
             </div>
           </div>