From 764302af6092d40ea0984e6470c4d3d9743676da Mon Sep 17 00:00:00 2001
From: Anthony Bailey <mail@anthonybailey.net>
Date: Tue, 2 Dec 2025 10:35:18 +0000
Subject: [PATCH] Embed DonorBox form on /littlehelpers page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace temporary redirect with embedded donation form:
- Add DonorBoxEmbed.svelte component with locale support
- Add littlehelpers.md with campaign content matching DonorBox page
- Remove /littlehelpers redirect from redirects.ts

Phase 1 of Little Helpers campaign integration (issue #5).

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/lib/components/DonorBoxEmbed.svelte | 51 +++++++++++++++++++++++++
 src/lib/redirects.ts                    |  4 +-
 src/posts/littlehelpers.md              | 22 +++++++++++
 3 files changed, 74 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/components/DonorBoxEmbed.svelte
 create mode 100644 src/posts/littlehelpers.md

diff --git a/src/lib/components/DonorBoxEmbed.svelte b/src/lib/components/DonorBoxEmbed.svelte
new file mode 100644
index 000000000..5a64807b0
--- /dev/null
+++ b/src/lib/components/DonorBoxEmbed.svelte
@@ -0,0 +1,51 @@
+<script lang="ts">
+	import { onMount } from 'svelte'
+	import { getLocale } from '$lib/paraglide/runtime'
+
+	/** DonorBox campaign slug (required) */
+	export let campaignSlug: string
+
+	/** iframe height in pixels */
+	export let height = 685
+
+	/** Whether to enable PayPal Express in the widget */
+	export let paypalExpress = true
+
+	const locale = getLocale()
+	$: embedSrc = `https://donorbox.org/embed/${campaignSlug}?hide_donation_meter=true&language=${locale}`
+
+	onMount(() => {
+		const script = document.createElement('script')
+		script.src = 'https://donorbox.org/widget.js'
+		if (paypalExpress) {
+			script.setAttribute('paypalExpress', 'true')
+		}
+		document.body.appendChild(script)
+
+		return () => {
+			document.body.removeChild(script)
+		}
+	})
+</script>
+
+<div class="donorbox-container">
+	<iframe
+		src={embedSrc}
+		height="{height}px"
+		width="100%"
+		style="max-width: 500px; min-width: 310px;"
+		seamless
+		name="donorbox"
+		frameborder="0"
+		scrolling="no"
+		title="Donation form"
+	></iframe>
+</div>
+
+<style>
+	.donorbox-container {
+		display: flex;
+		justify-content: center;
+		margin: 2rem 0;
+	}
+</style>
diff --git a/src/lib/redirects.ts b/src/lib/redirects.ts
index 69bf9947f..dea115a01 100644
--- a/src/lib/redirects.ts
+++ b/src/lib/redirects.ts
@@ -9,9 +9,7 @@ const REDIRECTS: Record<string, string> = {
 }
 
 /** Temporary redirects (302) - for time-limited campaigns, A/B tests, etc. */
-const TEMPORARY_REDIRECTS: Record<string, string> = {
-	'/littlehelpers': 'https://donorbox.org/pauseai-s-little-helpers'
-}
+const TEMPORARY_REDIRECTS: Record<string, string> = {}
 
 export function handleRedirects(path: string) {
 	const permanent = REDIRECTS[path]
diff --git a/src/posts/littlehelpers.md b/src/posts/littlehelpers.md
new file mode 100644
index 000000000..9430f3178
--- /dev/null
+++ b/src/posts/littlehelpers.md
@@ -0,0 +1,22 @@
+---
+title: Little Helpers Campaign
+description: Help fund volunteer stipends for PauseAI advocates working to address AI safety concerns.
+---
+
+<script>
+	import DonorBoxEmbed from '$lib/components/DonorBoxEmbed.svelte'
+</script>
+
+Volunteers like Maxime, Raluca, and Mark are the heartbeat of PauseAI—from organizing protests in Paris to building chapters across four continents. This December, we're showcasing their work in daily videos.
+
+A €175/month stipend transforms a volunteer who can squeeze in a few hours on weekends into someone who can dedicate real time to this work. It's the difference between sending a few emails and leading a chapter, between attending one meeting and coordinating with policymakers.
+
+We're raising €21,000 to fund stipends for at least ten volunteers throughout 2026. Any funds beyond this goal will support volunteer microgrants.
+
+**Generous donors have pledged to match contributions through Christmas.**
+
+Help us grow this movement. Give the gift of dedicated advocacy this holiday season—become a Little Helper yourself.
+
+<DonorBoxEmbed campaignSlug="pauseai-s-little-helpers" />
+
+**Planning a larger contribution?** For donations of €1,000 or more, please [contact us](mailto:ella@pauseai.info) about IBAN transfers to minimize fees.