Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
93 changes: 87 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="PanicLock - Instantly disable Touch ID and lock your Mac with one click or keyboard shortcut.">
<meta name="description" content="PanicLock - Keep Touch ID for daily convenience, get instant password-only security when you need it. Your Mac's escape hatch for border crossings, protests, and high-risk situations.">
<meta name="keywords" content="PanicLock, macOS, Touch ID, security, privacy, lock screen, menu bar">
<title>PanicLock - Panic Button for Your Mac</title>
<link rel="stylesheet" href="styles.css">
Expand All @@ -23,16 +23,27 @@ <h1>🔒 PanicLock</h1>
<section class="hero">
<div class="container">
<h1>🔴 Panic Button for Your Mac</h1>
<p class="tagline">Instantly disable Touch ID and lock your Mac with one click or keyboard shortcut.</p>
<p class="tagline">Keep Touch ID for daily convenience. Get instant password-only security when you need it.</p>
<div class="cta-buttons">
<a href="#features" class="btn btn-primary">Learn More</a>
</div>
</div>
</section>

<section id="why" class="why">
<div class="container">
<h2>Why PanicLock?</h2>
<p class="section-intro">Touch ID is genuinely useful 99% of the time—faster, easier, no shoulder-surfing risk. Most people don't want to disable it permanently.</p>
<p class="section-intro"><strong>But that 1% of situations where you need instant password-only security?</strong> There's no fast option on macOS.</p>
<div class="info-box">
<p><strong>PanicLock is your escape hatch:</strong> Keep the convenience of biometrics for daily use, with an instant "oh shit" button when circumstances change.</p>
</div>
</div>
</section>

<section id="features" class="features">
<div class="container">
<h2>Features</h2>
<h2>How It Works</h2>
<p class="features-intro">On iOS, you can squeeze your phone's buttons to disable biometrics. macOS has no equivalent — until now.</p>
<div class="feature-grid">
<div class="feature-card">
Expand All @@ -54,24 +65,94 @@ <h3>Password Only</h3>
</div>
</section>

<section id="security" class="security">
<div class="container">
<h2>PanicLock vs Shutdown</h2>
<div class="comparison">
<div class="comparison-card">
<h3>🚨 PanicLock</h3>
<p><strong>Fast "oh shit" button</strong></p>
<ul>
<li>Instant lock (1 second)</li>
<li>Disables Touch ID immediately</li>
<li>Preserves your session</li>
<li>Back to work in minutes</li>
</ul>
</div>
<div class="comparison-card">
<h3>🔴 Full Shutdown</h3>
<p><strong>Maximum security</strong></p>
<ul>
<li>Purges encryption keys</li>
<li>Fully locks FileVault</li>
<li>Takes time to shutdown & restart</li>
<li>Kills your session</li>
</ul>
</div>
</div>
<p class="security-note"><strong>Use shutdown when you can, PanicLock when you can't.</strong> Shutting down is the most secure option—but when you need your Mac locked <em>now</em> and you'll be back in five minutes, PanicLock is your answer.</p>
</div>
</section>

<section id="legal" class="legal">
<div class="container">
<h2>Legal Protection Matters</h2>
<div class="legal-content">
<p class="legal-highlight">⚖️ <strong>Biometrics can be compelled by law enforcement in many jurisdictions</strong></p>
<p>Passwords generally have stronger legal protection under the 5th Amendment in the US. When it matters, forcing password-only authentication adds a critical layer of legal defense.</p>
</div>
</div>
</section>

<section id="use-cases" class="use-cases">
<div class="container">
<h2>Perfect For</h2>
<h2>High-Risk Situations</h2>
<p class="section-intro">When you need instant password-only security:</p>
<ul class="use-case-list">
<li>🛂 Border crossings & security checkpoints</li>
<li>🛂 <strong>Border crossings</strong> & security checkpoints</li>
<li>📢 <strong>Protests</strong> or demonstrations</li>
<li>👤 Preventing forced Touch ID access</li>
<li>🚨 Any situation requiring immediate password-only security</li>
</ul>
</div>
</section>

<section id="for-whom" class="for-whom">
<div class="container">
<h2>Built For</h2>
<div class="persona-grid">
<div class="persona-card">
<div class="persona-icon">✈️</div>
<h3>Travelers</h3>
<p>Protecting sensitive client or company data across borders</p>
</div>
<div class="persona-card">
<div class="persona-icon">📰</div>
<h3>Journalists</h3>
<p>Safeguarding sources and confidential information</p>
</div>
<div class="persona-card">
<div class="persona-icon">⚖️</div>
<h3>Lawyers</h3>
<p>Maintaining attorney-client privilege</p>
</div>
<div class="persona-card">
<div class="persona-icon">📣</div>
<h3>Activists</h3>
<p>Securing devices in hostile environments</p>
</div>
</div>
</div>
</section>

<section class="cta">
<div class="container">
<h2>Ready to Secure Your Mac?</h2>
<p>Get the panic button your Mac deserves.</p>
<p class="opensource-note">PanicLock is open source software.</p>
<div class="cta-buttons">
<a href="https://github.com/paniclock/paniclock" class="btn btn-primary">View on GitHub</a>
<a href="https://github.com/paniclock/paniclock/releases/latest" class="btn btn-primary btn-large">Download PanicLock</a>
<a href="https://github.com/paniclock/paniclock" class="btn btn-secondary">View on GitHub</a>
</div>
</div>
</section>
Expand Down
Loading