Skip to content

Commit 00cc4d7

Browse files
sparshsamsparshsam
committed
feat: add /delete-data page with data deletion instructions
- web/delete-data.html: standalone page explaining stored data, local deletion steps (PWA + Android), cloud deletion via email - Contact: sparshsam@icloud.com - Deletion within 30 days - Rewrite rule in vercel.json - Linked from home page footer and privacy page
1 parent 5a35010 commit 00cc4d7

3 files changed

Lines changed: 226 additions & 2 deletions

File tree

‎web/delete-data.html‎

Lines changed: 223 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,223 @@
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+
<meta name="theme-color" content="#00BF63">
7+
<meta name="description" content="HissTastic Data Deletion Request">
8+
<title>Data Deletion – HissTastic</title>
9+
<link rel="icon" type="image/png" href="icons/icon-192.png">
10+
<link rel="stylesheet" href="css/style.css">
11+
<style>
12+
body {
13+
background: #4CAF50;
14+
color: #fff;
15+
font-family: monospace;
16+
padding: 0;
17+
margin: 0;
18+
min-height: 100vh;
19+
display: flex;
20+
flex-direction: column;
21+
}
22+
.delete-wrap {
23+
max-width: 680px;
24+
margin: 0 auto;
25+
padding: 32px 20px 48px;
26+
width: 100%;
27+
box-sizing: border-box;
28+
}
29+
.delete-wrap h1 {
30+
font-size: 28px;
31+
margin: 0 0 4px 0;
32+
color: #fff;
33+
letter-spacing: 1px;
34+
}
35+
.delete-wrap .subtitle {
36+
font-size: 13px;
37+
opacity: 0.8;
38+
margin: 0 0 24px 0;
39+
}
40+
.delete-wrap h2 {
41+
font-size: 18px;
42+
margin: 28px 0 10px 0;
43+
color: #fff;
44+
border-bottom: 1px solid rgba(255,255,255,0.25);
45+
padding-bottom: 6px;
46+
}
47+
.delete-wrap h3 {
48+
font-size: 15px;
49+
margin: 20px 0 8px 0;
50+
color: #fff;
51+
}
52+
.delete-wrap p,
53+
.delete-wrap li {
54+
font-size: 13px;
55+
line-height: 1.6;
56+
opacity: 0.92;
57+
margin: 0 0 10px 0;
58+
}
59+
.delete-wrap ul, .delete-wrap ol {
60+
margin: 0 0 14px 0;
61+
padding-left: 20px;
62+
}
63+
.delete-wrap li {
64+
margin-bottom: 4px;
65+
}
66+
.delete-wrap a {
67+
color: #fff;
68+
text-decoration: underline;
69+
opacity: 0.85;
70+
}
71+
.delete-wrap a:hover {
72+
opacity: 1;
73+
}
74+
.delete-wrap .back-link {
75+
display: inline-block;
76+
margin-bottom: 24px;
77+
font-size: 13px;
78+
color: #fff;
79+
opacity: 0.7;
80+
text-decoration: none;
81+
}
82+
.delete-wrap .back-link:hover {
83+
opacity: 1;
84+
text-decoration: underline;
85+
}
86+
.delete-wrap .data-box {
87+
background: rgba(255,255,255,0.1);
88+
border-radius: 10px;
89+
padding: 16px 20px;
90+
margin: 16px 0;
91+
}
92+
.delete-wrap .data-box code {
93+
display: block;
94+
font-size: 12px;
95+
margin-bottom: 6px;
96+
}
97+
.delete-wrap .data-box code:last-child {
98+
margin-bottom: 0;
99+
}
100+
.delete-wrap .email-link {
101+
display: inline-block;
102+
padding: 10px 20px;
103+
border: 2px solid #fff;
104+
border-radius: 20px;
105+
color: #fff;
106+
font-family: monospace;
107+
font-size: 14px;
108+
text-decoration: none;
109+
margin: 4px 0;
110+
}
111+
.delete-wrap .email-link:hover {
112+
background: rgba(255,255,255,0.15);
113+
text-decoration: none;
114+
}
115+
.delete-wrap hr {
116+
border: none;
117+
border-top: 1px solid rgba(255,255,255,0.2);
118+
margin: 28px 0;
119+
}
120+
footer {
121+
margin-top: auto;
122+
text-align: center;
123+
padding: 16px 20px;
124+
font-size: 12px;
125+
opacity: 0.6;
126+
background: rgba(0,0,0,0.08);
127+
}
128+
footer a {
129+
color: #fff;
130+
text-decoration: underline;
131+
}
132+
</style>
133+
</head>
134+
<body>
135+
136+
<div class="delete-wrap">
137+
<a href="./" class="back-link">&larr; Back to HissTastic</a>
138+
139+
<h1>Data Deletion Request</h1>
140+
<p class="subtitle">HissTastic respects your privacy. Here's how to delete your data.</p>
141+
142+
<h2>What Data Does HissTastic Store?</h2>
143+
144+
<p>HissTastic is local-first by design. Most data stays on your device. Only what's necessary for the global leaderboard is transmitted to the cloud.</p>
145+
146+
<div class="data-box">
147+
<strong style="font-size:13px;">Cloud (Supabase) — shared to the leaderboard:</strong>
148+
<code>&bull; Anonymous player ID (locally generated UUID)</code>
149+
<code>&bull; Username (chosen or auto-generated, may appear publicly)</code>
150+
<code>&bull; Personal best score (only your single highest score)</code>
151+
</div>
152+
153+
<div class="data-box">
154+
<strong style="font-size:13px;">Local device (browser localStorage or app storage):</strong>
155+
<code>&bull; Anonymous player ID &amp; username</code>
156+
<code>&bull; Full score history (never transmitted)</code>
157+
<code>&bull; Gameplay stats (games played, food eaten, averages)</code>
158+
<code>&bull; Theme preference &amp; music preference</code>
159+
<code>&bull; Profile ready flag</code>
160+
</div>
161+
162+
<p><strong>No personal contact or account data is ever collected.</strong> HissTastic has no email, phone number, real name, location, device identifier, advertising ID, or cookie collection.</p>
163+
164+
<h2>Delete Local Data</h2>
165+
166+
<h3>Browser / PWA</h3>
167+
<ol>
168+
<li>Open your browser's settings or developer tools.</li>
169+
<li>Clear localStorage / site data for <code>hisstastic.vercel.app</code>.</li>
170+
<li>Alternatively, uninstall the PWA from your device.</li>
171+
</ol>
172+
173+
<h3>Android App</h3>
174+
<ol>
175+
<li>Open your device's Settings app.</li>
176+
<li>Go to <strong>Apps &rarr; HissTastic</strong>.</li>
177+
<li>Tap <strong>Clear storage</strong> (or <strong>Clear data</strong>).</li>
178+
<li>Or simply uninstall the app to remove all locally stored data.</li>
179+
</ol>
180+
181+
<p>After clearing local data, a fresh anonymous identity will be generated the next time you open the app.</p>
182+
183+
<h2>Delete Cloud (Leaderboard) Data</h2>
184+
185+
<p>To request deletion of your cloud leaderboard data &mdash; including your anonymous player ID, username, and personal best score from Supabase &mdash; send an email to:</p>
186+
187+
<p style="text-align:center;margin:20px 0;">
188+
<a href="mailto:sparshsam@icloud.com?subject=HissTastic%20Data%20Deletion%20Request" class="email-link">&#9993; sparshsam@icloud.com</a>
189+
</p>
190+
191+
<p>Please include <strong>"HissTastic Data Deletion Request"</strong> in the subject line and your <strong>anonymous player ID</strong> (found in the Settings screen of the app) if available. If you don't have your player ID, include your username instead and we'll do our best to match the record.</p>
192+
193+
<h2>Deletion Timeline</h2>
194+
195+
<p>We will process your request and delete the identified cloud leaderboard data within <strong>30 days</strong> of receiving a verifiable request. You will receive a confirmation email once the deletion is complete.</p>
196+
197+
<h2>What Happens After Deletion</h2>
198+
<ul>
199+
<li>Your leaderboard entry will be removed from the public global leaderboard.</li>
200+
<li>A new anonymous identity will be generated the next time you play.</li>
201+
<li>Your username will be available for re-use by other players.</li>
202+
<li>Local data is not affected by a cloud deletion request &mdash; clear it separately using the steps above.</li>
203+
</ul>
204+
205+
<h2>Data Retention</h2>
206+
<p>Cloud leaderboard data is retained until you request deletion. The only cloud data stored is your anonymous player ID, username, and personal best score. No backup copies are retained after deletion.</p>
207+
208+
<hr>
209+
210+
<p style="text-align:center;font-size:12px;opacity:0.7;">
211+
<a href="privacy">Read the full Privacy Policy</a> &middot;
212+
<a href="./">Back to HissTastic</a>
213+
</p>
214+
</div>
215+
216+
<footer>
217+
<a href="./">HissTastic</a> &middot;
218+
<a href="privacy">Privacy Policy</a> &middot;
219+
<a href="delete-data">Data Deletion</a>
220+
</footer>
221+
222+
</body>
223+
</html>

‎web/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ <h1 class="home-title">HISSTASTIC</h1>
7979
<button id="btn-open-scores" class="home-link">&#127942; Scores</button>
8080
</div>
8181

82-
<p class="home-version">v1.0.0 · <a href="privacy" class="privacy-link">Privacy</a></p>
82+
<p class="home-version">v1.0.0 · <a href="privacy" class="privacy-link">Privacy</a> · <a href="delete-data" class="privacy-link">Data Deletion</a></p>
8383
</div>
8484
</div>
8585

‎web/vercel.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
{
22
"rewrites": [
3-
{ "source": "/privacy", "destination": "/privacy.html" }
3+
{ "source": "/privacy", "destination": "/privacy.html" },
4+
{ "source": "/delete-data", "destination": "/delete-data.html" }
45
]
56
}

0 commit comments

Comments
 (0)