From 441ddeaad7c171c43d3c494bfa050b207bf3ac25 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 11:03:06 +0000 Subject: [PATCH 1/4] Initial plan From 79af57c1857bb636224fa2d417d1c2c96af0c8b0 Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 11:06:19 +0000 Subject: [PATCH 2/4] Enhance website messaging with comprehensive value proposition Co-authored-by: seanieb <191516+seanieb@users.noreply.github.com> --- index.html | 90 ++++++++++++++++++-- styles.css | 240 +++++++++++++++++++++++++++++++++++++++++++++++++++-- 2 files changed, 316 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 4521339..fb7f000 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + PanicLock - Panic Button for Your Mac @@ -23,16 +23,27 @@

🔒 PanicLock

🔴 Panic Button for Your Mac

-

Instantly disable Touch ID and lock your Mac with one click or keyboard shortcut.

+

Keep Touch ID for daily convenience. Get instant password-only security when you need it.

Learn More
+
+
+

Why PanicLock?

+

Touch ID is genuinely useful 99% of the time—faster, easier, no shoulder-surfing risk. Most people don't want to disable it permanently.

+

But that 1% of situations where you need instant password-only security? There's no fast option on macOS.

+
+

PanicLock is your escape hatch: Keep the convenience of biometrics for daily use, with an instant "oh shit" button when circumstances change.

+
+
+
+
-

Features

+

How It Works

On iOS, you can squeeze your phone's buttons to disable biometrics. macOS has no equivalent — until now.

@@ -54,17 +65,86 @@

Password Only

+
+
+

PanicLock vs Shutdown

+
+
+

🚨 PanicLock

+

Fast "oh shit" button

+
    +
  • Instant lock (1 second)
    • +
  • Disables Touch ID immediately
    • +
  • Preserves your session
    • +
  • Back to work in minutes
    • +
+
+
+

🔴 Full Shutdown

+

Maximum security

+
    +
  • Purges encryption keys
    • +
  • Fully locks FileVault
    • +
  • Takes time to shutdown & restart
    • +
  • Kills your session
    • +
+
+
+

Use shutdown when you can, PanicLock when you can't. Shutting down is the most secure option—but when you need your Mac locked now and you'll be back in five minutes, PanicLock is your answer.

+
+
+ + +
-

Perfect For

+

High-Risk Situations

+

When you need instant password-only security:

+
+
+

Built For

+
+
+
✈️
+

Travelers

+

Protecting sensitive client or company data across borders

+
+
+
📰
+

Journalists

+

Safeguarding sources and confidential information

+
+
+
⚖️
+

Lawyers

+

Maintaining attorney-client privilege

+
+
+
📣
+

Activists

+

Securing devices in hostile environments

+
+
+
+
+

Ready to Secure Your Mac?

