feat: Add comprehensive privacy policy page
Create detailed privacy policy explaining data collection and usage practices. ## New Page: /privacy ### Content Sections **Introduction** - Overview of CS2.WTF's commitment to privacy **Information We Collect** - Public Steam Data: Steam ID, match stats, chat messages, VAC status - Usage Data: Page visits and feature interactions - Browser Storage: Theme, favorites, recent players (localStorage only) **How We Use Information** - Provide match statistics and analysis - Track performance over time - Generate visualizations - Improve service quality **Cookies and Local Storage** - Details on localStorage usage for preferences - No tracking cookies - User-controllable through browser settings **Data Sharing** - No selling/trading of personal information - Only share when legally required or for safety - May use service providers **Security** - Reasonable security measures implemented - Acknowledgment of inherent internet risks - Note that Steam data is already public **Your Rights** - Access, correction, and deletion rights - Opt-out by not using service - Control via Steam privacy settings **Third-Party Services** - Links to Steam profiles - Google Translate integration - Not responsible for third-party privacy practices **Children's Privacy** - Not directed at children under 13 - No knowingly collected children's data **Policy Changes** - May update with notice - Continued use implies acceptance **Contact** - Direct users to GitHub for questions/issues ### UI Implementation - Clean, readable layout with Card components - Icons for each section (Shield, Eye, Cookie, Server, Mail) - Responsive design optimized for all screen sizes - Proper semantic HTML and accessibility - SEO-optimized with meta tags - Current date automatically displayed The policy is comprehensive yet clear, covering all necessary legal bases while explaining data practices in user-friendly language. Already linked from the footer navigation. This completes Phase 3 Feature 3 - privacy compliance established. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
217
src/routes/privacy/+page.svelte
Normal file
217
src/routes/privacy/+page.svelte
Normal file
@@ -0,0 +1,217 @@
|
|||||||
|
<script lang="ts">
|
||||||
|
import Card from '$lib/components/ui/Card.svelte';
|
||||||
|
import { Shield, Eye, Cookie, Server, Mail } from 'lucide-svelte';
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<svelte:head>
|
||||||
|
<title>Privacy Policy | CS2.WTF</title>
|
||||||
|
<meta
|
||||||
|
name="description"
|
||||||
|
content="Privacy policy for CS2.WTF - Learn how we collect, use, and protect your data."
|
||||||
|
/>
|
||||||
|
</svelte:head>
|
||||||
|
|
||||||
|
<div class="container mx-auto max-w-4xl space-y-8 px-4 py-12">
|
||||||
|
<!-- Header -->
|
||||||
|
<div class="text-center">
|
||||||
|
<div class="mb-4 inline-flex rounded-full bg-primary/10 p-4">
|
||||||
|
<Shield class="h-12 w-12 text-primary" />
|
||||||
|
</div>
|
||||||
|
<h1 class="mb-4 text-4xl font-bold text-base-content">Privacy Policy</h1>
|
||||||
|
<p class="text-lg text-base-content/70">
|
||||||
|
Last updated: {new Date().toLocaleDateString('en-US', {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'long',
|
||||||
|
day: 'numeric'
|
||||||
|
})}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Introduction -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Introduction</h2>
|
||||||
|
<p class="text-base-content/80">
|
||||||
|
CS2.WTF ("we", "our", or "us") is committed to protecting your privacy. This Privacy Policy
|
||||||
|
explains how we collect, use, and safeguard your information when you use our CS2 match
|
||||||
|
statistics and analysis platform.
|
||||||
|
</p>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Data Collection -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<div class="mb-4 flex items-center gap-2">
|
||||||
|
<Eye class="h-6 w-6 text-primary" />
|
||||||
|
<h2 class="text-2xl font-bold text-base-content">Information We Collect</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="space-y-4 text-base-content/80">
|
||||||
|
<div>
|
||||||
|
<h3 class="mb-2 font-semibold text-base-content">Public Steam Data</h3>
|
||||||
|
<p>
|
||||||
|
We collect publicly available information from Steam profiles and CS2 match data,
|
||||||
|
including:
|
||||||
|
</p>
|
||||||
|
<ul class="ml-6 mt-2 list-disc space-y-1">
|
||||||
|
<li>Steam ID and profile information</li>
|
||||||
|
<li>Match statistics and performance data</li>
|
||||||
|
<li>In-game chat messages (from parsed demo files)</li>
|
||||||
|
<li>VAC and game ban status</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 class="mb-2 font-semibold text-base-content">Usage Data</h3>
|
||||||
|
<p>
|
||||||
|
We may collect information about how you interact with our service, including pages
|
||||||
|
visited and features used.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<h3 class="mb-2 font-semibold text-base-content">Browser Storage</h3>
|
||||||
|
<p>
|
||||||
|
We use browser local storage to save your preferences (theme, favorite players, recently
|
||||||
|
visited players) locally on your device. This data never leaves your browser.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- How We Use Data -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<div class="mb-4 flex items-center gap-2">
|
||||||
|
<Server class="h-6 w-6 text-primary" />
|
||||||
|
<h2 class="text-2xl font-bold text-base-content">How We Use Your Information</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="space-y-2 text-base-content/80">
|
||||||
|
<p>We use collected information to:</p>
|
||||||
|
<ul class="ml-6 list-disc space-y-1">
|
||||||
|
<li>Provide match statistics and performance analysis</li>
|
||||||
|
<li>Track player performance over time</li>
|
||||||
|
<li>Generate charts and visualizations</li>
|
||||||
|
<li>Improve our service and user experience</li>
|
||||||
|
<li>Detect and prevent abuse</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Cookies -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<div class="mb-4 flex items-center gap-2">
|
||||||
|
<Cookie class="h-6 w-6 text-primary" />
|
||||||
|
<h2 class="text-2xl font-bold text-base-content">Cookies and Local Storage</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="space-y-2 text-base-content/80">
|
||||||
|
<p>We use browser local storage to:</p>
|
||||||
|
<ul class="ml-6 list-disc space-y-1">
|
||||||
|
<li>Save your theme preference (light/dark mode)</li>
|
||||||
|
<li>Remember your favorite players</li>
|
||||||
|
<li>Track recently visited player profiles</li>
|
||||||
|
</ul>
|
||||||
|
<p class="mt-4">
|
||||||
|
You can clear this data at any time through your browser settings. No tracking cookies are
|
||||||
|
used.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Data Sharing -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Data Sharing and Disclosure</h2>
|
||||||
|
<div class="space-y-2 text-base-content/80">
|
||||||
|
<p>We do not sell, trade, or rent your personal information to third parties.</p>
|
||||||
|
<p>We may share information in the following circumstances:</p>
|
||||||
|
<ul class="ml-6 list-disc space-y-1">
|
||||||
|
<li>When required by law or legal process</li>
|
||||||
|
<li>To protect our rights, property, or safety</li>
|
||||||
|
<li>With service providers who assist in operating our platform</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Security -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Data Security</h2>
|
||||||
|
<p class="text-base-content/80">
|
||||||
|
We implement reasonable security measures to protect your information. However, no method of
|
||||||
|
transmission over the Internet is 100% secure. All Steam data displayed is already publicly
|
||||||
|
available through Steam's Community features.
|
||||||
|
</p>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Your Rights -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Your Rights</h2>
|
||||||
|
<div class="space-y-2 text-base-content/80">
|
||||||
|
<p>You have the right to:</p>
|
||||||
|
<ul class="ml-6 list-disc space-y-1">
|
||||||
|
<li>Access the data we have about you</li>
|
||||||
|
<li>Request correction of inaccurate data</li>
|
||||||
|
<li>Request deletion of your data</li>
|
||||||
|
<li>Opt-out of data collection by not using our service</li>
|
||||||
|
</ul>
|
||||||
|
<p class="mt-4">
|
||||||
|
Since we only display publicly available Steam data, you can control what information is
|
||||||
|
public through your Steam privacy settings.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Third-Party Services -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Third-Party Services</h2>
|
||||||
|
<div class="space-y-2 text-base-content/80">
|
||||||
|
<p>Our service may contain links to third-party websites, including:</p>
|
||||||
|
<ul class="ml-6 list-disc space-y-1">
|
||||||
|
<li>Steam Community profiles</li>
|
||||||
|
<li>Google Translate (for chat translation)</li>
|
||||||
|
</ul>
|
||||||
|
<p class="mt-4">
|
||||||
|
We are not responsible for the privacy practices of these third-party services. Please
|
||||||
|
review their privacy policies.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Children's Privacy -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Children's Privacy</h2>
|
||||||
|
<p class="text-base-content/80">
|
||||||
|
Our service is not directed to children under 13. We do not knowingly collect personal
|
||||||
|
information from children. If you believe we have collected information from a child, please
|
||||||
|
contact us.
|
||||||
|
</p>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Changes -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<h2 class="mb-4 text-2xl font-bold text-base-content">Changes to This Policy</h2>
|
||||||
|
<p class="text-base-content/80">
|
||||||
|
We may update this Privacy Policy from time to time. Changes will be posted on this page with
|
||||||
|
an updated "Last updated" date. Continued use of the service after changes constitutes
|
||||||
|
acceptance of the updated policy.
|
||||||
|
</p>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Contact -->
|
||||||
|
<Card padding="lg">
|
||||||
|
<div class="mb-4 flex items-center gap-2">
|
||||||
|
<Mail class="h-6 w-6 text-primary" />
|
||||||
|
<h2 class="text-2xl font-bold text-base-content">Contact Us</h2>
|
||||||
|
</div>
|
||||||
|
<p class="text-base-content/80">
|
||||||
|
If you have questions about this Privacy Policy or our data practices, please visit our GitHub
|
||||||
|
repository for more information or to report issues.
|
||||||
|
</p>
|
||||||
|
</Card>
|
||||||
|
|
||||||
|
<!-- Footer Note -->
|
||||||
|
<div class="text-center text-sm text-base-content/60">
|
||||||
|
<p>
|
||||||
|
CS2.WTF is not affiliated with Valve Corporation or Counter-Strike. All trademarks are
|
||||||
|
property of their respective owners.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Reference in New Issue
Block a user