From 56f16871618af96ad0f10355baf86b25b66c85e1 Mon Sep 17 00:00:00 2001
From: Ed Madrid <edmadrid@gmail.com>
Date: Tue, 13 Feb 2024 22:52:51 -0500
Subject: [PATCH] remove card layout from exhibits carousel

---
 .../components/heros/exhibits-carousel.html     |  2 +-
 site/_includes/components/items/carousel.html   |  2 +-
 site/_includes/partials/exhibit-card.html       | 17 +++++++++++------
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/site/_includes/components/heros/exhibits-carousel.html b/site/_includes/components/heros/exhibits-carousel.html
index f9842f1d..a4871bbc 100644
--- a/site/_includes/components/heros/exhibits-carousel.html
+++ b/site/_includes/components/heros/exhibits-carousel.html
@@ -2,7 +2,7 @@
   <h2 class="text-center py-6 text-3xl font-bold">Example exhibit carousel title</h2>
   <div class="hero block">
     <div class="hero-content mx-auto bg-neutral">
-      <div class="carousel items-center py-5">
+      <div class="carousel not-prose items-start py-5">
         {% assign featured = items | limit: 4 %}
         {%- for item in featured -%}
           <div class="carousel-item px-5 lg:basis-1/6 basis-1/5">
diff --git a/site/_includes/components/items/carousel.html b/site/_includes/components/items/carousel.html
index 2b5df047..d002a469 100644
--- a/site/_includes/components/items/carousel.html
+++ b/site/_includes/components/items/carousel.html
@@ -14,7 +14,7 @@
 
   <div class="siema">
   {%- for item in items -%}
-    <div class="pr-5">
+    <div class="pr-12">
       {% include "partials/item-card.html" %}
     </div>
   {%- endfor -%}
diff --git a/site/_includes/partials/exhibit-card.html b/site/_includes/partials/exhibit-card.html
index 9d83f0db..41bd59a3 100644
--- a/site/_includes/partials/exhibit-card.html
+++ b/site/_includes/partials/exhibit-card.html
@@ -1,9 +1,14 @@
-<a class="card w-96 bg-base-100 shadow-xl max-h-96" href="{{ '/item/'| append: item.id | url }}">
-  <figure class="">
+<a class="w-44 md:w-96 flex flex-col" href="{{ '/item/'| append: item.id | url }}">
+  <div class="p-5 backdrop-brightness-90 align-center justify-center">
     {% capture img_url %}https://d1b7k5w7yjwpfg.cloudfront.net/iiif/2/bibliopolitica_{{ item.id }}_{{ item.id }}_001/full/800,/0/default.jpg{% endcapture %}
-    <img src="{{ img_url }}" alt="" class="" />
-  </figure>
-  <div class="card-body items-center text-center">
-    <h2 class="card-title text-gray-400">{{ item.label }}</h2>
+    <img src="{{ img_url }}" alt="" class="h-56 mx-auto" />
+  </div>
+  <div class="text-base pt-2">
+    <div class="font-bold">
+      {{ item.label }}
+    </div>
+    <div>
+      Some more explanatory text for the exhibit
+    </div>
   </div>
 </a>
\ No newline at end of file