From d3c04887b9b5269035a89a600bc5d1dfb6715e83 Mon Sep 17 00:00:00 2001
From: 3innielee <3innielee@gmail.com>
Date: Mon, 26 Oct 2026 16:48:30 -0700
Subject: [PATCH] content: integrate final resources content

---
 src/pages/resources.astro | 95 +++++++++++++++------------------------
 src/styles/global.css     | 29 ++++++------
 2 files changed, 51 insertions(+), 73 deletions(-)

diff --git a/src/pages/resources.astro b/src/pages/resources.astro
index 19bf71f..28a9482 100644
--- a/src/pages/resources.astro
+++ b/src/pages/resources.astro
@@ -4,70 +4,47 @@ import PageHeader from "../components/PageHeader.astro";
 
 const resourceCategories = [
 	{
-		title: "Mandarin Learning",
+		title: "School & District Resources",
 		resources: [
 			{
-				title: "Mandarin Learning Resource",
+				title: "BUSD Volunteer Information",
 				description:
-					"Placeholder description for a Mandarin learning resource.",
-				href: "#",
+					"Information and requirements for volunteering at schools in the Berryessa Union School District.",
+				href: "https://sites.google.com/busd.net/busdvolunteer/home",
 			},
 			{
-				title: "Mandarin Practice Resource",
+				title: "Ruskin PTA",
 				description:
-					"Placeholder description for a resource that supports Mandarin practice.",
-				href: "#",
+					"Visit the Ruskin PTA website for information about parent involvement, school activities, and community events.",
+				href: "https://sites.google.com/ruskinpta.org/ruskinpta/home",
 			},
-		],
-	},
-	{
-		title: "Family Resources",
-		resources: [
 			{
-				title: "Family Resource",
+				title: "Sierramont PTSA",
 				description:
-					"Placeholder description for a resource useful to BMDIB families.",
-				href: "#",
-			},
-			{
-				title: "Parent Resource",
-				description:
-					"Placeholder description for a resource for parents and caregivers.",
-				href: "#",
+					"Visit the Sierramont PTSA website for information about parent involvement, school activities, and community events.",
+				href: "https://sites.google.com/view/smsptsa/home",
 			},
 		],
 	},
 	{
-		title: "School & District Information",
+		title: "BMDIB Resources",
 		resources: [
 			{
-				title: "School Information",
+				title: "Volunteer Reimbursement Form",
 				description:
-					"Placeholder description for school-related information.",
-				href: "#",
-			},
-			{
-				title: "District Information",
-				description:
-					"Placeholder description for district-related information.",
-				href: "#",
+					"Use this form to request reimbursement for preapproved BMDIB volunteer expenses. Only preapproved expenses are eligible for reimbursement.",
+				href: "https://docs.google.com/document/d/1fxix9lCU33gePAxdKC0iZbul2V9Oy6WEf0v0C5R4eOI/edit?usp=sharing",
 			},
 		],
 	},
 	{
-		title: "Community Resources",
+		title: "Mandarin Education & Community",
 		resources: [
 			{
-				title: "Community Resource",
+				title: "Association of Northern California Chinese Schools (ANCCS)",
 				description:
-					"Placeholder description for a community resource.",
-				href: "#",
-			},
-			{
-				title: "Local Resource",
-				description:
-					"Placeholder description for a local resource.",
-				href: "#",
+					"Learn more about ANCCS, which organizes educational activities and competitions for Chinese language learners in Northern California.",
+				href: "https://www.anccs.org/",
 			},
 		],
 	},
@@ -76,12 +53,12 @@ const resourceCategories = [
 
 <BaseLayout
 	title="Resources | Mandarin Boosters"
-	description="Resources for BMDIB families, students, educators, and the community."
+	description="Helpful resources for BMDIB families, volunteers, students, and the Mandarin Dual Immersion community."
 >
 	<PageHeader
-		eyebrow="Resources"
+		eyebrow="Helpful Information"
 		title="Resources"
-		description="Placeholder introduction to resources for BMDIB families, students, educators, and the broader community."
+		description="Explore useful links for families, volunteers, and our Mandarin Dual Immersion community."
 	/>
 
 	<section class="resources-content">
@@ -94,21 +71,19 @@ const resourceCategories = [
 								<h2>{category.title}</h2>
 
 								<ul class="resource-list">
-									{
-										category.resources.map((resource) => (
-											<li>
-												<a
-													href={resource.href}
-													target="_blank"
-													rel="noopener noreferrer"
-												>
-													{resource.title}
-												</a>
+									{category.resources.map((resource) => (
+										<li>
+											<a
+												href={resource.href}
+												target="_blank"
+												rel="noopener noreferrer"
+											>
+												{resource.title}
+											</a>
 
-												<p>{resource.description}</p>
-											</li>
-										))
-									}
+											<p>{resource.description}</p>
+										</li>
+									))}
 								</ul>
 							</section>
 						))
@@ -117,4 +92,6 @@ const resourceCategories = [
 			</div>
 		</div>
 	</section>
-</BaseLayout>
\ No newline at end of file
+</BaseLayout>
+
+
diff --git a/src/styles/global.css b/src/styles/global.css
index 7f5e407..c0f4519 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -576,12 +576,12 @@ h6 {
  */
 
 .resources-content {
-	padding: 4rem 0 5rem;
 	background-color: var(--color-surface);
+	padding: 4rem 0;
 }
 
 .resource-category {
-	margin-bottom: 3.5rem;
+	margin-bottom: 3rem;
 }
 
 .resource-category:last-child {
@@ -589,18 +589,17 @@ h6 {
 }
 
 .resource-category h2 {
-	margin-bottom: 1.25rem;
-	color: var(--color-primary-dark);
+	margin-bottom: 1.5rem;
 }
 
 .resource-list {
+	list-style: none;
+	padding: 0;
 	margin: 0;
-	padding-left: 1.25rem;
 }
 
 .resource-list li {
-	margin-bottom: 1.25rem;
-	padding-left: 0.25rem;
+	margin-bottom: 1.75rem;
 }
 
 .resource-list li:last-child {
@@ -608,16 +607,18 @@ h6 {
 }
 
 .resource-list a {
-	color: var(--color-primary);
 	font-weight: 600;
+	text-decoration: underline;
+	text-underline-offset: 3px;
 }
 
-.resource-list a:hover,
-.resource-list a:focus {
-	color: var(--color-primary-dark);
+.resource-list p {
+	margin: 0.4rem 0 0;
+	line-height: 1.7;
 }
 
-.resource-list p {
-	margin: 0.25rem 0 0;
-	color: var(--color-text-muted);
+@media (max-width: 767px) {
+	.resources-content {
+		padding: 3rem 0;
+	}
 }
\ No newline at end of file