Add privacy policy and terms of service pages

[michaeldistel]

Problem

Legal pages missing (required for analytics, cookies, GDPR):

• No privacy policy
• No terms of service
• Cookie notice missing
• GDPR compliance unclear

Legal Requirements

Using Google Analytics requires privacy policy disclosing:

• Data collection practices
• Cookie usage
• Third-party services
• User rights (GDPR)

Solution

Privacy Policy (/privacy)

Required sections:

1. Information We Collect
   • Analytics data (GA)
   • No personal data collected
   • Cookies used
2. How We Use Information
   • Site analytics
   • Performance monitoring
3. Third-Party Services
   • Google Analytics
   • GitHub (for extension hosting)
4. User Rights (GDPR)
   • Right to opt-out
   • DNT (Do Not Track) support
5. Contact Information

Template: Use https://www.privacypolicygenerator.info/

Terms of Service (/terms)

Required sections:

1. Acceptance of Terms
2. Use License (MIT)
3. Extension Usage
4. Disclaimers
5. Limitations
6. Modifications
7. Governing Law

Template: https://www.termsofservicegenerator.net/

Cookie Notice

Add banner on first visit:

<!-- src/lib/components/CookieNotice.svelte -->
<script>
  import { browser } from '$app/environment';
  
  let accepted = browser && localStorage.getItem('cookies-accepted');
  
  function accept() {
    localStorage.setItem('cookies-accepted', 'true');
    accepted = true;
    // Initialize GA after acceptance
  }
</script>

{#if !accepted}
  <div class="cookie-notice">
    <p>
      We use cookies to analyze site usage. 
      See our <a href="/privacy">Privacy Policy</a>.
    </p>
    <button on:click={accept}>Accept</button>
  </div>
{/if}

Footer Links

<footer>
  <!-- ... -->
  <ul>
    <li><a href="/privacy">Privacy Policy</a></li>
    <li><a href="/terms">Terms of Service</a></li>
  </ul>
</footer>

Success Criteria

• Privacy policy page created
• Terms of service page created
• Cookie notice on first visit
• Links in footer
• GDPR compliant
• Legal review complete