diff --git a/styles.css b/styles.css index c173962..1cec84d 100644 --- a/styles.css +++ b/styles.css @@ -138,9 +138,52 @@ nav { margin-right: auto; } +/* Why Section */ +.why { + padding: 50px 20px; + background-color: var(--background); + text-align: center; +} + +.why h2 { + font-size: 32px; + font-weight: 700; + margin-bottom: 20px; + color: var(--text-color); +} + +.section-intro { + font-size: 17px; + line-height: 1.7; + color: var(--text-color); + max-width: 750px; + margin: 0 auto 15px; +} + +.section-intro strong { + color: var(--text-color); +} + +.info-box { + background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%); + border-left: 4px solid var(--primary-color); + padding: 20px 25px; + margin: 25px auto 0; + max-width: 750px; + border-radius: 8px; + text-align: left; +} + +.info-box p { + font-size: 16px; + line-height: 1.6; + color: var(--text-color); + margin: 0; +} + /* Features Section */ .features { - padding: 40px 20px 35px; + padding: 50px 20px 40px; background-color: var(--background-alt); } @@ -202,30 +245,141 @@ nav { color: var(--text-light); } +/* Security Comparison Section */ +.security { + padding: 50px 20px; + background-color: var(--background); +} + +.security h2 { + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 30px; + color: var(--text-color); +} + +.comparison { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: 25px; + max-width: 900px; + margin: 0 auto 30px; +} + +.comparison-card { + background-color: var(--background-alt); + padding: 30px 25px; + border-radius: 12px; + box-shadow: var(--shadow); +} + +.comparison-card h3 { + font-size: 22px; + font-weight: 600; + margin-bottom: 10px; + color: var(--text-color); +} + +.comparison-card p { + font-size: 15px; + margin-bottom: 15px; + color: var(--text-light); +} + +.comparison-card ul { + list-style: none; + padding: 0; +} + +.comparison-card ul li { + font-size: 15px; + padding: 8px 0; + color: var(--text-color); + border-bottom: 1px solid var(--border-color); +} + +.comparison-card ul li:last-child { + border-bottom: none; +} + +.security-note { + font-size: 16px; + line-height: 1.7; + color: var(--text-color); + max-width: 800px; + margin: 0 auto; + text-align: center; +} + +.security-note strong { + color: var(--text-color); +} + +.security-note em { + font-style: italic; +} + +/* Legal Section */ +.legal { + padding: 50px 20px; + background: linear-gradient(135deg, rgba(102, 126, 234, 0.05) 0%, rgba(118, 75, 162, 0.05) 100%); + border-top: 2px solid var(--border-color); + border-bottom: 2px solid var(--border-color); +} + +.legal h2 { + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 25px; + color: var(--text-color); +} + +.legal-content { + max-width: 750px; + margin: 0 auto; + text-align: center; +} + +.legal-highlight { + font-size: 18px; + font-weight: 600; + margin-bottom: 15px; + color: var(--text-color); + line-height: 1.6; +} + +.legal-content p { + font-size: 16px; + line-height: 1.7; + color: var(--text-light); +} + /* Use Cases Section */ .use-cases { - padding: 40px 20px; + padding: 50px 20px; background-color: var(--background); } .use-cases h2 { - font-size: 28px; + font-size: 32px; font-weight: 700; text-align: center; - margin-bottom: 25px; + margin-bottom: 20px; color: var(--text-color); } .use-case-list { list-style: none; - max-width: 600px; + max-width: 700px; margin: 0 auto; } .use-case-list li { font-size: 16px; - padding: 14px 18px; - margin-bottom: 10px; + padding: 16px 20px; + margin-bottom: 12px; background-color: var(--background-alt); border-radius: 10px; box-shadow: var(--shadow); @@ -233,10 +387,68 @@ nav { transition: transform 0.2s ease; } +.use-case-list li strong { + font-weight: 600; +} + .use-case-list li:hover { transform: translateX(5px); } +/* For Whom Section */ +.for-whom { + padding: 50px 20px; + background-color: var(--background-alt); +} + +.for-whom h2 { + font-size: 32px; + font-weight: 700; + text-align: center; + margin-bottom: 35px; + color: var(--text-color); +} + +.persona-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); + gap: 25px; + max-width: 1000px; + margin: 0 auto; +} + +.persona-card { + background-color: var(--background); + padding: 30px 25px; + border-radius: 12px; + box-shadow: var(--shadow); + transition: transform 0.3s ease, box-shadow 0.3s ease; + text-align: center; +} + +.persona-card:hover { + transform: translateY(-5px); + box-shadow: var(--shadow-lg); +} + +.persona-icon { + font-size: 40px; + margin-bottom: 15px; +} + +.persona-card h3 { + font-size: 20px; + font-weight: 600; + margin-bottom: 10px; + color: var(--text-color); +} + +.persona-card p { + font-size: 15px; + line-height: 1.6; + color: var(--text-light); +} + /* CTA Section */ .cta { padding: 50px 20px; @@ -299,17 +511,27 @@ footer a:hover { } .about h2, + .why h2, .features h2, + .security h2, + .legal h2, .use-cases h2, + .for-whom h2, .cta h2 { font-size: 26px; } - .about .lead { + .about .lead, + .section-intro { font-size: 16px; } - .feature-grid { + .feature-grid, + .persona-grid { + grid-template-columns: 1fr; + } + + .comparison { grid-template-columns: 1fr; } From b73a7ffa0a04c47e3a3a875198567c78629a6a0d Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 11:12:59 +0000 Subject: [PATCH 3/4] Make Built For cards single-row and add download button Co-authored-by: seanieb <191516+seanieb@users.noreply.github.com> --- index.html | 3 ++- styles.css | 43 +++++++++++++++++++++++++++++++------------ 2 files changed, 33 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index fb7f000..173a073 100644 --- a/index.html +++ b/index.html @@ -151,7 +151,8 @@

Ready to Secure Your Mac?

Get the panic button your Mac deserves.

PanicLock is open source software.

- View on GitHub + Download Latest Release + View on GitHub
diff --git a/styles.css b/styles.css index 1cec84d..4ed6620 100644 --- a/styles.css +++ b/styles.css @@ -105,6 +105,18 @@ nav { box-shadow: var(--shadow-lg); } +.btn-secondary { + background-color: rgba(255, 255, 255, 0.2); + color: white; + border: 2px solid white; +} + +.btn-secondary:hover { + background-color: rgba(255, 255, 255, 0.3); + transform: translateY(-2px); + box-shadow: var(--shadow-lg); +} + /* About Section */ .about { padding: 40px 20px; @@ -411,15 +423,15 @@ nav { .persona-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); - gap: 25px; - max-width: 1000px; + grid-template-columns: repeat(4, 1fr); + gap: 20px; + max-width: 1100px; margin: 0 auto; } .persona-card { background-color: var(--background); - padding: 30px 25px; + padding: 25px 18px; border-radius: 12px; box-shadow: var(--shadow); transition: transform 0.3s ease, box-shadow 0.3s ease; @@ -432,20 +444,20 @@ nav { } .persona-icon { - font-size: 40px; - margin-bottom: 15px; + font-size: 36px; + margin-bottom: 12px; } .persona-card h3 { - font-size: 20px; + font-size: 18px; font-weight: 600; - margin-bottom: 10px; + margin-bottom: 8px; color: var(--text-color); } .persona-card p { - font-size: 15px; - line-height: 1.6; + font-size: 14px; + line-height: 1.5; color: var(--text-light); } @@ -526,11 +538,14 @@ footer a:hover { font-size: 16px; } - .feature-grid, - .persona-grid { + .feature-grid { grid-template-columns: 1fr; } + .persona-grid { + grid-template-columns: repeat(2, 1fr); + } + .comparison { grid-template-columns: 1fr; } @@ -557,4 +572,8 @@ footer a:hover { padding: 10px 22px; font-size: 15px; } + + .persona-grid { + grid-template-columns: 1fr; + } } From 4805046baa4889fdcc146f250d0e0a348ba5da6a Mon Sep 17 00:00:00 2001 From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com> Date: Mon, 2 Feb 2026 11:22:28 +0000 Subject: [PATCH 4/4] Make download button more prominent with simplified text Co-authored-by: seanieb <191516+seanieb@users.noreply.github.com> --- index.html | 2 +- styles.css | 6 ++++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 173a073..6a82697 100644 --- a/index.html +++ b/index.html @@ -151,7 +151,7 @@

Ready to Secure Your Mac?

Get the panic button your Mac deserves.

PanicLock is open source software.

- Download Latest Release + Download PanicLock View on GitHub
diff --git a/styles.css b/styles.css index 4ed6620..3360a16 100644 --- a/styles.css +++ b/styles.css @@ -105,6 +105,12 @@ nav { box-shadow: var(--shadow-lg); } +.btn-large { + padding: 16px 40px; + font-size: 18px; + font-weight: 600; +} + .btn-secondary { background-color: rgba(255, 255, 255, 0.2); color: white;