Skip to content

Commit dc897ac

Browse files
JesseRWeigelclaude
JesseRWeigel
and
claude
authored
feat: add privacy policy and landing page for app store submissions (#198)
Closes #190, closes #196 Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 43536be commit dc897ac

2 files changed

Lines changed: 259 additions & 0 deletions

File tree

‎public/about.html‎

Lines changed: 200 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,200 @@
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>Battle Math — Fun Math Game for Kids</title>
7+
<meta name="description" content="A free, open-source math game for kids ages 5-12. Defeat enemies by solving math problems! Features adaptive difficulty, growth mindset feedback, and beautiful artwork.">
8+
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;600;700&display=swap" rel="stylesheet">
9+
<style>
10+
* { margin: 0; padding: 0; box-sizing: border-box; }
11+
body {
12+
font-family: 'Quicksand', sans-serif;
13+
color: #333;
14+
background: #FFF8F0;
15+
}
16+
.hero {
17+
background: linear-gradient(135deg, #FFD93D 0%, #FF8C00 100%);
18+
padding: 60px 20px;
19+
text-align: center;
20+
color: #fff;
21+
}
22+
.hero h1 {
23+
font-family: 'Fredoka One', sans-serif;
24+
font-size: 48px;
25+
text-shadow: 0 3px 6px rgba(0,0,0,0.3);
26+
margin-bottom: 16px;
27+
}
28+
.hero p {
29+
font-size: 20px;
30+
max-width: 600px;
31+
margin: 0 auto 24px;
32+
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
33+
}
34+
.hero .cta {
35+
display: inline-block;
36+
background: #fff;
37+
color: #FF8C00;
38+
font-family: 'Fredoka One', sans-serif;
39+
font-size: 22px;
40+
padding: 16px 40px;
41+
border-radius: 50px;
42+
text-decoration: none;
43+
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
44+
transition: transform 0.2s;
45+
}
46+
.hero .cta:hover { transform: scale(1.05); }
47+
.section {
48+
max-width: 800px;
49+
margin: 0 auto;
50+
padding: 40px 20px;
51+
}
52+
.section h2 {
53+
font-family: 'Fredoka One', sans-serif;
54+
font-size: 28px;
55+
color: #4361EE;
56+
margin-bottom: 16px;
57+
}
58+
.features {
59+
display: grid;
60+
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
61+
gap: 20px;
62+
margin-top: 20px;
63+
}
64+
.feature {
65+
background: #fff;
66+
border-radius: 16px;
67+
padding: 24px;
68+
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
69+
}
70+
.feature h3 {
71+
font-size: 18px;
72+
color: #333;
73+
margin-bottom: 8px;
74+
}
75+
.feature p { color: #666; font-size: 15px; line-height: 1.5; }
76+
.feature .emoji { font-size: 32px; margin-bottom: 12px; display: block; }
77+
.badges {
78+
display: flex;
79+
gap: 12px;
80+
flex-wrap: wrap;
81+
justify-content: center;
82+
margin-top: 20px;
83+
}
84+
.badge {
85+
background: #48C78E;
86+
color: #fff;
87+
padding: 8px 16px;
88+
border-radius: 20px;
89+
font-size: 14px;
90+
font-weight: 700;
91+
}
92+
.badge.blue { background: #4361EE; }
93+
.badge.purple { background: #7B2FF7; }
94+
footer {
95+
text-align: center;
96+
padding: 30px 20px;
97+
color: #999;
98+
font-size: 14px;
99+
}
100+
footer a { color: #4361EE; }
101+
@media (max-width: 600px) {
102+
.hero h1 { font-size: 32px; }
103+
.hero p { font-size: 16px; }
104+
}
105+
</style>
106+
</head>
107+
<body>
108+
<div class="hero">
109+
<h1>Battle Math</h1>
110+
<p>A free math game that makes learning fun! Defeat enemies by solving math problems. Designed for kids ages 5-12.</p>
111+
<a href="/battlemath/" class="cta">Play Now — Free!</a>
112+
<div class="badges">
113+
<span class="badge">100% Free</span>
114+
<span class="badge blue">No Data Collection</span>
115+
<span class="badge purple">Works Offline</span>
116+
</div>
117+
</div>
118+
119+
<div class="section">
120+
<h2>Built for Learning</h2>
121+
<p>Battle Math uses research-backed educational techniques inspired by Alpha School's mastery-based learning approach.</p>
122+
<div class="features">
123+
<div class="feature">
124+
<span class="emoji">🧠</span>
125+
<h3>Growth Mindset Feedback</h3>
126+
<p>Instead of "Wrong!", kids get encouraging hints: "Almost! Try again!" Progressive scaffolding helps them discover the answer.</p>
127+
</div>
128+
<div class="feature">
129+
<span class="emoji">📈</span>
130+
<h3>Adaptive Difficulty</h3>
131+
<p>Problems automatically adjust to your child's level. Too easy? It gets harder. Struggling? It scales back. Always in the learning zone.</p>
132+
</div>
133+
<div class="feature">
134+
<span class="emoji">⭐</span>
135+
<h3>Mastery-Based Progression</h3>
136+
<p>12 levels across 4 themed worlds. Kids must achieve 90%+ accuracy to advance — ensuring real understanding, not just guessing.</p>
137+
</div>
138+
<div class="feature">
139+
<span class="emoji">🏆</span>
140+
<h3>Motivating Rewards</h3>
141+
<p>Confetti celebrations, streak bonuses, star ratings, and boss battles keep kids engaged and wanting to practice more.</p>
142+
</div>
143+
<div class="feature">
144+
<span class="emoji">🌍</span>
145+
<h3>Available in 3 Languages</h3>
146+
<p>Play in English, Spanish, or French. Math is universal — the game should be too.</p>
147+
</div>
148+
<div class="feature">
149+
<span class="emoji">♿</span>
150+
<h3>Accessible to All</h3>
151+
<p>Screen reader support, keyboard navigation, high contrast mode, and large touch targets for all abilities.</p>
152+
</div>
153+
</div>
154+
</div>
155+
156+
<div class="section">
157+
<h2>What Kids Practice</h2>
158+
<div class="features">
159+
<div class="feature">
160+
<span class="emoji">➕</span>
161+
<h3>Addition</h3>
162+
<p>Sunny Meadow world. Easy (1-9), Medium (10-99), Hard (100-999).</p>
163+
</div>
164+
<div class="feature">
165+
<span class="emoji">➖</span>
166+
<h3>Subtraction</h3>
167+
<p>Frozen Peaks world. Includes negative numbers mode for older kids.</p>
168+
</div>
169+
<div class="feature">
170+
<span class="emoji">✖️</span>
171+
<h3>Multiplication</h3>
172+
<p>Magic Forest world. Times tables through three-digit numbers.</p>
173+
</div>
174+
<div class="feature">
175+
<span class="emoji">➗</span>
176+
<h3>Division</h3>
177+
<p>Crystal Cave world. Clean division with decimals mode available.</p>
178+
</div>
179+
</div>
180+
</div>
181+
182+
<div class="section" style="text-align: center;">
183+
<h2>Open Source &amp; Private</h2>
184+
<p>Battle Math is 100% open source (MIT License), collects zero data, has no ads, and no in-app purchases. Ever.</p>
185+
<p style="margin-top: 12px;">
186+
<a href="https://github.com/JesseRWeigel/battlemath">View Source on GitHub</a> &middot;
187+
<a href="/battlemath/privacy.html">Privacy Policy</a>
188+
</p>
189+
</div>
190+
191+
<div class="section" style="text-align: center;">
192+
<a href="/battlemath/" class="hero cta" style="display: inline-block; margin: 20px 0;">Play Battle Math — Free!</a>
193+
</div>
194+
195+
<footer>
196+
<p>Made with love by <a href="https://github.com/JesseRWeigel">Jesse Weigel</a></p>
197+
<p>&copy; 2024-2026 Jesse Weigel &middot; <a href="/battlemath/privacy.html">Privacy Policy</a> &middot; <a href="https://github.com/JesseRWeigel/battlemath">GitHub</a></p>
198+
</footer>
199+
</body>
200+
</html>

‎public/privacy.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
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 - Battle Math</title>
7+
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap" rel="stylesheet">
8+
<style>
9+
body {
10+
font-family: 'Quicksand', sans-serif;
11+
max-width: 700px;
12+
margin: 0 auto;
13+
padding: 20px;
14+
color: #333;
15+
line-height: 1.6;
16+
background: #FFF8F0;
17+
}
18+
h1 { color: #4361EE; font-size: 28px; }
19+
h2 { color: #333; font-size: 20px; margin-top: 24px; }
20+
.updated { color: #666; font-size: 14px; }
21+
a { color: #4361EE; }
22+
</style>
23+
</head>
24+
<body>
25+
<h1>Privacy Policy — Battle Math</h1>
26+
<p class="updated">Last updated: March 22, 2026</p>
27+
28+
<h2>Summary</h2>
29+
<p><strong>Battle Math does not collect, store, or transmit any personal data.</strong> Your child's privacy is completely protected.</p>
30+
31+
<h2>Data Collection</h2>
32+
<p>Battle Math collects <strong>zero personal information</strong>. Specifically:</p>
33+
<ul>
34+
<li>No account creation or login required</li>
35+
<li>No names, emails, or personal details collected</li>
36+
<li>No analytics or tracking scripts</li>
37+
<li>No cookies (except those required by the browser for PWA functionality)</li>
38+
<li>No third-party services, ads, or SDKs</li>
39+
<li>No network requests — the game works entirely offline</li>
40+
</ul>
41+
42+
<h2>Local Storage</h2>
43+
<p>Game progress (scores, level completion, settings) is stored locally on your device using your browser's localStorage. This data:</p>
44+
<ul>
45+
<li>Never leaves your device</li>
46+
<li>Is not accessible to us or any third party</li>
47+
<li>Can be cleared at any time by clearing your browser data</li>
48+
</ul>
49+
50+
<h2>Children's Privacy (COPPA)</h2>
51+
<p>Battle Math is designed for children. We comply with the Children's Online Privacy Protection Act (COPPA) by simply not collecting any data at all. There is nothing to protect because nothing is collected.</p>
52+
53+
<h2>Open Source</h2>
54+
<p>Battle Math is open source under the MIT License. You can inspect the complete source code at <a href="https://github.com/JesseRWeigel/battlemath">github.com/JesseRWeigel/battlemath</a> to verify these claims.</p>
55+
56+
<h2>Contact</h2>
57+
<p>If you have questions about this privacy policy, please <a href="https://github.com/JesseRWeigel/battlemath/issues">open an issue on GitHub</a>.</p>
58+
</body>
59+
</html>

0 commit comments

Comments
 (0)