mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-17 16:46:31 +03:00
Paul Bakaus
c598a63498
Every hand-authored HTML page now carries the same sticky top nav: Home / Skills / Anti-Patterns / Tutorials / Gallery / GitHub. The three future sections (skills, anti-patterns, tutorials) will land behind these links in subsequent commits. - Add <header class="site-header"> with a <!-- site-header v1 --> marker to index, cheatsheet, gallery, privacy - Each page links public/css/sub-pages.css so it picks up the shared header styling (sticky, backdrop blur, accent-underlined current item) - Gallery: drop the inline .site-header/.header-brand/.header-nav definitions that predate the shared component (class names conflicted) - Cheatsheet: restructure the page title into .cheatsheet-page-header so it doesn't collide with the new <header class="site-header">; move the page container max-width/padding off <body> onto .cheatsheet-page-header, main, and footer so the shared sticky header spans the full viewport - Privacy: full styling refresh using sub-pages.css tokens + a small inline block for the page body typography - Add a validateSiteHeader step to scripts/build.js that fails the build if any of the four pages drops the marker - Add /privacy route to server/index.js so extensionless URLs work All four built pages pass the marker check; dev server serves all four with 200 and the shared header.
76 lines
4.8 KiB
HTML
76 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Privacy Policy - Impeccable</title>
|
|
<meta name="robots" content="noindex">
|
|
<link rel="icon" type="image/svg+xml" href="./favicon.svg">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600&family=Instrument+Sans:wght@400;500;600&family=Space+Grotesk:wght@400;500;600&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="./css/sub-pages.css">
|
|
<style>
|
|
.privacy-content { max-width: 680px; margin: 0 auto; padding: 2rem 1.5rem 4rem; }
|
|
.privacy-content h1 { font-family: var(--font-display); font-size: 2.25rem; margin-bottom: 0.5rem; letter-spacing: -0.01em; }
|
|
.privacy-content h2 { font-size: 1.125rem; margin-top: 2rem; font-weight: 600; }
|
|
.privacy-content p, .privacy-content ul { color: var(--color-charcoal); margin-top: 0.5rem; }
|
|
.privacy-content ul { padding-left: 1.25rem; }
|
|
.privacy-content li { margin-top: 0.25rem; }
|
|
.privacy-content a { color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; }
|
|
.privacy-content a:hover { color: var(--color-accent-hover); }
|
|
.privacy-content .updated { color: var(--color-ash); font-size: 0.875rem; margin-bottom: 2rem; font-style: italic; }
|
|
</style>
|
|
</head>
|
|
<body class="sub-page">
|
|
<!-- site-header v1 -->
|
|
<header class="site-header" data-site-header>
|
|
<a href="/" class="site-header-brand" aria-label="Impeccable home">
|
|
<span class="site-header-brand-name">Impeccable</span>
|
|
</a>
|
|
<nav class="site-header-nav" aria-label="Primary">
|
|
<a href="/" data-nav="home">Home</a>
|
|
<a href="/skills" data-nav="skills">Skills</a>
|
|
<a href="/anti-patterns" data-nav="anti-patterns">Anti-Patterns</a>
|
|
<a href="/tutorials" data-nav="tutorials">Tutorials</a>
|
|
<a href="/gallery" data-nav="gallery">Gallery</a>
|
|
<a href="https://github.com/pbakaus/impeccable" target="_blank" rel="noopener" data-nav="github">GitHub</a>
|
|
</nav>
|
|
</header>
|
|
|
|
<main class="privacy-content">
|
|
<h1>Privacy Policy</h1>
|
|
<p class="updated">Last updated: April 6, 2026</p>
|
|
|
|
<h2>What Impeccable is</h2>
|
|
<p>Impeccable is an open-source collection of agent skills (text files) that run locally in your AI coding tool. The skills themselves collect no data, make no network requests, and have no analytics.</p>
|
|
|
|
<h2>Website analytics</h2>
|
|
<p>The Impeccable website (<a href="https://impeccable.style">impeccable.style</a>) uses Google Analytics to understand traffic patterns (page views, referrers, country). No personal information is collected beyond what Google Analytics provides by default. No cookies are used for advertising.</p>
|
|
|
|
<h2>Downloads</h2>
|
|
<p>When you download a skill bundle from the website, we log the download event (which bundle, timestamp) for usage statistics. No personal information is attached to these logs.</p>
|
|
|
|
<h2>Claude Code Plugin</h2>
|
|
<p>When installed as a Claude Code plugin, Impeccable runs entirely within your local Claude Code session. No data is sent to Impeccable's servers. Anthropic's own privacy policy governs the Claude Code application itself.</p>
|
|
|
|
<h2>Chrome Extension</h2>
|
|
<p>The Impeccable Chrome DevTools extension runs entirely in your browser. All anti-pattern detection happens locally on the page you are inspecting. No page content, URLs, or detection results are ever sent to any external server.</p>
|
|
<p>The extension stores your rule preferences (which detections are enabled or disabled) using Chrome's built-in sync storage (<code>chrome.storage.sync</code>), which syncs settings across your Chrome instances via your Google account. No other data is stored or transmitted.</p>
|
|
<p>The extension requests the following permissions:</p>
|
|
<ul>
|
|
<li><strong>activeTab / scripting</strong> - to inject the detector script into the page you are inspecting</li>
|
|
<li><strong>storage</strong> - to save your rule preferences</li>
|
|
<li><strong>webNavigation</strong> - to re-scan automatically when you navigate to a new page</li>
|
|
<li><strong>Host permissions (all URLs)</strong> - so the detector can run on any website you choose to inspect</li>
|
|
</ul>
|
|
|
|
<h2>GitHub</h2>
|
|
<p>The source code is hosted on GitHub. Interactions with the repository (issues, pull requests, stars) are governed by <a href="https://docs.github.com/en/site-policy/privacy-policies/github-general-privacy-statement">GitHub's privacy policy</a>.</p>
|
|
|
|
<h2>Contact</h2>
|
|
<p>Questions about this policy? Open an issue on <a href="https://github.com/pbakaus/impeccable">GitHub</a> or reach out to <a href="https://x.com/pbakaus">@pbakaus</a>.</p>
|
|
</main>
|
|
</body>
|
|
</html>
|