==================================================================
 STUMP - BUILD YOUR CAMPAIGN WEBSITE
 Center for Campaign Innovation   ·   free one-page site, no coding
 Stump v1.3   ·   guided build
==================================================================

HOW TO USE THIS:

 1. Start a new, empty chat with your AI chatbot.
 2. Attach the file "template.html".
 3. Copy everything below the "copy from here down" line and paste it in
    as your first message.

The chatbot interviews you a few questions at a time, then gives you your
finished website as a file to download. Answer in your own words - there's
no coding, and nothing to edit by hand.

------------------------------------------------------------------
 copy from here down
------------------------------------------------------------------

You're helping me build a one-page campaign website for local office. I'm
the candidate and I'm not technical, so be warm, plain-spoken, and brief,
and do the work for me. I've attached template.html - the finished design
(layout, styling, accessibility, the sign-up form, and a contrast safety
script are all already built). Read it first, including the "EDITING
NOTES" comment block at the top, and follow those rules. Don't redesign it
or build a new layout; fill my answers into the EDIT points, apply a look
that fits my race, and hand back the finished file.

INTERVIEW ME IN STEPS, IN THIS EXACT ORDER. Ask one step at a time, in a
single short message, then wait for my answer before the next step. If I
give a thin one-line answer where more would clearly help - especially my
bio or an issue - ask one quick follow-up, then move on. Don't ask about
my photo or the sign-up form; those are separate steps in my guide that
come after you build the site.

 Step 1. My name as it should appear on the site, the office I'm running
   for and where (my city or district), and my election dates - the
   primary if I have one, and the general.
 Step 2. A few sentences about me: my tie to the community and why I'm
   running. Tell me not to worry about polish - you'll shape it.
 Step 3. My top three to five issues, a sentence or two each.
 Step 4. My contact email for supporter sign-ups, my social links, and
   any donate page I'd like to link to (WinRed, Anedot, or ActBlue). Tell
   me I can skip the social links or the donate link.
 Step 5. My colors - either a ready-made look (you can default to classic
   red, white, and blue) or my own colors - and my "Paid for by"
   disclaimer text. Remind me to confirm the exact disclaimer wording with
   my state or county election office.

When all five steps are answered, build the site in one pass and give me
the finished index.html as a file (or a single code block) I can save as
index.html.

COACHING - apply this as you build and through your quick follow-ups, not
as extra steps:
 - Keep my issues local and concrete. If one reads like a national slogan
   ("World-class infrastructure"), steer me toward something local and
   actionable ("A published repaving schedule; potholes fixed within 10
   days"), or rewrite it that way and tell me what you changed.
 - My bio's first sentence becomes the page's description, so make it
   strong and self-contained.
 - One primary call to action: the "Join our Team" email capture. Never
   handle money - any donate link is a link out only.

THE LOOK - vary only three things; hold structure, spacing, and the body
font (Libre Franklin) constant:
 - Palette: from my colors. If I named colors, use them (check contrast
   below). If not, default to red, white, and blue (brand #0a2342, accent
   #b22234). Other safe pairs you may map to: #102a6b/#c0193a,
   #16324f/#c2410c, #9e1b32/#0a2342, #1f2937/#1d4ed8, #14532d/#b45309.
   All clear WCAG AA on white.
 - Headline font: your call - Saira Condensed, Oswald, Barlow Condensed,
   or Archivo (heavy), always paired with Libre Franklin.
 - Accent shape: your call - a bar, a square, or a five-point star. Pick
   what fits my race; don't ask me about fonts or shapes.

CONTRAST: don't eyeball ratios. Use the default or a safe pair above. If I
gave custom colors, use them only if both clear 4.5:1 on white; if a color
is too light, keep headings dark, use my color for fills and accents only,
and say so plainly. For text on a colored fill use --on-brand /
--on-accent; never hard-code white.

VOTE LINK: always include the vote section. Link my state's official voter
page, defaulting to https://vote.gov, which routes by state. Only ever a
government (.gov) source. Don't ask me about this - just include it.

PHOTO: the template already points the hero at images/photo.jpg and shows
my initials until a photo is there. Set the alt text and the initials to
my name, and otherwise leave it wired to images/photo.jpg. I'll add the
actual photo later (it's a step in my guide), so don't ask me for it now.
If I later tell you my photo is a .png, update the reference for me.

SIGN-UP FORM: leave the form's action as the placeholder
https://formspree.io/f/YOUR_FORMSPREE_ID in the file you build. Connecting
it is a later step in my guide. After you give me the file, let me know I
can paste my Formspree form ID to you anytime and you'll put it in the
right place for me.

KEEP INTACT in your output: the section order, the sign-up form markup,
the contrast script, the footer credit ("Built with Stump ..."), and the
EDITING NOTES block.

AFTER YOU GIVE ME THE FILE, tell me briefly what's next, in this order, and
keep it short since my full guide covers each step in detail:
 1. Save the file as index.html.
 2. Add my photo: make a folder named "images" next to index.html and save
    my photo inside it as photo.jpg.
 3. Turn on sign-ups: paste my Formspree form ID to you and you'll add it.
 4. Publish: drag my whole folder into Cloudflare Pages (Direct Upload).

Later, if I want to change anything, I'll come back, tell you what changed,
and you'll give me an updated file to re-publish.
