task/1.13
1{{template "base" .}}
2
3{{define "main"}}
4<div class="submit-page">
5 <div class="submit-header">
6 <h1>Schedule Your Purchase Reminder</h1>
7 <p>Add friction to your buying process. Give yourself time to think it over.</p>
8 </div>
9
10 <div class="submit-form-container">
11 <form action="/submit" method="POST" class="submit-form">
12 <div class="form-group">
13 <label for="email">Your Email Address</label>
14 <input type="email" id="email" name="email" required placeholder="you@example.com">
15 <small>We'll send your reminder to this address. No spam, ever.</small>
16 </div>
17
18 <div class="form-group">
19 <label for="url">Product URL</label>
20 <input type="url" id="url" name="url" required placeholder="https://example.com/product">
21 <small>Paste the link to the item you're considering buying</small>
22 </div>
23
24 <div class="form-group">
25 <label for="delay">Remind me in:</label>
26 <select id="delay" name="delay">
27 <option value="3days">3 days</option>
28 <option value="1week">1 week</option>
29 <option value="2weeks" selected>2 weeks</option>
30 <option value="1month">1 month</option>
31 </select>
32 <small>How long do you want to wait before being reminded?</small>
33 </div>
34
35 <button type="submit" class="submit-button">Schedule My Reminder</button>
36 </form>
37
38 <div class="submit-info">
39 <h3>What happens next?</h3>
40 <ol>
41 <li>You'll receive a confirmation email with a magic link</li>
42 <li>Click the link to activate your reminder</li>
43 <li>We'll email you when it's time to reconsider the purchase</li>
44 <li>Decide then whether you still want or need the item</li>
45 </ol>
46 </div>
47 </div>
48</div>
49
50{{end}}