Skip to content

Repository navigation

content: integrate final resources content #53

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
3innielee merged 1 commit into from
Oct 26, 2026
Merged

content: integrate final resources content #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
95 changes: 36 additions & 59 deletions src/pages/resources.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/",
},
],
},
Expand All @@ -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">
Expand All @@ -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>
))
Expand All @@ -117,4 +92,6 @@ const resourceCategories = [
</div>
</div>
</section>
</BaseLayout>
</BaseLayout>


29 changes: 15 additions & 14 deletions src/styles/global.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -576,48 +576,49 @@ 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 {
margin-bottom: 0;
}

.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 {
margin-bottom: 0;
}

.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;
}
}
Loading