-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
228 lines (218 loc) · 7.76 KB
/
Copy pathindex.html
File metadata and controls
228 lines (218 loc) · 7.76 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>QuickNote — Notes, always one slide away</title>
<meta
name="description"
content="QuickNote is a fast, private, offline note overlay for Windows. Slides in from the edge of your screen — with reminders, links, and bilingual writing."
/>
<link rel="icon" href="logo.png" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=DM+Mono:wght@400;500&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- animated aurora background -->
<div class="aurora" aria-hidden="true">
<span class="blob b1"></span>
<span class="blob b2"></span>
<span class="blob b3"></span>
<div class="grid-overlay"></div>
</div>
<!-- NAV -->
<header class="nav">
<a class="brand" href="#top">
<img src="logo.png" alt="" class="brand-logo" />
<span>Quick<em>Note</em></span>
</a>
<nav class="nav-links">
<a href="#features">Features</a>
<a href="#preview">Preview</a>
<a href="#faq">FAQ</a>
<a class="nav-cta" href="#download">Download</a>
</nav>
</header>
<!-- HERO -->
<main id="top" class="hero">
<div class="badge reveal">
<span class="dot"></span> 100% offline · private · free
</div>
<h1 class="reveal">
Your notes,<br />
<span class="grad">always one slide away.</span>
</h1>
<p class="sub reveal">
QuickNote is a sleek note overlay for Windows that glides in from the
edge of your screen. Reminders, smart links, dark & cream themes,
and bilingual writing — all stored locally on your machine.
</p>
<!-- the two prominent buttons, dead center -->
<div class="cta reveal">
<a class="btn btn-download" href="https://github.com/pawdiii/Quicknote/releases/download/v1.0.0/QuickNote.Setup.1.0.0.rar" id="downloadBtn">
<svg viewBox="0 0 24 24" class="ico" aria-hidden="true">
<path
d="M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span>Download for Windows</span>
<small>Free · .exe installer</small>
</a>
<a class="btn btn-donate" href="#donate" id="donateBtn">
<svg viewBox="0 0 24 24" class="ico" aria-hidden="true">
<path
d="M12 21s-7.5-4.6-10-9.2C.4 8.7 2 5 5.5 5 8 5 9.5 6.8 12 9c2.5-2.2 4-4 6.5-4C22 5 23.6 8.7 22 11.8 19.5 16.4 12 21 12 21z"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
<span>Donate</span>
<small>Support the project</small>
</a>
</div>
<div class="trust reveal">
<span>Windows 10 / 11</span>
</div>
<!-- app screenshot -->
<div class="shot reveal" id="preview">
<img
class="shot-img"
src="shotrevealin.png"
alt="QuickNote sliding in from the edge of the screen, showing the note editor and colour palette"
/>
</div>
</main>
<!-- FEATURES -->
<section id="features" class="features">
<h2 class="reveal">Everything you need. Nothing you don't.</h2>
<p class="section-sub reveal">
Designed to disappear until you need it — and delight you when you do.
</p>
<div class="grid">
<div class="card reveal">
<div class="emo">🪄</div>
<h3>Slide-in overlay</h3>
<p>
Lives at the edge of your screen and glides in over any app. Always
on top, never in the way.
</p>
</div>
<div class="card reveal">
<div class="emo">⏰</div>
<h3>Reminders that glow</h3>
<p>
Set a time and QuickNote rings once with a beautiful glow on the
note until you open it.
</p>
</div>
<div class="card reveal">
<div class="emo">🔗</div>
<h3>Smart links</h3>
<p>
Paste a URL and it becomes a tidy chip. Click to copy, Ctrl-click to
open in your browser.
</p>
</div>
<div class="card reveal">
<div class="emo">🌗</div>
<h3>Dark & cream themes</h3>
<p>
A gorgeous animated theme switch, with a warm cream light mode that
remembers your choice.
</p>
</div>
<div class="card reveal">
<div class="emo">🎨</div>
<h3>Colour your words</h3>
<p>
A sleek inline palette lets you paint selected text — or set a
colour for what you type next. Reset anytime.
</p>
</div>
<div class="card reveal">
<div class="emo">🔒</div>
<h3>Truly private</h3>
<p>
No accounts, no cloud, no trackers, no network at all. Your notes
stay on your machine — period.
</p>
</div>
</div>
</section>
<!-- DOWNLOAD -->
<section id="download" class="download">
<div class="dl-card reveal">
<img src="logo.png" alt="" class="dl-logo" />
<h2>Get QuickNote</h2>
<p>Free and offline. No sign-up. Windows 10 & 11.</p>
<div class="cta">
<!-- TODO: point href to your release (e.g. GitHub Releases .exe) -->
<a class="btn btn-download" href="https://github.com/pawdiii/Quicknote/releases/download/v1.0.0/QuickNote.Setup.1.0.0.rar" data-download>
<span>Download installer</span>
<small>Windows · .exe</small>
</a>
<!-- TODO: point href to your donation page (Ko-fi, PayPal, etc.) -->
<a class="btn btn-donate" id="donate" href="#" data-donate>
<span>Donate ♥</span>
<small>Keep it free</small>
</a>
</div>
</div>
</section>
<!-- FAQ -->
<section id="faq" class="faq">
<h2 class="reveal">Questions</h2>
<div class="qa reveal">
<details>
<summary>Is it really free?</summary>
<p>
Yes — completely free and offline. Donations are optional and just
help keep development going.
</p>
</details>
<details>
<summary>Where are my notes stored?</summary>
<p>
Locally on your PC at <code>%APPDATA%\quicknote\notes.json</code>.
Nothing ever leaves your machine.
</p>
</details>
<details>
<summary>Does it need an internet connection?</summary>
<p>
Never. QuickNote has no network access at all — by design and
enforced by a strict security policy.
</p>
</details>
<details>
<summary>Which systems are supported?</summary>
<p>Windows 10 and Windows 11.</p>
</details>
</div>
</section>
<footer class="foot">
<div class="foot-brand">
<img src="logo.png" alt="" />
<span>Quick<em>Note</em></span>
</div>
<p>Made with ♥ for people who think in little notes.</p>
<p class="copy">
© <span id="year"></span> QuickNote. All rights reserved.
</p>
</footer>
<script src="script.js"></script>
</body>
</html>