Add favicon, shortcut icon, and apple-touch-icon matching app logo

thread_ripper/server.py

@@ -115,6 +115,14 @@ def download_thread(thread_id: str, format: str):
 def health_check():
     return {"status": "ok", "app": "Thread Ripper", "version": "1.0.0"}
 
+# Direct favicon endpoint for browsers requesting /favicon.ico
+@app.get("/favicon.ico", include_in_schema=False)
+def get_favicon():
+    fav_file = os.path.join(static_dir, "favicon.ico")
+    if os.path.exists(fav_file):
+        return FileResponse(fav_file)
+    return Response(status_code=404)
+
 # Mount static frontend directory
 static_dir = os.path.join(os.path.dirname(__file__), "static")
 if os.path.exists(static_dir):

thread_ripper/static/favicon.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <defs>
+    <linearGradient id="logo-grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1f6feb" />
+      <stop offset="100%" stop-color="#8957e5" />
+    </linearGradient>
+  </defs>
+  <!-- Rounded badge background -->
+  <rect width="64" height="64" rx="16" fill="url(#logo-grad)" />
+  <!-- Centered Chain/Link Icon -->
+  <g transform="translate(8, 8) scale(2)" fill="none" stroke="#ffffff" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
+    <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
+  </g>
+</svg>

thread_ripper/static/index.html

@@ -4,6 +4,11 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Thread Ripper - Stitch Threads into Single Posts</title>
+  <!-- Favicon and Shortcut Icons matching the app logo -->
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="alternate icon" type="image/png" href="/favicon.png">
+  <link rel="shortcut icon" href="/favicon.ico">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
   <link rel="stylesheet" href="style.css">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>