changes to design/css (header, animations, text styling)

pages/collections/collection-starla.html

@@ -0,0 +1,48 @@
+---
+layout: browse
+title: "Starla Carr Collection"
+permalink: /collections/starla-carr/
+---
+
+{% assign featured = site.data[site.metadata] | where: "objectid", "starlacoll003" | first %}
+
+<div class="row align-items-center mb-5">
+
+  <!-- TEXT -->
+  <div class="col-lg-7">
+    <h1 class="display-5 mb-3">starla_ carr_ collection</h1>
+    <p class="lead">
+Starla Carr (she/her/hers) has been a pivotal force in developing Kansas City’s drag king circuit over the past 30 years. Known under the performing name “MT,” Starla has been involved in Kansas City’s Black queer scene as a seamstress, choreographer, author and confidant. The starla_carr_collection, an inaugural collection donated to {B/qKC}, consists of various photos from Carr’s time at Soakie’s in the early 2000s–particularly of KC’s Black lesbian community.    </p>
+  </div>
+
+  <!-- IMAGE + CITATION -->
+  <div class="col-lg-5 text-lg-end">
+    <img
+      src="{{ featured.image_small | relative_url }}"
+      class="img-fluid rounded"
+      alt="{{ featured.title }}"
+    >
+
+   {% if featured.identifier %}
+  <div class="small text-muted mt-2">
+    <p class="section-label">
+      Identifier #: 
+      <a 
+        href="{{ '/items/' | append: featured.objectid | append: '.html' | relative_url }}"
+        class="text-white text-decoration-underline"
+      >
+        {{ featured.identifier }}
+      </a>
+    </p>
+  </div>
+{% endif %}
+</div>
+
+</div>
+
+<script>
+  window.location.hash = "collection:starla_carr";
+</script>
+
+</div>
+