quote design changes / cleaning up CSS / continue nestor fixes

.github/_config.yml

@@ -31,7 +31,7 @@ title: "{B/qKC}"
 tagline: a decentralized archive of Black queer Kansas City history
 # description appears in meta tags and other locations
 # this description might appear in search result lists, keep around 160 characters max
-description: "This is the official database and site for {B/qKC}: an archival project challenging institutional archival practices within the frame and study of midwestern Black queer history."
+description: "This is the official database for {B/qKC}: an archival project challenging institutional archival practices within the frame and study of midwestern Black queer history."
 # keywords, a short list of subjects describing the collection, separated by semicolon, to appear in rich markup
 keywords: kansas city; history; queer; black
 # creator of the digital collection, to appear in meta tags; we typically use our GitHub usernames but feel free to just use your name

_data/config-metadata.csv

@@ -13,3 +13,4 @@ type,Type,,,DCTERMS.type,
 format,Format,,,,encodingFormat
 language,Language,,,DCTERMS.language,
 rightsstatement,,,,DCTERMS.rights,license
+duration (MM:SS),Duration,,,,

_includes/collection-banner.html

@@ -1,29 +1,209 @@
-{% if page.layout == "home-infographic" and site.data.theme.featured-image %}
+{% if page.layout == "home-infographic" %}
+
+{%- comment -%}
+Carousel Banner: rotates through random collection items
+Always shows starlacoll033 first, then shuffles other items
+{%- endcomment -%}
+
+{%- assign carousel_items = "" | split: "" -%}
+
+{%- comment -%} Get specific items in order {%- endcomment -%}
+{%- assign wanted_ids = "starlacoll033,garycoll009,garycoll005,starlacoll019,starlacoll008,tishacoll028" | split: "," -%}
+
+{%- for wanted_id in wanted_ids -%}
+  {%- for item in site.data[site.metadata] -%}
+    {%- if item.objectid == wanted_id -%}
+      {%- assign carousel_items = carousel_items | push: item -%}
+      {%- break -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endfor -%}
+
 <style>
-#home-banner {
+#home-banner-carousel {
-    background-image: url('{{ site.data.featured_item.src | relative_url }}');
+  position: relative;
-    background-size: cover;
+  min-height: 380px;
-    background-repeat: no-repeat;
+  max-height: 580px;
-    background-position: {{ site.data.theme.home-banner-image-position | default: 'center' }};
+  background-color: #000;
+  overflow: hidden;
 }
+
+.carousel-slide {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  transition: opacity 800ms ease-in-out;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
+.carousel-slide.active {
+  opacity: 1;
+  z-index: 1;
+}
+
 #home-title-box {
+  position: relative;
+  z-index: 2;
   padding-top: {{ site.data.theme.home-title-y-padding | default: '5em' }};
   padding-bottom: {{ site.data.theme.home-title-y-padding | default: '5em' }};
 }
+
 @media screen and (max-width: 576px) {
   #home-title-box {
     padding-top: min({{ site.data.theme.home-title-y-padding | default: '5em' }}, 32vh);
     padding-bottom: min({{ site.data.theme.home-title-y-padding | default: '5em' }}, 32vh);
   }
 }
