Add download button beside learn more button and add favicon

Copilot · seanieb · Copilot · commit df48558e8db4 · 2026-02-02T11:29:25.000Z
Co-authored-by: seanieb &lt;191516+seanieb@users.noreply.github.com&gt;
diff --git a/favicon.svg b/favicon.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+  <rect width="100" height="100" rx="20" fill="url(#gradient)"/>
+  <g transform="translate(50,50)">
+    <!-- Lock body -->
+    <rect x="-18" y="0" width="36" height="28" rx="4" fill="white"/>
+    <!-- Lock shackle -->
+    <path d="M -12,-10 C -12,-20 12,-20 12,-10" stroke="white" stroke-width="6" fill="none" stroke-linecap="round"/>
+    <!-- Keyhole -->
+    <circle cx="0" cy="10" r="4" fill="#667eea"/>
+    <rect x="-1.5" y="12" width="3" height="6" rx="1.5" fill="#667eea"/>
+  </g>
+</svg>
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
     <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="icon" type="image/svg+xml" href="favicon.svg">
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
@@ -25,7 +26,8 @@ <h1>🔒 PanicLock</h1>
                 <h1>🔴 Panic Button for Your Mac</h1>
                 <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>
+                    <a href="https://github.com/paniclock/paniclock/releases/latest" class="btn btn-primary">Download</a>
+                    <a href="#features" class="btn btn-secondary">Learn More</a>
                 </div>
             </div>
         </section>
