Commit 1491b48
$45 pricing + simplified Stripe checkout Worker (#11)
* Rewrite README to reflect the PlotFlow brand
Lead with what PlotFlow is (pen-plotter art house, one-continuous-line
mobile suit editions) and the process, while keeping the local-run,
deploy, and structure notes.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Crop plots to bounding box for consistent sizing
Compute each suit's bounding box at runtime (getBBox) and crop the
viewBox to a padded version, so every edition fills its card and the
live-plot stage at a consistent scale instead of being letterboxed in
the original canvas. Fix the paper bed to a single 4:3 shape so the
canvas is consistent across designs, and reset the animation clock on
load so the live plot always starts from a blank sheet.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Fix live plot blank-start flash and rename to PLOTFLOW
Hide the path before swapping suit data so the old dash values don't
flash the full path for a frame. Rename "PLOTFLOW ART HOUSE" to
"PLOTFLOW" in all footer copyright lines.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Fix live plot revealing whole path at once
The animated hero path used vector-effect:non-scaling-stroke, which
measures stroke-dasharray in screen pixels while getTotalLength returns
user units. The mismatch made the full path render as one solid dash
(visible immediately) with the trace drawing over it. Drop
non-scaling-stroke from the animated path and set its width in user
units per-load so it stays ~1.2px. Static shop-card paths are unchanged.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Remove "art house" from brand copy
Replace "art house" with "studio" in the hero sub, contact page, README,
and design system doc; drop "ART HOUSE" from the README copyright line.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Plot live drawing on a canvas instead of dash-offset
The suit paths contain thousands of M-command subpaths, which the CSS
stroke-dashoffset reveal renders all at once — so the whole design
appeared instantly instead of being traced. Replace the dash technique
with progressive canvas stroking: walk the geometry with
getPointAtLength, lifting the pen at subpath jumps, so ink only appears
where the pen has passed. The SVG path is kept for geometry only
(stroke:none) and the pen reticle stays on top.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Replace 'avant-garde' with 'independent' in brand copy
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Add multi-item cart with Stripe checkout + mobile hero layout
Cart: client-side cart (localStorage) with a slide-out drawer, nav
count badge, and per-edition Acquire buttons. Checkout posts edition
keys+quantities to a Cloudflare Worker that resolves prices server-side
and creates a Stripe Checkout Session (prices never trusted from the
client). Adds success.html, scripts/config.js (public endpoint config),
and worker/ (Worker + wrangler.toml + setup README). Secrets stay out of
the repo via wrangler secrets.
Mobile: taller portrait plot bed and a reordered hero stack
(plot › progress › controls › lockup) so controls no longer overlap.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Multi-item cart + Stripe checkout, mobile hero layout, copy tweak
- Cart: localStorage cart, slide-out drawer, nav badge, per-edition
Acquire buttons; checkout posts keys+qty to a Cloudflare Worker that
resolves prices server-side and creates a Stripe Checkout Session.
Adds success.html, scripts/config.js, scripts/cart.js, and worker/.
- Mobile: taller portrait plot bed and reordered hero stack so the
controls no longer overlap.
- Copy: 'avant-garde' -> 'independent'.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Site polish: SEO/OG meta, favicon, 404, sitemap, footer link wiring
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Fix emoji play button on mobile by adding text variation selector
Appends U+FE0E after ▶ and ▸ characters so mobile Safari renders
them as text glyphs instead of colored emoji.
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Force text rendering on play buttons + show all 8 editions in shop
- Add font-family:var(--sans) to .plotbtn and .replay span CSS to
prevent iOS emoji rendering of the ▶ character
- Add gm and guntank to shopOrder so all editions appear in the grid
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Add Google Analytics (G-1HJ4VQ4K1B) to all pages
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
* Set price to $45 + simplify checkout Worker to server-side price_data
- Bump all editions to $45 (display + build source)
- Worker now defines name/price per edition via Stripe price_data
(CATALOG), removing the need to create Stripe Products/Price IDs
- Add flat $9 shipping fee (SHIPPING config; set to 0 for free)
- Rewrite worker README for the simplified setup flow
https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
---------
Co-authored-by: Claude <noreply@anthropic.com>1 parent 7826360 commit 1491b48
4 files changed
Lines changed: 87 additions & 70 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
14 | 14 | | |
15 | 15 | | |
16 | 16 | | |
17 | | - | |
18 | | - | |
19 | | - | |
20 | | - | |
21 | | - | |
22 | | - | |
23 | | - | |
24 | | - | |
| 17 | + | |
| 18 | + | |
| 19 | + | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
| 23 | + | |
| 24 | + | |
25 | 25 | | |
26 | 26 | | |
27 | 27 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
2 | 2 | | |
3 | 3 | | |
4 | 4 | | |
5 | | - | |
| 5 | + | |
6 | 6 | | |
7 | 7 | | |
8 | 8 | | |
9 | 9 | | |
10 | 10 | | |
11 | 11 | | |
12 | 12 | | |
13 | | - | |
| 13 | + | |
| 14 | + | |
| 15 | + | |
| 16 | + | |
14 | 17 | | |
15 | | - | |
16 | | - | |
17 | | - | |
| 18 | + | |
18 | 19 | | |
19 | | - | |
20 | | - | |
21 | | - | |
22 | | - | |
| 20 | + | |
| 21 | + | |
| 22 | + | |
23 | 23 | | |
24 | | - | |
| 24 | + | |
25 | 25 | | |
26 | 26 | | |
27 | | - | |
| 27 | + | |
28 | 28 | | |
| 29 | + | |
29 | 30 | | |
30 | | - | |
| 31 | + | |
31 | 32 | | |
32 | 33 | | |
33 | 34 | | |
34 | 35 | | |
35 | 36 | | |
36 | | - | |
| 37 | + | |
37 | 38 | | |
38 | 39 | | |
39 | 40 | | |
40 | 41 | | |
41 | 42 | | |
42 | | - | |
| 43 | + | |
43 | 44 | | |
| 45 | + | |
44 | 46 | | |
45 | 47 | | |
46 | 48 | | |
47 | | - | |
| 49 | + | |
| 50 | + | |
48 | 51 | | |
49 | 52 | | |
50 | | - | |
51 | | - | |
52 | | - | |
53 | | - | |
54 | | - | |
55 | | - | |
56 | | - | |
57 | | - | |
58 | | - | |
59 | | - | |
60 | | - | |
| 53 | + | |
| 54 | + | |
| 55 | + | |
| 56 | + | |
| 57 | + | |
| 58 | + | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
1 | 1 | | |
2 | 2 | | |
3 | | - | |
4 | | - | |
5 | | - | |
| 3 | + | |
| 4 | + | |
6 | 5 | | |
7 | | - | |
8 | | - | |
| 6 | + | |
| 7 | + | |
| 8 | + | |
| 9 | + | |
| 10 | + | |
| 11 | + | |
| 12 | + | |
9 | 13 | | |
10 | 14 | | |
11 | 15 | | |
| |||
16 | 20 | | |
17 | 21 | | |
18 | 22 | | |
19 | | - | |
20 | | - | |
21 | | - | |
22 | | - | |
23 | | - | |
24 | | - | |
25 | | - | |
26 | | - | |
27 | | - | |
28 | | - | |
29 | | - | |
| 23 | + | |
| 24 | + | |
| 25 | + | |
| 26 | + | |
| 27 | + | |
| 28 | + | |
| 29 | + | |
| 30 | + | |
| 31 | + | |
| 32 | + | |
| 33 | + | |
| 34 | + | |
30 | 35 | | |
31 | 36 | | |
| 37 | + | |
| 38 | + | |
| 39 | + | |
32 | 40 | | |
33 | 41 | | |
34 | 42 | | |
| |||
48 | 56 | | |
49 | 57 | | |
50 | 58 | | |
51 | | - | |
| 59 | + | |
| 60 | + | |
| 61 | + | |
| 62 | + | |
52 | 63 | | |
53 | | - | |
| 64 | + | |
54 | 65 | | |
55 | | - | |
56 | | - | |
57 | | - | |
| 66 | + | |
| 67 | + | |
| 68 | + | |
| 69 | + | |
| 70 | + | |
| 71 | + | |
| 72 | + | |
58 | 73 | | |
59 | | - | |
| 74 | + | |
60 | 75 | | |
61 | | - | |
62 | | - | |
63 | | - | |
64 | | - | |
65 | | - | |
66 | | - | |
67 | 76 | | |
68 | 77 | | |
69 | 78 | | |
70 | 79 | | |
71 | 80 | | |
72 | 81 | | |
| 82 | + | |
| 83 | + | |
| 84 | + | |
| 85 | + | |
| 86 | + | |
| 87 | + | |
| 88 | + | |
73 | 89 | | |
74 | 90 | | |
75 | 91 | | |
| |||
0 commit comments