feat(exeter): add label to gallery.ejs for exeter projects

Author: amyheather

pages/gallery.ejs

@@ -15,6 +15,8 @@ URL: https://github.com/quarto-dev/quarto-web/blob/main/docs/gallery/gallery.ejs
 
 <% for (const tile of item.tiles) { %>
   <div class="card border-2 rounded-3 g-col-12 g-col-sm-6 g-col-md-4 mb-2" <%= metadataAttrs(tile) %>>
+
+    <!-- Title and code -->
     <div class="card-header py-1 px-2 border-bottom border-1 bg-light">
       <small class="card-text inline-block">
         <a href="<%- tile.href %>" class="listing-title"><%= tile.title %></a>
@@ -26,16 +28,26 @@ URL: https://github.com/quarto-dev/quarto-web/blob/main/docs/gallery/gallery.ejs
         <% } %>
       </small>
     </div>
+
+    <!-- Category -->
+    <% if (tile.categories) { %>
+      <span class="badge bg-secondary listing-categories" style="background-color: #71bd94 !important; color: #1f393a !important;">
+        <%= Array.isArray(tile.categories) ? tile.categories.join(", ") : tile.categories %>
+      </span>
+    <% } %>
+
+    <!-- Thumbnail -->
     <a href="<%- tile.href %>">
       <img src="<%- tile.thumbnail %>" alt="<%- tile.description %>" class="card-img-top"/>
     </a>
 
+    <!-- Subtitle -->
     <small>
       <div class="card-body py-2">
         <span class="text-muted listing-subtitle d-block"><%= tile.subtitle %></span>
       </div>
     </small>
-    
+
   </div>
 <% } %>