Skip to content

Commit 802707a

Browse files
claudeclaude
committed
Add newsletter / drop-list signup
- On-brand "Join the drop list" section on the homepage with email form - newsletter.js posts to a provider via hidden iframe (no CORS, inline confirmation); shows a friendly notice until an endpoint is configured - config.js gains newsletterEndpoint + newsletterField (Kit/Buttondown/ Mailchimp ready) - Footer "Newsletter" links across all pages point to the signup section instead of a mailto https://claude.ai/code/session_01VhWRYXbuqapZ9YkvksroaS
1 parent 4a820b0 commit 802707a

14 files changed

Lines changed: 116 additions & 12 deletions

‎404.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ <h3>The pen lifted</h3>
6565
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
6666
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
6767
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
68-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
68+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
6969
</div>
7070
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
7171
</div>

‎about.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ <h1>About<span class="star">*</span></h1>
7878
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
7979
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
8080
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
81-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
81+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
8282
</div>
8383
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
8484
</div>

‎commissions.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ <h3>Get Started</h3>
8686
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
8787
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
8888
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
89-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
89+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
9090
</div>
9191
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
9292
</div>

‎contact.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ <h3>Studio</h3>
8383
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
8484
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
8585
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
86-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
86+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
8787
</div>
8888
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
8989
</div>

‎faq.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ <h3>Can I return a piece?</h3>
110110
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
111111
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
112112
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
113-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
113+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
114114
</div>
115115
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
116116
</div>

‎index.html‎

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,6 +124,25 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
124124
</div>
125125
</section>
126126

127+
<!-- NEWSLETTER / DROP LIST -->
128+
<section class="news" id="newsletter">
129+
<div class="grain"></div>
130+
<div class="wrap news-in">
131+
<div class="news-copy">
132+
<h2>Join the drop list<span class="star">*</span></h2>
133+
<div class="jp">入荷通知</div>
134+
<p>Editions are limited to 25 and sell out. Get an email the moment a new suit drops or a sold-out edition is back. No spam, just drops.</p>
135+
</div>
136+
<form class="news-form" id="newsForm" novalidate>
137+
<div class="news-row">
138+
<input type="email" id="newsEmail" placeholder="you@example.com" autocomplete="email" required aria-label="Email address">
139+
<button type="submit">Notify me</button>
140+
</div>
141+
<p class="news-msg tiny" id="newsMsg" role="status"></p>
142+
</form>
143+
</div>
144+
</section>
145+
127146
<footer>
128147
<div class="grain"></div>
129148
<div class="wrap">
@@ -132,7 +151,7 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
132151
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="commissions.html">Commissions</a></div>
133152
<div class="fc"><h5>Studio*</h5><a href="#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
134153
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
135-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
154+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
136155
</div>
137156
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
138157
</div>
@@ -143,6 +162,7 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
143162
<script src="scripts/config.js"></script>
144163
<script src="scripts/shop.js"></script>
145164
<script src="scripts/plotter.js"></script>
165+
<script src="scripts/newsletter.js"></script>
146166
<script src="scripts/cart.js"></script>
147167
</body>
148168
</html>

‎preview.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -283,7 +283,7 @@ <h2>The Work<span class="star">*</span></h2><span class="jp">作品</span>
283283
<div class="fc"><h5>Shop*</h5><a href="#shop">All editions</a><a href="#">Mobile suits</a><a href="#">Commissions</a></div>
284284
<div class="fc"><h5>Studio*</h5><a href="#process">Process</a><a href="#">About</a><a href="#">Contact</a></div>
285285
<div class="fc"><h5>Info*</h5><a href="#">Shipping</a><a href="#">Returns</a><a href="#">FAQ</a></div>
286-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
286+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
287287
</div>
288288
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
289289
</div>

‎product.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,7 +110,7 @@ <h3>Shipping &amp; returns</h3>
110110
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
111111
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
112112
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
113-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
113+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
114114
</div>
115115
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
116116
</div>

‎returns.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ <h3>Cancellations</h3>
7676
<div class="fc"><h5>Shop*</h5><a href="/#shop">All editions</a><a href="commissions.html">Commissions</a></div>
7777
<div class="fc"><h5>Studio*</h5><a href="/#process">Process</a><a href="about.html">About</a><a href="contact.html">Contact</a></div>
7878
<div class="fc"><h5>Info*</h5><a href="shipping.html">Shipping</a><a href="returns.html">Returns</a><a href="faq.html">FAQ</a></div>
79-
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="mailto:hello@plotflow.io?subject=Newsletter">Newsletter</a><span class="est">est. 2026</span></div>
79+
<div class="fc"><h5>マシンドロー</h5><a href="https://instagram.com/plotflow" target="_blank" rel="noopener">@plotflow</a><a href="/#newsletter">Newsletter</a><span class="est">est. 2026</span></div>
8080
</div>
8181
<div class="foot-bot tiny"><span>© 2026 PLOTFLOW* · PLOTTED IN THE U.S.A.</span><span>マシンドロー · DRAWN BY MACHINE</span></div>
8282
</div>

‎scripts/config.js‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,5 +5,13 @@
55
============================================================ */
66
window.PLOTFLOW_CONFIG = {
77
checkoutEndpoint: "https://plotflow-checkout.plotflow-io.workers.dev",
8-
currency: "$"
8+
currency: "$",
9+
10+
// Newsletter / drop-list signup. Paste your email provider's form-POST URL
11+
// here to switch the signup form on (until then it shows a friendly notice).
12+
// • Kit (ConvertKit): https://app.kit.com/forms/XXXXXX/subscriptions field: email_address
13+
// • Buttondown: https://buttondown.com/api/emails/embed-subscribe/USERNAME field: email
14+
// • Mailchimp: the form action URL from the embed code field: EMAIL
15+
newsletterEndpoint: "",
16+
newsletterField: "email_address"
917
};

0 commit comments

Comments
 (0)