Skip to content

Commit b7a4659

Browse files
authored
Add files via upload
0 parents  commit b7a4659

2 files changed

Lines changed: 358 additions & 0 deletions

File tree

index.html

Lines changed: 174 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,174 @@
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">
6+
<title>Quick Notes · Floating note-taking for Chrome</title>
7+
<meta name="description" content="A fast, distraction-aware note-taking extension for Chrome. Floats above any page. Markdown, tables, images, Google Drive sync.">
8+
<link rel="icon" type="image/png" href="https://raw.githubusercontent.com/quicknotes/quick-notes/main/icons/icon128.png">
9+
<style>
10+
:root {
11+
--bg: #1F1F1E;
12+
--bg-alt: #2C2C2A;
13+
--fg: #e8e6e3;
14+
--fg-dim: #c1beb8;
15+
--muted: #8a857e;
16+
--accent: #d4a85f;
17+
--border: #3a3a37;
18+
}
19+
* { box-sizing: border-box; }
20+
body {
21+
margin: 0;
22+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
23+
background: var(--bg);
24+
color: var(--fg);
25+
line-height: 1.6;
26+
}
27+
.container {
28+
max-width: 780px;
29+
margin: 0 auto;
30+
padding: 60px 24px;
31+
}
32+
header {
33+
text-align: center;
34+
margin-bottom: 48px;
35+
}
36+
.logo {
37+
width: 96px;
38+
height: 96px;
39+
margin-bottom: 20px;
40+
}
41+
h1 {
42+
font-size: 36px;
43+
margin: 0 0 8px;
44+
font-weight: 700;
45+
letter-spacing: -0.02em;
46+
}
47+
.tagline {
48+
font-size: 18px;
49+
color: var(--fg-dim);
50+
margin: 0 0 24px;
51+
}
52+
.badges {
53+
display: flex;
54+
gap: 8px;
55+
justify-content: center;
56+
flex-wrap: wrap;
57+
margin-bottom: 32px;
58+
}
59+
.badges img { height: 20px; }
60+
.cta {
61+
display: inline-block;
62+
padding: 12px 24px;
63+
background: var(--accent);
64+
color: #1a1a1a;
65+
text-decoration: none;
66+
font-weight: 600;
67+
border-radius: 8px;
68+
transition: transform 0.15s, box-shadow 0.15s;
69+
}
70+
.cta:hover {
71+
transform: translateY(-1px);
72+
box-shadow: 0 6px 20px rgba(212, 168, 95, 0.3);
73+
}
74+
h2 {
75+
font-size: 22px;
76+
margin: 48px 0 16px;
77+
color: var(--accent);
78+
}
79+
.features {
80+
display: grid;
81+
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
82+
gap: 16px;
83+
margin-top: 16px;
84+
}
85+
.feature {
86+
background: var(--bg-alt);
87+
padding: 16px 18px;
88+
border-radius: 8px;
89+
border: 1px solid var(--border);
90+
}
91+
.feature strong {
92+
color: var(--accent);
93+
display: block;
94+
margin-bottom: 4px;
95+
}
96+
.feature p {
97+
margin: 0;
98+
font-size: 14px;
99+
color: var(--fg-dim);
100+
}
101+
a {
102+
color: var(--accent);
103+
text-decoration: none;
104+
}
105+
a:hover { text-decoration: underline; }
106+
footer {
107+
margin-top: 64px;
108+
padding-top: 24px;
109+
border-top: 1px solid var(--border);
110+
text-align: center;
111+
color: var(--muted);
112+
font-size: 14px;
113+
}
114+
footer a { margin: 0 8px; }
115+
kbd {
116+
background: var(--bg-alt);
117+
border: 1px solid var(--border);
118+
border-radius: 4px;
119+
padding: 2px 6px;
120+
font-family: ui-monospace, Menlo, monospace;
121+
font-size: 12px;
122+
}
123+
</style>
124+
</head>
125+
<body>
126+
<div class="container">
127+
<header>
128+
<img class="logo" src="https://raw.githubusercontent.com/quicknotes/quick-notes/main/icons/icon128.png" alt="Quick Notes logo">
129+
<h1>Quick Notes</h1>
130+
<p class="tagline">A fast, distraction-aware note-taking extension for Chrome</p>
131+
<div class="badges">
132+
<img alt="Version" src="https://img.shields.io/badge/version-1.0.0-d4a85f.svg">
133+
<img alt="Manifest V3" src="https://img.shields.io/badge/manifest-v3-4285F4.svg">
134+
<img alt="License MIT" src="https://img.shields.io/badge/license-MIT-green.svg">
135+
<img alt="No tracking" src="https://img.shields.io/badge/tracking-none-success.svg">
136+
</div>
137+
<a class="cta" href="https://chromewebstore.google.com/detail/quick-notes/aelknahnnjimdajnjkjochpejeanobik">Install from Chrome Web Store</a>
138+
</header>
139+
140+
<h2>What it is</h2>
141+
<p>
142+
A floating notepad that lives above any webpage. Press <kbd>Alt</kbd>+<kbd>N</kbd> on
143+
any page and start typing — auto-saves as you go. Supports Markdown, images, tables,
144+
code blocks, color tags, split view, searchable history, and optional Google Drive
145+
sync. 100% local by default. No accounts. No telemetry. No ads.
146+
</p>
147+
148+
<h2>Features</h2>
149+
<div class="features">
150+
<div class="feature"><strong>⚡ Floating panel</strong><p>Drag anywhere, resize freely, persists across tabs.</p></div>
151+
<div class="feature"><strong>📝 Markdown preview</strong><p>Headings, tables, code, links, checklists — all roundtrip.</p></div>
152+
<div class="feature"><strong>🖼 Images &amp; GIFs</strong><p>Paste or drag-drop. GIFs animate in preview.</p></div>
153+
<div class="feature"><strong>↔ Split view</strong><p>Horizontal or vertical, two notes side by side.</p></div>
154+
<div class="feature"><strong>🔍 Search</strong><p>Ctrl+F across all notes with snippets.</p></div>
155+
<div class="feature"><strong>🎨 Themes</strong><p>Dark &amp; light + custom palette overrides.</p></div>
156+
<div class="feature"><strong>☁ Drive sync</strong><p>Opt-in, uses hidden app-data folder. Private.</p></div>
157+
<div class="feature"><strong>🔒 Privacy first</strong><p>All data local by default. Zero telemetry.</p></div>
158+
</div>
159+
160+
<h2>Links</h2>
161+
<p>
162+
<a href="https://github.com/quicknotes/quick-notes">Source code on GitHub</a> ·
163+
<a href="https://github.com/quicknotes/quick-notes/issues">Report an issue</a> ·
164+
<a href="privacy.html">Privacy policy</a>
165+
</p>
166+
167+
<footer>
168+
Made by <a href="https://github.com/mthcht">@mthcht</a> ·
169+
<a href="https://github.com/quicknotes/quick-notes/blob/main/LICENSE">MIT licensed</a> ·
170+
<a href="privacy.html">Privacy</a>
171+
</footer>
172+
</div>
173+
</body>
174+
</html>

