dunkirk.sh
the best notes app for me
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>enɳoté - Quick Note Capture</title>
7 <link rel="stylesheet" href="styles.css">
8 <script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.3/build/qrcode.min.js"></script>
9</head>
10<body>
11 <div class="container">
12 <header>
13 <h1>enɳoté</h1>
14 <p class="tagline">Prepare notes on desktop, execute on phone</p>
15 </header>
16
17 <main>
18 <div id="input-section" class="section">
19 <label for="notes-input">Enter your notes (one per line)</label>
20 <textarea
21 id="notes-input"
22 placeholder="Review PR for auth flow Update dependencies Write tests for sync Deploy to staging"
23 rows="10"
24 ></textarea>
25
26 <div class="note-count">
27 <span id="count">0</span> notes
28 </div>
29
30 <button id="create-stack" class="primary-button">
31 Create Stack
32 </button>
33 </div>
34
35 <div id="qr-section" class="section hidden">
36 <div class="qr-container">
37 <canvas id="qr-canvas"></canvas>
38 </div>
39
40 <div class="timer-container">
41 <div class="timer-bar">
42 <div id="timer-progress" class="timer-progress"></div>
43 </div>
44 <p class="timer-text">Expires in <span id="countdown">5:00</span></p>
45 </div>
46
47 <p class="instruction">Scan with your iPhone to import notes</p>
48
49 <button id="new-stack" class="secondary-button">
50 Create New Stack
51 </button>
52 </div>
53 </main>
54
55 <footer>
56 <p>No account required. Notes expire in 5 minutes.</p>
57 </footer>
58 </div>
59
60 <script src="app.js"></script>
61</body>
62</html>