+
+.carousel-controls {
+  position: absolute;
+  top: 1rem;
+  left: 1.25rem;
+  z-index: 10;
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
+}
+
+.carousel-btn {
+  background: rgba(0, 0, 0, 0.45);
+  border: 1px solid rgba(255, 255, 255, 0.35);
+  color: rgba(255, 255, 255, 0.85);
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 200ms ease;
+  font-size: 0.7rem;
+  font-weight: 600;
+}
+
+.carousel-btn:hover {
+  color: #ffffff;
+  border-color: rgba(255, 255, 255, 0.75);
+}
+
+.carousel-btn svg {
+  width: 14px;
+  height: 14px;
+}
+
+.carousel-dots {
+  display: flex;
+  gap: 0.35rem;
+  padding: 0.35rem 0.6rem;
+  background: rgba(0, 0, 0, 0.45);
+  border: 1px solid rgba(255, 255, 255, 0.35);
+  border-radius: 4px;
+}
+
+.carousel-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.4);
+  cursor: pointer;
+  transition: all 200ms ease;
+}
+
+.carousel-dot:hover {
+  background: rgba(255, 255, 255, 0.65);
+}
+
+.carousel-dot.active {
+  background: #ffffff;
+  width: 18px;
+  border-radius: 3px;
+}
+
+@media (max-width: 575px) {
+  .carousel-controls {
+    top: 0.75rem;
+    left: 0.75rem;
+    gap: 0.4rem;
+  }
+  
+  .carousel-btn {
+    width: 28px;
+    height: 28px;
+  }
+  
+  .carousel-btn svg {
+    width: 12px;
+    height: 12px;
+  }
+  
+  .carousel-dots {
+    padding: 0.3rem 0.5rem;
+  }
+}
+
+.featured-image-label {
+  position: absolute;
+  bottom: 1rem;
+  right: 1.25rem;
+  z-index: 10;
+  padding: 0.35rem 0.6rem;
+  background: rgba(0, 0, 0, 0.45);
+  border: 1px solid rgba(255, 255, 255, 0.35);
+  border-radius: 4px;
+  transition: all 200ms ease;
+}
+
+.featured-image-label:hover {
+  border-color: rgba(255, 255, 255, 0.75);
+}
+
+.featured-image-label a {
+  font-size: 0.7rem;
+  letter-spacing: 0.14em;
+  text-transform: uppercase;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.85) !important;
+  text-decoration: none;
+  display: block;
+}
+
+.featured-image-label:hover a {
+  color: #ffffff !important;
+}
+
+@media (max-width: 575px) {
+  .featured-image-label {
+    bottom: 0.75rem;
+    right: 0.75rem;
+    padding: 0.3rem 0.5rem;
+  }
+  
+  .featured-image-label a {
+    font-size: 0.65rem;
+  }
+}
 </style>
 
-<div id="home-banner" class="container-fluid mb-0 p-0">
+<div id="home-banner-carousel" class="container-fluid mb-0 p-0">
   <a class="portfolio-site-link"
      href="https://1800nasi.net/category/bqkc/"
      title="Main domain to view exhibitions, programs and media features of {B/qKC}">
     VIEW THE ARCHIVE IN PRACTICE →
-</a>
+  </a>
+
+  {%- comment -%} Carousel slides {%- endcomment -%}
+  {%- for item in carousel_items -%}
+    <div class="carousel-slide{% if forloop.first %} active{% endif %}"
+         data-slide="{{ forloop.index0 }}"
+         style="background-image: url('{{ item.image_small | relative_url }}');">
+    </div>
+  {%- endfor -%}
+
   <div id="home-title-box" class="position-relative">
     <div class="p-2 text-white bg-dark bg-opacity-75 d-inline-block">
       {% if site.organization-logo-nav %}
@@ -36,17 +216,134 @@
     </div>
   </div>
 
-  {% unless site.data.theme.featured-image contains '/' %}
+  {%- comment -%} Carousel controls {%- endcomment -%}
-  <div class="featured-image-label">
+  <div class="carousel-controls">
-    <a href="{{ site.data.featured_item.link | relative_url }}"
+    <button class="carousel-btn" id="carousel-prev" aria-label="Previous slide">
-       title="{{ site.data.featured_item.alt | escape }}">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-       Featured Image
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7" />
-    </a>
+      </svg>
+    </button>
+    
+    <div class="carousel-dots">
+      {%- for item in carousel_items -%}
+        <div class="carousel-dot{% if forloop.first %} active{% endif %}" data-slide="{{ forloop.index0 }}"></div>
+      {%- endfor -%}
+    </div>
+
+    <button class="carousel-btn" id="carousel-next" aria-label="Next slide">
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
+      </svg>
+    </button>
+  </div>
+
+  {%- comment -%} Featured image label (for current slide) {%- endcomment -%}
+  <div class="featured-image-label">
+    <a href="#" id="carousel-item-link" title="">Featured Image</a>
   </div>