privacy.html

Lines changed: 184 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,184 @@
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">
6+
<title>Privacy Policy · Quick Notes</title>
7+
<meta name="description" content="Quick Notes privacy policy. Local-first. Zero tracking. Optional Google Drive sync uses minimum-privilege appdata scope.">
8+
<link rel="icon" type="image/png" href="https://raw.githubusercontent.com/quicknotes/quick-notes/main/icons/icon128.png">
9+
<style>
10+
:root {
11+
--bg: #1F1F1E;
12+
--bg-alt: #2C2C2A;
13+
--fg: #e8e6e3;
14+
--fg-dim: #c1beb8;
15+
--muted: #8a857e;
16+
--accent: #d4a85f;
17+
--border: #3a3a37;
18+
}
19+
body {
20+
margin: 0;
21+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
22+
background: var(--bg);
23+
color: var(--fg);
24+
line-height: 1.7;
25+
}
26+
.container {
27+
max-width: 720px;
28+
margin: 0 auto;
29+
padding: 48px 24px;
30+
}
31+
h1 {
32+
font-size: 30px;
33+
margin: 0 0 8px;
34+
color: var(--accent);
35+
}
36+
h2 {
37+
font-size: 20px;
38+
margin: 32px 0 12px;
39+
color: var(--accent);
40+
border-bottom: 1px solid var(--border);
41+
padding-bottom: 6px;
42+
}
43+
h3 { font-size: 16px; margin: 20px 0 8px; color: var(--fg-dim); }
44+
p { margin: 10px 0; }
45+
a {
46+
color: var(--accent);
47+
text-decoration: none;
48+
}
49+
a:hover { text-decoration: underline; }
50+
table {
51+
width: 100%;
52+
border-collapse: collapse;
53+
margin: 12px 0;
54+
background: var(--bg-alt);
55+
border-radius: 6px;
56+
overflow: hidden;
57+
}
58+
th, td {
59+
padding: 10px 14px;
60+
text-align: left;
61+
border-bottom: 1px solid var(--border);
62+
font-size: 14px;
63+
}
64+
th { color: var(--accent); font-weight: 600; }
65+
tr:last-child td { border-bottom: none; }
66+
code {
67+
background: var(--bg-alt);
68+
padding: 2px 6px;
69+
border-radius: 4px;
70+
font-family: ui-monospace, Menlo, monospace;
71+
font-size: 13px;
72+
}
73+
.muted { color: var(--muted); font-size: 14px; }
74+
.summary {
75+
background: var(--bg-alt);
76+
border-left: 3px solid var(--accent);
77+
padding: 16px 20px;
78+
border-radius: 0 6px 6px 0;
79+
margin: 16px 0 32px;
80+
}
81+
nav { margin-bottom: 32px; }
82+
nav a { margin-right: 16px; }
83+
footer {
84+
margin-top: 48px;
85+
padding-top: 24px;
86+
border-top: 1px solid var(--border);
87+
color: var(--muted);
88+
font-size: 13px;
89+
}
90+
</style>
91+
</head>
92+
<body>
93+
<div class="container">
94+
<nav>
95+
<a href="./">← Home</a>
96+
<a href="https://github.com/quicknotes/quick-notes">GitHub</a>
97+
</nav>
98+
99+
<h1>Privacy Policy</h1>
100+
<p class="muted">Last updated: April 22, 2026</p>
101+
102+
<div class="summary">
103+
<strong>The short version:</strong> Quick Notes is a local-first Chrome extension.
104+
By default, all your data stays on your device. The extension makes zero network
105+
requests. Optional Google Drive sync is opt-in and uses a minimum-privilege scope
106+
(<code>drive.appdata</code>) that cannot access your other Drive files.
107+
</div>
108+
109+
<h2>What data the extension handles</h2>
110+
<p>Quick Notes handles the following data <strong>only on your local device</strong>, never on a remote server owned by the developer:</p>
111+
<ul>
112+
<li><strong>Notes content</strong> — the text, images, and formatting you type into notes.</li>
113+
<li><strong>History</strong> — records of paste / selection / URL-capture operations you trigger (capped at 200 entries).</li>
114+
<li><strong>Settings</strong> — your configured themes, URL-pattern rules, per-site default notes, panel opacity, and shape preferences.</li>
115+
<li><strong>Pasted page content</strong> — if you click the "Paste clipboard," "Insert URL," or "Insert selection" buttons, the content goes into your active note.</li>
116+
</ul>
117+
<p>Storage is in Chrome's sandboxed <code>chrome.storage.local</code> API, local to your browser profile.</p>
118+
119+
<h2>What the extension does NOT do</h2>
120+
<ul>
121+
<li>Does <strong>not</strong> collect, transmit, or share notes with the developer, analytics services, advertisers, or any third party.</li>
122+
<li>Does <strong>not</strong> contain tracking, telemetry, or remote logging.</li>
123+
<li>Does <strong>not</strong> read page content automatically. Page content is captured only when you click a capture button.</li>
124+
<li>Makes <strong>no network requests at all</strong>, unless you opt into Google Drive sync.</li>
125+
</ul>
126+
127+
<h2>Optional: Google Drive sync</h2>
128+
<p>If you <strong>explicitly</strong> enable Drive sync in the options page:</p>
129+
<ul>
130+
<li>You grant the extension the <code>https://www.googleapis.com/auth/drive.appdata</code> scope only. This scope allows reading and writing files in a hidden per-app folder (the "appDataFolder") in your Google Drive.</li>
131+
<li>This folder is <strong>not visible</strong> in your regular Drive UI and cannot be accessed by any other application.</li>
132+
<li>The extension <strong>cannot</strong> see, read, or modify your other Drive files. The <code>drive.appdata</code> scope is specifically sandboxed.</li>
133+
<li>Your notes, images, and settings are packaged as a single JSON file and uploaded to this private folder, then downloaded when syncing from another device.</li>
134+
<li>Sync frequency is configurable (manual, or every 5/15/30/60 min). You can sign out at any time.</li>
135+
</ul>
136+
<p>No other Google APIs or services are contacted.</p>
137+
138+
<h2>Third-party services</h2>
139+
<p>Quick Notes uses exactly one optional third-party service:</p>
140+
<ul>
141+
<li><strong>Google Drive</strong> (only when sync is enabled). Its own privacy policy applies: <a href="https://policies.google.com/privacy">policies.google.com/privacy</a>.</li>
142+
</ul>
143+
<p>No other third parties are involved.</p>
144+
145+
<h2>Permissions explained</h2>
146+
<table>
147+
<thead><tr><th>Permission</th><th>Why</th></tr></thead>
148+
<tbody>
149+
<tr><td><code>storage</code></td><td>Save notes and settings in <code>chrome.storage.local</code>.</td></tr>
150+
<tr><td><code>scripting</code></td><td>Inject the floating panel into the active tab on user command.</td></tr>
151+
<tr><td><code>clipboardRead</code></td><td>The Paste button reads the clipboard — only when you click it.</td></tr>
152+
<tr><td><code>contextMenus</code></td><td>Right-click menu entries for sending selected text / URLs to notes.</td></tr>
153+
<tr><td><code>identity</code></td><td>Google sign-in (only if you enable Drive sync).</td></tr>
154+
<tr><td><code>alarms</code></td><td>Schedule periodic auto-sync to Drive (only if enabled).</td></tr>
155+
<tr><td><code>&lt;all_urls&gt;</code></td><td>So the floating panel can appear on any page. No page content is read unless you click Insert URL or Insert Selection.</td></tr>
156+
</tbody>
157+
</table>
158+
159+
<h2>Exporting and deleting your data</h2>
160+
<h3>Export</h3>
161+
<p>At any time, export all your local data as a JSON file via the options page's Backup &amp; Restore section. This file is saved via your browser's normal download flow — the extension does not upload it anywhere.</p>
162+
<h3>Delete (local)</h3>
163+
<p>Options page → Storage → "Reset everything." Or uninstall the extension.</p>
164+
<h3>Delete (Google Drive, if sync was enabled)</h3>
165+
<p>Options → Google Drive sync → Sign out. Then visit <a href="https://myaccount.google.com/permissions">myaccount.google.com/permissions</a>, find Quick Notes, and revoke access.</p>
166+
167+
<h2>Children's privacy</h2>
168+
<p>Quick Notes is not directed at children under 13.</p>
169+
170+
<h2>Changes to this policy</h2>
171+
<p>If this policy changes, the new version will be committed to the public repository at
172+
<a href="https://github.com/quicknotes/quick-notes/blob/main/PRIVACY.md">github.com/quicknotes/quick-notes/blob/main/PRIVACY.md</a> with a new "Last updated" date, and this page will be updated accordingly.</p>
173+
174+
<h2>Contact</h2>
175+
<p>Open an issue at <a href="https://github.com/quicknotes/quick-notes/issues">github.com/quicknotes/quick-notes/issues</a>.</p>
176+
177+
<footer>
178+
<strong>Developer</strong>: <a href="https://github.com/mthcht">@mthcht</a> ·
179+
<strong>Source</strong>: <a href="https://github.com/quicknotes/quick-notes">github.com/quicknotes/quick-notes</a> ·
180+
<strong>License</strong>: MIT
181+
</footer>
182+
</div>
183+
</body>
184+
</html>

0 commit comments

Comments
 (0)