diff --git a/src/lib/components/CampaignCard.svelte b/src/lib/components/CampaignCard.svelte new file mode 100644 index 000000000..af6be9770 --- /dev/null +++ b/src/lib/components/CampaignCard.svelte @@ -0,0 +1,86 @@ + + + + {title} +
+

{title}

+

{description}

+
Visit Campaign
+
+
+ + diff --git a/src/lib/components/CampaignsCarousel.svelte b/src/lib/components/CampaignsCarousel.svelte new file mode 100644 index 000000000..7e4b92c60 --- /dev/null +++ b/src/lib/components/CampaignsCarousel.svelte @@ -0,0 +1,23 @@ + + +

Our current campaigns

+
+ {#each filteredCampaigns as campaign} + + {/each} +
+ + diff --git a/src/lib/components/Home.svelte b/src/lib/components/Home.svelte index 45f942097..69c93682a 100644 --- a/src/lib/components/Home.svelte +++ b/src/lib/components/Home.svelte @@ -4,6 +4,7 @@ import QuotesCarousel from '$lib/components/QuotesCarousel.svelte' import Stats from '$lib/components/Stats.svelte' import * as m from '$lib/paraglide/messages.js' + import CampaignsCarousel from '$lib/components/CampaignsCarousel.svelte' const title = 'We need to Pause AI' const description = 'We are risking human extinction. We need to pause AI development, right now.' @@ -46,6 +47,8 @@ + + diff --git a/src/routes/campaigns/meta.ts b/src/routes/campaigns/meta.ts new file mode 100644 index 000000000..efe6d3db5 --- /dev/null +++ b/src/routes/campaigns/meta.ts @@ -0,0 +1,9 @@ +import type { Post } from '$lib/types' + +export const meta: Post = { + title: 'PauseAI Campaigns', + description: 'Currently running campaigns organized by PauseAI', + date: '2025-10-27', + slug: 'campaigns', + categories: [] +} diff --git a/src/styles/styles.css b/src/styles/styles.css index dd59e821b..0297fe5dd 100644 --- a/src/styles/styles.css +++ b/src/styles/styles.css @@ -56,7 +56,7 @@ html { --text: white; --bg: black; --bg-subtle: hsl(32, 100%, 20%); - --text-subtle: hsl(32, 0%, 15%); + --text-subtle: hsl(0, 0%, 70%); --bg-secondary: hsl(0, 0%, 10%); } @@ -66,6 +66,7 @@ html { --brand: var(--brand-light); --brand-subtle: hsl(32, 100%, 35%); --text: black; + --text-subtle: hsl(0, 0%, 40%); --bg-secondary: white; }