add sans-serif font

site/_includes/components/heros/exhibits-carousel.html

@@ -1,7 +1,7 @@
 <script src="{{ '/assets/vendor/siema.min.js' | url }}"></script>
 
 <div class="not-prose text-neutral-content mx-[calc(50%-50vw)] my-8 w-auto">
-  <h2 class="text-center text-4xl font-bold pb-6">Exhibit Essays</h2>
+  <h2 class="text-center text-4xl tracking-tight font-bold pb-6">Exhibit Essays</h2>
   <div class="mx-auto text-center">
     <button class="prev-exhibit h-8 w-8 md:h-12 md:w-12 md:-mr-2 text-accent hover:text-neutral-content tooltip tooltip-left" data-tip="Previous">{% include "svg/arrow-left.svg" %}</button>
     &nbsp;

site/_includes/components/heros/home.html

@@ -1,9 +1,9 @@
 <div class="hero not-prose bg-neutral text-center mx-auto ">
   <div class="hero-content text-center mx-auto px-6 py-20">
     <div>
-      <h2 class="text-6xl font-bold max-w-3xl text-secondary">A Digital History of the Chicano Studies Library</h2>
+      <h2 class="text-6xl tracking-tight font-bold max-w-3xl mx-auto text-secondary">A Digital History of the Chicano Studies Library</h2>
 
-      <p class="py-8 max-w-prose mx-auto">At the intersection of Chicanx Studies, Digital Humanities and Library History, Bibliopolítica chronicles the history of one of the first Chicanx collections, the UC Berkeley Chicano Studies Library (CSL).</p>
+      <p class="py-8 text-xl max-w-3xl mx-auto">At the intersection of Chicanx Studies, Digital Humanities and Library History, Bibliopolítica chronicles the history of one of the first Chicanx collections, the UC Berkeley Chicano Studies Library (CSL).</p>
 
       <a href="{{ '/about/project' | url }}">
         <button class="btn btn-sm btn-outline btn-accent">Read More About the Project</button>

site/_includes/components/heros/text-and-featured-items.html

@@ -21,7 +21,7 @@
       {%- endfor -%}
     </div>
     <div class="basis-1/2">
-      <h2 class="text-5xl md:text-6xl font-bold">A Digital History of the Chicano Studies Library</h2>
+      <h2 class="text-5xl md:text-6xl tracking-tight font-bold">A Digital History of the Chicano Studies Library</h2>
       <p class="py-6 max-w-prose md:text-lg md:pl-8">Ut eleifend lacus at erat efficitur bibendum. Ut laoreet elit nec dolor molestie finibus. Vivamus justo risus, scelerisque nec dolor ut, pretium fringilla purus. Nam nisl erat, tristique ac libero vitae, bibendum pellentesque nulla.</p>
     </div>
   </div>

site/_includes/components/items/carousel.html

@@ -1,7 +1,7 @@
 <script src="{{ '/assets/vendor/siema.min.js' | url }}"></script>
 
 <div class="container mx-auto pt-6">
-  <h2 class="text-center text-4xl font-bold">Archival Materials</h2>
+  <h2 class="text-center text-4xl tracking-tight font-bold">Archival Materials</h2>
   <div class="mx-auto text-center py-6">
     <button class="prev-items h-8 w-8 md:h-12 md:w-12 md:-mr-2 text-accent hover:text-neutral-content tooltip tooltip-left" data-tip="Previous">{% include "svg/arrow-left.svg" %}</button>
     &nbsp;

site/_includes/layouts/exhibit.html

@@ -9,7 +9,7 @@
   </div>
 
   <div class="text-5xl font-bold text-neutral-500">#{{ exhibit.number }}</div>
-  <h1 class="my-4">{{ exhibit.title }}</h1>
+  <h1 class="my-4 tracking-tight">{{ exhibit.title }}</h1>
   {% if author %}div class="mt-4 italic">By {{ exhibit.author }}</div>{% endif %}
 
   <div class="italic">By {{ exhibit.author | default: "Author/Curator Name(s) Here" }}</div>

site/_includes/layouts/item.html

@@ -4,7 +4,7 @@
 
 <div class="flex p-5 pb-6 items-center">
   <div class="basis-5/6">
-    <h1 class="text-2xl md:text-4xl font-bold">{{ item.label }}</h1>
+    <h1 class="text-2xl md:text-4xl md:tracking-tight font-bold">{{ item.label }}</h1>
   </div>
   <div class="basis-1/6 h-10 md:h-12 text-right flex justify-end">
     <a href="{{ pagination.href.previous | default: pagination.href.last | url }}" class="-mr-1 hover:text-neutral-content text-accent tooltip tooltip-bottom" data-tip="Previous item">{% include "svg/arrow-left.svg" %}</a>

site/_includes/layouts/page.html

@@ -3,7 +3,7 @@
 ---
 
 <article class="container mx-auto px-6 py-20 max-w-3xl prose lg:prose-lg text-base-content">
-  <h1 class="">{{ title }}</h1>
+  <h1 class="tracking-tight">{{ title }}</h1>
   {% if subtitle %}
   <div class="-mt-8 text-xl">{{ subtitle }}</div>
   {% endif %}

site/css/styles.css

@@ -1,4 +1,5 @@
 @import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap');
 
 @tailwind base;
 @tailwind components;

site/pages/browse/items.md

@@ -5,7 +5,7 @@ layout: "base"
 permalink: "/browse/items/index.html"
 ---
 
-<h1 class="p-5 pb-3 md:pt-5 md:pb-9 text-3xl md:text-5xl font-bold">Browse Archival Items</h1>
+<h1 class="p-5 pb-3 md:pt-5 md:pb-9 text-3xl md:text-5xl md:tracking-tight font-bold">Browse Archival Items</h1>
 
 <div class="md:flex px-5 pb-10">
   <aside class="flex-none top-0 min-w-56">

tailwind.config.js

@@ -6,6 +6,7 @@ module.exports = {
     extend: {
       fontFamily: {
         serif: ["Alegreya", "serif"],
+        sans: ["DM Sans", "sans"]
       }
     },
   },