Live: https://thank-you-for-trying.val.run
Same idea as the valentine page (growing "Yes" button, a "No" button that keeps begging), but the question is "can I thank you?" — and once they say yes, a surprise 🎁 gift button shows up a couple seconds later and sends them wherever you want.
Rendering mermaid diagram...
Everything you'd want to edit is at the top of frontend/app.tsx:
| what | does what |
|---|---|
GIFT_URL | set this — where the gift button sends them (playlist, photo album, wishlist, doc, another val...) |
GIFT_BUTTON_TEXT | text on the gift button |
QUESTION / SUBTITLE | the first screen |
NO_PHRASES | what the "No" button says as they keep clicking |
THANK_YOU_TITLE / THANK_YOU_LINES | the actual thank you — make this yours |
TEASE | the little "wait..." line before the gift |
ASK_GIF / YAY_GIF | the two gifs |
GIFT_DELAY | how long the suspense lasts, in ms |
Colors and layout live further down the same file. index.html has the
background color and the button animations.
Until you set GIFT_URL, the gift button just reminds you to fill it in.