Skip to content

update landing page #101

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
LauraLangdon merged 2 commits into from
Jun 4, 2026
Merged

update landing page #101

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9920a14
update landing page
LauraLangdon Jun 4, 2026
37535a7
add back icons in cards
LauraLangdon Jun 4, 2026
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
49 changes: 24 additions & 25 deletions src/content/docs/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,35 +1,34 @@
---
title: Distribute Aid Docs
description: Documentation for Distribute Aid's projects, tools, and processes.
template: splash
hero:
tagline: Documentation for Distribute Aid's projects, tools, and processes.
actions:
- text: Get Started
link: /how-to-da/contributing
icon: right-arrow
- text: GitHub
link: https://github.com/distributeaid
icon: external
variant: minimal
template: doc
---

import { Card, CardGrid } from '@astrojs/starlight/components';
import { Card, CardGrid, LinkButton } from '@astrojs/starlight/components';

Documentation for Distribute Aid's projects, tools, and processes.

## Projects

<CardGrid>
<Card title="Needs Assessment" icon="document">
Data collection and analysis for understanding aid distribution needs across
regions.
</Card>
<Card title="Website" icon="laptop">
The next generation of the Distribute Aid public website.
</Card>
<Card title="Aggregated Public Information" icon="information">
Collecting and organizing publicly available aid-related data.
</Card>
<Card title="Getting Started" icon="rocket">
New to Distribute Aid? Start here to learn how to contribute.
</Card>
<Card title="Needs Assessment" icon="document">
Data collection and analysis for understanding aid distribution needs across regions.

<LinkButton href="/needs-assessment/" variant="secondary" icon="right-arrow">Needs Assessment docs</LinkButton>
</Card>
<Card title="Website" icon="laptop">
The next generation of the Distribute Aid public website.

<LinkButton href="/website/" variant="secondary" icon="right-arrow">Website docs</LinkButton>
</Card>
<Card title="Aggregated Public Information" icon="information">
Collecting and organizing publicly available aid-related data.

<LinkButton href="/aggregated-public-information/" variant="secondary" icon="right-arrow">API docs</LinkButton>
</Card>
<Card title="Getting Started" icon="rocket">
New to Distribute Aid? Start here to learn how to contribute.

<LinkButton href="/how-to-da/contributing/" variant="secondary" icon="right-arrow">Get started</LinkButton>
</Card>
</CardGrid>
20 changes: 20 additions & 0 deletions src/styles/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,3 +12,23 @@
--sl-hue-accent: 222;
--sl-hue-blue: 222;
}

/* Card CTA buttons: bottom-aligned across a row, with a guaranteed gap
above so the button never crowds the description in denser cards. */
.sl-markdown-content .card {
display: flex;
flex-direction: column;
padding-bottom: 1.2rem;
}
.sl-markdown-content .card .body {
display: flex;
flex-direction: column;
flex-grow: 1;
}
.sl-markdown-content .card .body > p {
margin-bottom: 1.5rem;
}
.sl-markdown-content .card .sl-link-button {
margin-top: auto;
align-self: flex-start;
}
Loading