- Cream (#F6F1E8) panel with slide-in/fade animation (no dark header bar)
- Eyebrow + Merriweather 900 title + subtitle header with circular close btn
- Running total dark green chip bar (updates live with mode/amount/Gift Aid)
- Full-label mode toggle: 'One-off donation' / 'Monthly donation', black active
- 2x2 amount chips with large Merriweather amount + impact text, black when selected
- 'Or another amount' inline row (£ prefix + right-aligned number input)
- Gift Aid block: custom visual checkbox, expandable name/address fields
- Pay step: Apple Pay / Google Pay / PayPal express buttons (→ JustGiving),
'Or pay with card' divider, full card form (email, card, expiry/CVC,
name, country/postcode), Direct Debit note (monthly only), lock-icon
Donate button, trust row (Stripe / cancel anytime / Charity SC007357)
- Done step: green checkmark, 'Thank you...' heading, gift summary, close
- Hero button: green pill uppercase 'DONATE →' (matching DonateButton)
- Yellow bar button: black pill uppercase 'DONATE NOW →'
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add vanilla JS donate modal with one-off/monthly toggle, amount chips,
custom input, impact text, Gift Aid checkbox, and JustGiving redirect
- Replace hero and yellow CTA bar JustGiving image links with styled
Donate buttons (heart icon) that open the modal
- Modal closes on overlay click or Escape key
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Rewrite volunteer-application.astro: 5-step multi-step form with
progress pills, choice cards, per-step validation, review step,
and fetch-based submission; matches new site design system
- Rewrite participant-application.astro: 5-step multi-step form
(Participant, Health & support, Activities, Consent, Review);
retains all original field names; 27 support question checkboxes
as interactive cards; callout box; guardian section on step 1
- Add volunteer-reference.astro: new non-public 5-step reference form
(noindex/nofollow); steps: The applicant, Your details, Relationship,
Assessment, Declaration; posts to /api/volunteer-reference
- Add functions/api/volunteer-reference.ts: Cloudflare Pages Function
mirroring volunteer-application pattern with Turnstile + Resend
- Add Ffordes sponsor logo to homepage; replace placeholder sponsor
boxes with full corporate sponsorship section (£750/annum) with
four benefit cards and CTAs
- Move ffordes_logo.png to public/sponsors/
- Remove all references to 'carriage driving' and 'free sessions'
across about.astro, index.astro, privacy.astro, support-us.astro,
and participant-application.astro
- facebook.astro: styled mock-post feed with like toggle, page header
card, sidebar, and embed note banner
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Matches the same rgba(0,0,0,0.48) backdrop-filter treatment applied
to the Support Us cards for consistent text readability.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Both absolutely-positioned elements were overlapping on viewports
≤767px. Extended hide breakpoint from 640px to 767px for the scroll
indicator and applied same breakpoint to the donate button. The
JustGiving button remains accessible via the intro strip below.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