-  {% endunless %}
 </div>
+
+<script>
+(function() {
+  const slides = document.querySelectorAll('.carousel-slide');
+  const dots = document.querySelectorAll('.carousel-dot');
+  const prevBtn = document.getElementById('carousel-prev');
+  const nextBtn = document.getElementById('carousel-next');
+  const itemLink = document.getElementById('carousel-item-link');
+  
+  let currentSlide = 0;
+  let autoplayInterval;
+  
+  let itemData = [
+    {%- for item in carousel_items -%}
+    {
+      objectid: "{{ item.objectid }}",
+      title: "{{ item.title | escape }}",
+      image: "{{ item.image_small | relative_url }}"
+    }{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  ];
+  
+  // Shuffle function
+  function shuffle(array) {
+    for (let i = array.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [array[i], array[j]] = [array[j], array[i]];
+    }
+    return array;
+  }
+  
+  // Shuffle the data on load
+  itemData = shuffle(itemData);
+  
+  // Apply shuffled images to slides
+  slides.forEach((slide, index) => {
+    if (itemData[index]) {
+      slide.style.backgroundImage = `url('${itemData[index].image}')`;
+    }
+  });
+  
+  function showSlide(index) {
+    slides.forEach(s => s.classList.remove('active'));
+    dots.forEach(d => d.classList.remove('active'));
+    
+    currentSlide = (index + slides.length) % slides.length;
+    
+    slides[currentSlide].classList.add('active');
+    dots[currentSlide].classList.add('active');
+    
+    // Update featured image link
+    const baseUrl = '{{ "/" | relative_url }}';
+    itemLink.href = baseUrl + 'items/' + itemData[currentSlide].objectid + '.html';
+    itemLink.title = itemData[currentSlide].title;
+  }
+  
+  function nextSlide() {
+    showSlide(currentSlide + 1);
+  }
+  
+  function prevSlide() {
+    showSlide(currentSlide - 1);
+  }
+  
+  function startAutoplay() {
+    autoplayInterval = setInterval(nextSlide, 5000); // 5 seconds
+  }
+  
+  function stopAutoplay() {
+    clearInterval(autoplayInterval);
+  }
+  
+  // Event listeners
+  prevBtn.addEventListener('click', () => {
+    stopAutoplay();
+    prevSlide();
+    startAutoplay();
+  });
+  
+  nextBtn.addEventListener('click', () => {
+    stopAutoplay();
+    nextSlide();
+    startAutoplay();
+  });
+  
+  dots.forEach((dot, index) => {
+    dot.addEventListener('click', () => {
+      stopAutoplay();
+      showSlide(index);
+      startAutoplay();
+    });
+  });
+  
+  // Initialize
+  showSlide(0);
+  startAutoplay();
+})();
+</script>
+
 {%- else -%}
-  <div class="container">
+{%- comment -%} Non-carousel version for other pages {%- endcomment -%}
+<div class="container">
   <div class="container position-relative">
     <a class="portfolio-site-link"
        href="https://1800nasi.net/category/bqkc/"
@@ -67,4 +364,5 @@
       {% endif %}
     </div>
   </div>
+</div>
 {%- endif -%}

_layouts/about.html

@@ -90,7 +90,7 @@ layout: default
             </div>
             <div class="modal-body text-center">
                 <img id="lightbox-img" src="" alt="Image" class="img-fluid">
-                <p id="lightbox-caption" class="mt-3 text-muted"></p>
+                <p id="lightbox-caption" class="mt-3 text-black"></p>
             </div>
         </div>
     </div>

pages/about.md

@@ -45,7 +45,7 @@ There is a damning need to be stewards of our own histories and protect them at
 Initially ideated as a series of research articles "liberating" Black queer materials from its local institutions and libraries, {B/qKC}'s mission has evolved into a full-fledged archive with **five core goals**.
 
 <div class="float-img float-right">
-<blockquote class="quote-box">
+<blockquote class="quote-outline">
   <p class="quote-text">"Plainly put, the far right is erasing Blackness from the fabrics of America, so historical collection can no longer be a passive process; it must be applied radically." </p>
   <p class="quote-attrib">Nasir Anthony Montalvo, <a href="https://mdw.art/atlas/thirdspace" target="_blank">"Third Space: Queering Blackness from the Archival Fabrics of Middle America"</a> (MdW Atlas, 2024)</p>
 </blockquote>
@@ -76,11 +76,13 @@ We aim for Black queer stories to occupy public spaces physically and digitally
 
 ###### Nasir Anthony Montalvo, *Founder*
 
-Nasir Anthony Montalvo (b. 1999) is an essayist and memory worker based in Kansas City, MO, and the Founder of {B/qKC}. Montalvo's work has been exhibited locally and nationally in coffee shops, book stores, community fairs and artist galleries. Their art and archival research has also been published in NPR, Syllabus, Sixty Inches From Center, The Advocate, Teen Vogue and KC Studio; along with being used in curricula at Johns Hopkins University, Columbia University and the North Kansas City School District. 
+<blockquote class="quote-line">
+  <p class="quote-text">Nasir Anthony Montalvo (b. 1999) is an essayist and memory worker based in Kansas City, MO, and the Founder of {B/qKC}. Montalvo's work has been exhibited locally and nationally in coffee shops, book stores, community fairs and artist galleries. Their art and archival research has also been published in NPR, Syllabus, Sixty Inches From Center, The Advocate, Teen Vogue and KC Studio; along with being used in curricula at Johns Hopkins University, Columbia University and the North Kansas City School District. </p>
   
-Montalvo holds a 2024-2026 studio residency at Charlotte Street; and has been awarded fellowships and artist grants with The Opportunity Agenda, Diaspora Solidarities Lab, Gray Area and ArtsKC. They earned their Bachelor of Science from Stevens Institute of Technology in 2021.
+  <p>Montalvo holds a 2024-2026 studio residency at Charlotte Street; and has been awarded fellowships and artist grants with The Opportunity Agenda, Diaspora Solidarities Lab, Gray Area and ArtsKC. They earned their Bachelor of Science from Stevens Institute of Technology in 2021.</p>
   
-Montalvo is queer, Afro-Borincane, and from Kissimmee, Florida.
+  <p>Montalvo is queer, Afro-Borincane, and from Kissimmee, Florida. </p>
+</blockquote>
 
 <figure style="display: inline-block; max-width: 50%;">
   <img src="/assets/img/anevay-martz-bqkc.jpg" 
@@ -93,7 +95,9 @@ Montalvo is queer, Afro-Borincane, and from Kissimmee, Florida.
 
 ###### Anevay Martz, *Digitization Intern, Spring/Summer 2025*
 
-Anevay Martz is a junior Sociology major at the University of Missouri–Kansas City, with a double minor in Communications and Race, Ethnic and Gender Studies. As {B/qKC}'s first Intern in 2025. Digitization Intern, Martz helped develop the archive’s Digital Asset Register (DAR) that is being used to power this website, alongside getting Soakie's listed as a historical landmark on Clio.
+<blockquote class="quote-line">
+  <p class="quote-text">Anevay Martz is a junior Sociology major at the University of Missouri–Kansas City, with a double minor in Communications and Race, Ethnic and Gender Studies. As {B/qKC}'s first Intern in 2025. Digitization Intern, Martz helped develop the archive’s Digital Asset Register (DAR) that is being used to power this website, alongside getting Soakie's listed as a historical landmark on Clio.</p>
+</blockquote>
 
 
 <figure style="display: inline-block; max-width: 50%;">
@@ -106,7 +110,9 @@ Anevay Martz is a junior Sociology major at the University of Missouri–Kansas
 
 ###### Eden Barnes, *Community Engagement Intern, Fall 2025*
 
-Eden is a graduate of the University of Missouri Kansas City, with a BA in Sociology with an emphasis in Cultural Anthropology, and a minor in Race, Ethnic, and Gender Studies. As Community Engagement Intern, Eden aided {B/qKC} with day-to-day tasks and the launch of {B/qKC}'s new site.
+<blockquote class="quote-line">
+  <p class="quote-text">Eden is a graduate of the University of Missouri Kansas City, with a BA in Sociology with an emphasis in Cultural Anthropology, and a minor in Race, Ethnic, and Gender Studies. As Community Engagement Intern, Eden aided {B/qKC} with day-to-day tasks and the launch of {B/qKC}'s new site.</p>
+</blockquote>
 
 ---
 ## Our history
@@ -135,6 +141,6 @@ Since 2022, {B/qKC} has launched at least two public exhibitions per year, and e
 {% include cb/credits.html %}
 
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">Learn more about what's powering this site on <a href="/data/">"Our Data"</a> page!</p>
 </blockquote>

pages/collections/collection-gary.html

@@ -27,7 +27,7 @@ Gary Carrington (he/him/his) is referred to as a “pillar” in Kansas City’s
    {% if featured.identifier %}
   <div class="small text-muted mt-2">
     <p class="section-label">
-      Identifier #: 
+      Object ID #: 
       <a 
         href="{{ '/items/' | append: featured.objectid | append: '.html' | relative_url }}"
         class="text-white text-decoration-underline"

pages/collections/collection-starla.html

@@ -26,7 +26,7 @@ Starla Carr (she/her/hers) has been a pivotal force in developing Kansas City’
    {% if featured.identifier %}
   <div class="small text-muted mt-2">
     <p class="section-label">
-      Identifier #: 
+      Object ID #: 
       <a 
         href="{{ '/items/' | append: featured.objectid | append: '.html' | relative_url }}"
         class="text-white text-decoration-underline"

pages/collections/collection-tisha.html

@@ -28,7 +28,7 @@ permalink: /collections/tisha-taylor/
    {% if featured.identifier %}
   <div class="small text-muted mt-2">
     <p class="section-label">
-      Identifier #: 
+      Object ID #: 
       <a 
         href="{{ '/items/' | append: featured.objectid | append: '.html' | relative_url }}"
         class="text-white text-decoration-underline"

pages/copyright.md

@@ -45,4 +45,6 @@ Under the following terms:
 
 *You are responsible for obtaining necessary permissions*. {B/qKC}'s collections contain a wide range of content. You are responsible for clearing the necessary rights in order to use the materials in question. For example, if you want to download a photo that is still protected by copyright for use in a research paper, you must determine whether your proposed use requires consent from the copyright holder, and, if so, you must secure the permission of the copyright holder. In some cases, you may also need to secure the consent of people who appear in photographs in our collections.
 
-If you have any questions, please [contact us](/contact/)!
+<blockquote class="quote-minimal">
+  <p class="quote-text">If you have any questions, please <a href="/contact/">contact us!</a></p>
+</blockquote>

pages/data.md

@@ -20,7 +20,7 @@ In accordance with our [mission](/about/), {B/qKC} aims to be the true steward o
 
 Rather than relying on a third-party service like Google, DropBox, or Squarespace–with rising costs for usage, ethical concerns around our data and their damaging corporate practices–we've chosen to build this site using **open, decentralized and self-hosted infrastructure**.
 
-<blockquote class="quote-line">
+<blockquote class="quote-minimal">
   <p class="quote-text">A very special thank you to Gray Area, TechSoup and FileCoin Foundation and their Cultural Memory Lab for teaching us a lot about DWeb technology and making this all possible. Learn more about the program on their <a href="https://acceleratingmakers.publicgoodapphouse.org/blog/_blog-posts/introducing-the-cultural-memory-lab-cohort-empowering-community-archives-through-decentralized-technology" target="_blank">website.</a></p>
 </blockquote>
 
@@ -33,7 +33,7 @@ Need to share something online? You Tweet or Instagram it. <br>
 Need to store something? You upload them to an arbitrary "cloud."
 
 <div class="float-img float-right">
-<blockquote class="quote-box">
+<blockquote class="quote-outline">
   <p class="quote-text">“The platforms that host our networked public sphere and inform us about the world are unelected, unaccountable, and often impossible to audit or oversee.”</p>
   <p class="quote-attrib">— Chelsea Barabas, Neha Narula, Ethan Zuckerman,<a href="https://www.dci.mit.edu/projects/the-decentralized-web-defending-internet-freedom-through-decentralization-back-to-the-future" target="_blank"> "The Decentralized Web: Defending Internet Freedom through Decentralization: Back to the Future?" (2017)</a>
 </p>
@@ -142,7 +142,7 @@ This means no Amazon Web Services, no Google Cloud, no third-party entity quietl
 
 By choosing to host this website on our server, we get to control how this site operates, how data is handled, and stay accountable to the people whose stories live here.
 
-<blockquote class="quote-box">
+<blockquote class="quote-line">
   <p class="quote-text">GOOD TO KNOW: {B/qKC} uses the 3-2-1-1-0 preservation strategy: meaning there are 3 copies of all our archival materials (2 of these on IPFS and our server), stored on 2 different types of media, with 1 copy off-site, 1-copy offline, and all with 0 backup errors.</p>
 </blockquote>
 

pages/donate.md

@@ -98,9 +98,10 @@ $1,000 <br>
 **Tintoretta Tattoo Studio** <br>
 **Charlotte Street** <br>
 
----
+<blockquote class="quote-minimal">
+  <p class="quote-text">Thank you to Astringent Press, Oddities Prints, Plot Twist Consulting, BLK + BRWN., PH Coffee, Waterbird Coffee, and Café Corazón who have offered in-kind support to this work!</p>
+</blockquote>
 
-*Thank you to Astringent Press, Oddities Prints, Plot Twist Consulting, BLK + BRWN., PH Coffee, Waterbird Coffee, and Café Corazón who have offered in-kind support to this work!*
 
 ---
 

pages/read/erasure.md

@@ -84,7 +84,7 @@ Kansas City's Pride Festival (now run by the Kansas City Community Pride Allianc
 
 In conjunction with loss of spaces, we also must examine how sexual desire has served in the oppression of Black queer Kansas Citians.
 
-The Black gay male community of Kansas City, particularly, suffers from this sexual exploitation----as can be seen in the case of the organization, Black-White Men Together-Kansas City (BWMT-KC). Founded by Michael J. Smith in 1980, the National Association of Black and White Men Together (NABWMT) was expressely founded for white gay men to more easily find Black men to have sex with[^15](https://kansascitydefender.com/lgbtqia2/the-erasure-and-sexual-subjugation-of-black-queer-kansas-citians-a-brief-historical-look/#38315f38-0d39-4b4c-b736-a237630ff5dc)^. Smith was described by his peers to be an 'interracialist', believing that Black men were more well-endowed; he would face vitriol in the media for his comments and actions. Despite this, chapters of the organization opened across the nation, including in Kansas City. The local chapter was able to accomplish a great deal in pushing sex education and creating systems of support for gay men, at large----but part of the violence faced by Black queer men is sexual exploitation, which includes fetishization based on race. 
+The Black gay male community of Kansas City, particularly, suffers from this sexual exploitation----as can be seen in the case of the organization, Black-White Men Together-Kansas City (BWMT-KC). Founded by Michael J. Smith in 1980, the National Association of Black and White Men Together (NABWMT) was expressely founded for white gay men to more easily find Black men to have sex with[^15]. Smith was described by his peers to be an 'interracialist', believing that Black men were more well-endowed; he would face vitriol in the media for his comments and actions. Despite this, chapters of the organization opened across the nation, including in Kansas City. The local chapter was able to accomplish a great deal in pushing sex education and creating systems of support for gay men, at large----but part of the violence faced by Black queer men is sexual exploitation, which includes fetishization based on race. 
 
 Similarly to the loss of Black queer space, this sexual violence and the need to feel desired limits access to new futures. Desirability ultimately creates a cycle that seeks not to end white supremacy, but to further it by developing unattainable standards (e.g. sexual endowment) and unwritten codes (e.g. hyper-masculinity) that create power structures amidst Black queer men in competition of the white male gaze. To end white supremacy is to put an end to this sexual desire; and to eradicate the tools by which white men use to subjugate Black queer men to (sexual) dependence.
 
@@ -96,7 +96,7 @@ There exists a paradigm in Kansas City's queer community: wherein Black queer Ka
 
 *I encourage folks looking to create new Black queer futures to read more pedagogy (Frantz Fanon, Da'Shaun L. Harrison, James Baldwin), join local movements for abolition (such as the Reale Justice Network and the Kansas City Defender), and protest rainbow capitalism by holding your own Pride protests and, both, in-and-out of June. If you're not, both, Black and queer, I implore you to seek out Black queer folk, listen to them, and fulfill their needs: donate to gender-affirming surgery funds, bail out Black queer folk in jail, organize against criminalization of queerness, and create true systemic change--rainbow crosswalks will not save you nor I.*
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">An abridged version of this essay, titled "The Unseen Struggles: Erasure and Racial Inequities in Kansas City's Queer Community," was originally published in the Urban League of Greater Kansas City's 2023 State of Black Kansas City | FROM REDLINING TO CHALK LINES: THE COSTS OF ECONOMIC INJUSTICE. The report can be found on their <a href="https://www.ulkc.org/2023-state-of-black-kc" target="_blank">website</a>.</p>
 </blockquote> 
 

pages/read/mact-kc.md

@@ -409,7 +409,7 @@ MACT-KC co-chairs ranging from 1987-1993 pose for a photo. From top left to top
   </figcaption>
 </figure> 
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">“A very special thank you to UMKC's Gay-Lesbian Archives of Mid-America and its Director, Stuart Hinds, for helping gather information on Men of All Colors Together-Kansas City; and serving as a cornerstone for queer Kansas City history.”</p>
 </blockquote>
 

pages/read/out-there.md

@@ -204,7 +204,7 @@ According to a July 11, 1994 article by AP News, however, [the Amendment Coaliti
 
 [Lea Hopkins](https://libweb.umkc.edu/GLAMA/oral-histories-moreinfo/38) has been an instrumental Black, Lesbian organizer in Kansas City for decades. Hopkins was behind the first Gay Pride Parade in Kansas City in 1979, and [43 years later was a Grand Marshall for Kansas City's Pride Alliance Parade earlier this year](https://www.instagram.com/reel/CjsbDmpDkrV/?utm_source=ig_web_copy_link). Because of her work, she has undoubtedly pushed acceptance for Black Queer people to once unthinkable heights in the Midwest. Hopkins' role on Out There was to serve as a spokesperson for GLAAD, presumably because of her extensive involvement with the organization. 
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text"><a href="https://libweb.umkc.edu/GLAMA/oral-histories-moreinfo/38" target="_blank">Listen to Lea Hopkins' interview with Austin R. Williams</a>, as part of GLAMA's Oral History project, as she discusses her early days, moving to New York and becoming involved with Christopher Street, and organizing the first Gay Pride Parade in Kansas City.</p>
 </blockquote>
 

pages/read/soakies.md

@@ -89,7 +89,7 @@ If you are the copyright holder and feel for any reason that your work has been
 
 ## Vol_2 of {B/qKC}: Soakie's
 
-<blockquote class="quote-box">
+<blockquote class="quote-outline">
   <p class="quote-text">“After everything is said and done, Soakies was home.”</p>
   <p class="quote-attrib">— Baby Boi, 2023</p>
 </blockquote>
@@ -180,7 +180,7 @@ It was this same sentiment that would lead Colston and his good friend Eric Robi
 
 According to Colston and Robinson, Rinaldo was getting ready to close his shop around the same time Soakie's was becoming a pregame spot for Black queer people in the '90s. The three of them had established a friendly rapport in light of this. In fact, Robinson notes that Rinaldo treated him and the community with kindness and was extremely supportive.
 
-<blockquote class="quote-box">
+<blockquote class="quote-outline">
   <p class="quote-text">“We don't have nowhere to go.”</p>
   <p class="quote-attrib">— Jerry Colston, 2023</p>
 </blockquote>
@@ -273,7 +273,7 @@ Across 1308 Main Street was a large parking lot that became a hangout spot for B
 
 This would become an issue, though, as it drew away from the capital Soakie's owners were receiving, and was also the source of a lot of violence.
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">† There are currently no photos available in the public domain, or as donated to {B/qKC}, that capture festivities in the parking lot across from Soakie's. If you are in possession of any relevant photographs or material and would like to contribute to this article (and archive, overall) please contact Nasir Montalvo.</p>
 </blockquote>
 
@@ -302,7 +302,7 @@ It wouldn't be that long before Baby Boi became part of the view. Baby Boi would
 
 To my surprise, Baby Boi's DJing career didn't officially start until 2017–and it seems a perfect continuation from performing for, as Baby Boi puts it, "if [they] can give people a good time or experience, let's do it."
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text"><sup>‡</sup>Baby Boi references the late-haunted house, Main Street Morgue: located on 1325 Main Street from the 1970s to the early 00s. The business was shut down as part of the Power & Light Development.</p>
 
   <p class="quote-text"><sup>§</sup>Descriptions of Kansas City's Ballrooms Scene are purposely meant to be ambiguous as to protect a well kept tradition of Kansas City's Black queer community.</p>
@@ -331,7 +331,7 @@ Above all, though, Starla has been an instrumental support system for those arou
 
 It is with great honor that I welcome her collection to {B/qKC}.
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">The "starla_carr_collection" is one of the inaugural collections digitized and donated to {B/qKC}. The collection consists of various photos from Carr's time as a seamstress, performer and go-er of Soakies in the early 2000s.</p>
 
   <p class="quote-text"><a href="/collections/starla-carr/" target="_blank">view the starla_carr_collection</a></p>
@@ -360,7 +360,7 @@ Outside of Soakie's, Taylor has made a huge impact on the local Black LGBTQ+ sce
 
 It is with great honor that I welcome her collection to {B/qKC}.
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">The “tisha_taylor_collection” is one of the inaugural collections digitized and donated to {B/qKC}. The collection consists of various photos from Taylor’s time at Soakie’s and Kansas City’s Black Pride in 1999. </p>
 
   <p class="quote-text"><a href="/collections/tisha-taylor/" target="_blank">view the tisha_taylor_collection</a></p>
@@ -393,7 +393,7 @@ Similar to Taylor's sentiments, Carrington was not only instrumental in providin
 
 It is with great honor that I welcome his collection to {B/qKC}.
 
-<blockquote class="quote-box">
+<blockquote class="quote-minimal">
   <p class="quote-text">The “gary_carrington_collection” is one of the inaugural collections digitized and donated to {B/qKC}. The collection consists of various photos from Carrington’s time at Soakie’s, as well as clippings from KC Exposures.</p>
 
   <p class="quote-text"><a href="/collections/gary-carrington/" target="_blank">view the gary_carrington_collection</a></p>