Skip to content

feat: add privacy policy and landing page #198

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
JesseRWeigel merged 1 commit into from
Apr 1, 2026
Merged

feat: add privacy policy and landing page #198

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
200 changes: 200 additions & 0 deletions public/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,200 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Battle Math — Fun Math Game for Kids</title>
<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.">
<link href="https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;600;700&display=swap" rel="stylesheet">
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Quicksand', sans-serif;
color: #333;
background: #FFF8F0;
}
.hero {
background: linear-gradient(135deg, #FFD93D 0%, #FF8C00 100%);
padding: 60px 20px;
text-align: center;
color: #fff;
}
.hero h1 {
font-family: 'Fredoka One', sans-serif;
font-size: 48px;
text-shadow: 0 3px 6px rgba(0,0,0,0.3);
margin-bottom: 16px;
}
.hero p {
font-size: 20px;
max-width: 600px;
margin: 0 auto 24px;
text-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.hero .cta {
display: inline-block;
background: #fff;
color: #FF8C00;
font-family: 'Fredoka One', sans-serif;
font-size: 22px;
padding: 16px 40px;
border-radius: 50px;
text-decoration: none;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
transition: transform 0.2s;
}
.hero .cta:hover { transform: scale(1.05); }
.section {
max-width: 800px;
margin: 0 auto;
padding: 40px 20px;
}
.section h2 {
font-family: 'Fredoka One', sans-serif;
font-size: 28px;
color: #4361EE;
margin-bottom: 16px;
}
.features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 20px;
}
.feature {
background: #fff;
border-radius: 16px;
padding: 24px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.feature h3 {
font-size: 18px;
color: #333;
margin-bottom: 8px;
}
.feature p { color: #666; font-size: 15px; line-height: 1.5; }
.feature .emoji { font-size: 32px; margin-bottom: 12px; display: block; }
.badges {
display: flex;
gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.badge {
background: #48C78E;
color: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 14px;
font-weight: 700;
}
.badge.blue { background: #4361EE; }
.badge.purple { background: #7B2FF7; }
footer {
text-align: center;
padding: 30px 20px;
color: #999;
font-size: 14px;
}
footer a { color: #4361EE; }
@media (max-width: 600px) {
.hero h1 { font-size: 32px; }
.hero p { font-size: 16px; }
}
</style>
</head>
<body>
<div class="hero">
<h1>Battle Math</h1>
<p>A free math game that makes learning fun! Defeat enemies by solving math problems. Designed for kids ages 5-12.</p>
<a href="/battlemath/" class="cta">Play Now — Free!</a>
<div class="badges">
<span class="badge">100% Free</span>
<span class="badge blue">No Data Collection</span>
<span class="badge purple">Works Offline</span>
</div>
</div>

<div class="section">
<h2>Built for Learning</h2>
<p>Battle Math uses research-backed educational techniques inspired by Alpha School's mastery-based learning approach.</p>
<div class="features">
<div class="feature">
<span class="emoji">🧠</span>
<h3>Growth Mindset Feedback</h3>
<p>Instead of "Wrong!", kids get encouraging hints: "Almost! Try again!" Progressive scaffolding helps them discover the answer.</p>
</div>
<div class="feature">
<span class="emoji">📈</span>
<h3>Adaptive Difficulty</h3>
<p>Problems automatically adjust to your child's level. Too easy? It gets harder. Struggling? It scales back. Always in the learning zone.</p>
</div>
<div class="feature">
<span class="emoji">⭐</span>
<h3>Mastery-Based Progression</h3>
<p>12 levels across 4 themed worlds. Kids must achieve 90%+ accuracy to advance — ensuring real understanding, not just guessing.</p>
</div>
<div class="feature">
<span class="emoji">🏆</span>
<h3>Motivating Rewards</h3>
<p>Confetti celebrations, streak bonuses, star ratings, and boss battles keep kids engaged and wanting to practice more.</p>
</div>
<div class="feature">
<span class="emoji">🌍</span>
<h3>Available in 3 Languages</h3>
<p>Play in English, Spanish, or French. Math is universal — the game should be too.</p>
</div>
<div class="feature">
<span class="emoji">♿</span>
<h3>Accessible to All</h3>
<p>Screen reader support, keyboard navigation, high contrast mode, and large touch targets for all abilities.</p>
</div>
</div>
</div>

<div class="section">
<h2>What Kids Practice</h2>
<div class="features">
<div class="feature">
<span class="emoji">➕</span>
<h3>Addition</h3>
<p>Sunny Meadow world. Easy (1-9), Medium (10-99), Hard (100-999).</p>
</div>
<div class="feature">
<span class="emoji">➖</span>
<h3>Subtraction</h3>
<p>Frozen Peaks world. Includes negative numbers mode for older kids.</p>
</div>
<div class="feature">
<span class="emoji">✖️</span>
<h3>Multiplication</h3>
<p>Magic Forest world. Times tables through three-digit numbers.</p>
</div>
<div class="feature">
<span class="emoji">➗</span>
<h3>Division</h3>
<p>Crystal Cave world. Clean division with decimals mode available.</p>
</div>
</div>
</div>

<div class="section" style="text-align: center;">
<h2>Open Source &amp; Private</h2>
<p>Battle Math is 100% open source (MIT License), collects zero data, has no ads, and no in-app purchases. Ever.</p>
<p style="margin-top: 12px;">
<a href="https://github.com/JesseRWeigel/battlemath">View Source on GitHub</a> &middot;
<a href="/battlemath/privacy.html">Privacy Policy</a>
</p>
</div>

<div class="section" style="text-align: center;">
<a href="/battlemath/" class="hero cta" style="display: inline-block; margin: 20px 0;">Play Battle Math — Free!</a>
</div>

<footer>
<p>Made with love by <a href="https://github.com/JesseRWeigel">Jesse Weigel</a></p>
<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>
</footer>
</body>
</html>
59 changes: 59 additions & 0 deletions public/privacy.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Privacy Policy - Battle Math</title>
<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Quicksand', sans-serif;
max-width: 700px;
margin: 0 auto;
padding: 20px;
color: #333;
line-height: 1.6;
background: #FFF8F0;
}
h1 { color: #4361EE; font-size: 28px; }
h2 { color: #333; font-size: 20px; margin-top: 24px; }
.updated { color: #666; font-size: 14px; }
a { color: #4361EE; }
</style>
</head>
<body>
<h1>Privacy Policy — Battle Math</h1>
<p class="updated">Last updated: March 22, 2026</p>

<h2>Summary</h2>
<p><strong>Battle Math does not collect, store, or transmit any personal data.</strong> Your child's privacy is completely protected.</p>

<h2>Data Collection</h2>
<p>Battle Math collects <strong>zero personal information</strong>. Specifically:</p>
<ul>
<li>No account creation or login required</li>
<li>No names, emails, or personal details collected</li>
<li>No analytics or tracking scripts</li>
<li>No cookies (except those required by the browser for PWA functionality)</li>
<li>No third-party services, ads, or SDKs</li>
<li>No network requests — the game works entirely offline</li>
</ul>

<h2>Local Storage</h2>
<p>Game progress (scores, level completion, settings) is stored locally on your device using your browser's localStorage. This data:</p>
<ul>
<li>Never leaves your device</li>
<li>Is not accessible to us or any third party</li>
<li>Can be cleared at any time by clearing your browser data</li>
</ul>

<h2>Children's Privacy (COPPA)</h2>
<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>

<h2>Open Source</h2>
<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>

<h2>Contact</h2>
<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>
</body>
</html>
Loading