Merge pull request #203 from chnm/refactor/bom-filter-design

refactor: Updated filter layout and improve UI components

Author: hepplerj

bom-website/content/teaching/humanities-data/index.md

@@ -1,6 +1,7 @@
 ---
 title: Humanities Data with Death By Numbers Lesson Plan
 date: 2025-07-24
+updated: 2025-07-24
 author: 
   - Dan Howlett
 categories: 
@@ -9,6 +10,8 @@ tags:
   - lesson plan
 ---
 
+*Lesson plan created by Dan Howlett*.
+
 Death By Numbers is a data transcription project turning the London Bills of Mortality into structured data from primary sources.  This lesson plan will use the Bills and the Death By Numbers project to introduce students at the high school or college level to thinking about historical sources as humanities data.  Death By Numbers includes a database, data visualizations, and numerous blog posts that can provide additional context to the project and history.
 
 ## Pre-class readings:
@@ -71,3 +74,9 @@ Now ask students to consider the pre-class reading “Who Counts?” and think a
 - What categories of data would you include?  Should the project have categorized Natural Disaster, Accident, and Murder deaths rather than Killed and Other?  How would changing these overarching categories affect the data?
 - How can or should historians and data scientists use data that is known to be flawed?
 - Think about the micro vs macro views provided in the Bills of Mortality.  You can look at the description of a single death, a week of deaths, a year, or the cumulative totals of deaths.  How does a "big data" analysis change your understanding of life in early modern London?
+
+### Suggested citation
+
+Please use the following as a suggested citation:
+
+{{< citation >}}

bom-website/hugo_stats.json

@@ -74,18 +74,18 @@
       "appearance-none",
       "bg-amber-100",
       "bg-black",
-      "bg-blue-100",
-      "bg-blue-50",
       "bg-blue-500",
       "bg-dbn-blue",
       "bg-dbn-green",
+      "bg-dbn-red",
       "bg-gradient-to-t",
       "bg-gray-100",
       "bg-gray-200",
       "bg-gray-50",
       "bg-gray-500",
       "bg-gray-700",
       "bg-green-500",
+      "bg-opacity-20",
       "bg-opacity-40",
       "bg-opacity-50",
       "bg-opacity-90",
@@ -106,6 +106,7 @@
       "border-blue-600",
       "border-dbn-blue",
       "border-dbn-orange",
+      "border-dbn-red",
       "border-gray-100",
       "border-gray-200",
       "border-gray-300",
@@ -117,9 +118,11 @@
       "border-solid",
       "border-t",
       "border-transparent",
+      "bottom-0",
       "categories",
       "chart-container",
       "container",
+      "cursor-not-allowed",
       "cursor-pointer",
       "dark:bg-gray-700",
       "dark:bg-gray-800",
@@ -164,11 +167,13 @@
       "flourish-embed-iframe",
       "flourish-hierarchy",
       "focus:border-blue-500",
+      "focus:border-dbn-red",
       "focus:border-gray-500",
       "focus:outline-none",
       "focus:ring-2",
       "focus:ring-blue-500",
       "focus:ring-blue-700",
+      "focus:ring-dbn-red",
       "focus:ring-gray-500",
       "focus:ring-green-500",
       "focus:ring-opacity-50",
@@ -189,6 +194,7 @@
       "gap-8",
       "grid",
       "grid-cols-1",
+      "grid-cols-3",
       "group",
       "group-hover:opacity-100",
       "group-hover:scale-110",
@@ -242,6 +248,7 @@
       "leading-relaxed",
       "leading-snug",
       "leading-tight",
+      "left-0",
       "lg:flex",
       "lg:flex-grow",
       "lg:grid-cols-3",
@@ -270,6 +277,7 @@
       "loading_stack",
       "m-0.5",
       "m-3",
+      "max-h-[32rem]",
       "max-h-[70vh]",
       "max-w-2xl",
       "max-w-3xl",
@@ -319,6 +327,7 @@
       "mr-1",
       "mr-2",
       "mr-4",
+      "mt-1",
       "mt-2",
       "mt-3",
       "mt-4",
@@ -363,6 +372,7 @@
       "prose-lg",
       "prose-sm",
       "pt-2",
+      "pt-3",
       "pt-4",
       "pt-7",
       "pt-8",
@@ -392,6 +402,7 @@
       "rounded-md",
       "rounded-r-lg",
       "rounded-r-md",
+      "rounded-t-lg",
       "rounded-xl",
       "sample-citation",
       "scale-100",
@@ -431,6 +442,8 @@
       "space-x-8",
       "space-y-2",
       "space-y-3",
+      "space-y-4",
+      "space-y-6",
       "space-y-8",
       "sticky",
       "table-auto",
@@ -483,6 +496,7 @@
       "translate-x-full",
       "translate-y-0",
       "translate-y-4",
+      "translate-y-full",
       "underline",
       "uppercase",
       "via-transparent",