Merge pull request #37 from mnyrop/ed-design

Remove card layout from exhibits carousel

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">

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 -%}

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>