feat(ui): add MakerMatrix favicon

ril3y · ril3y · commit 491b54c956eb · 2025-12-24T10:56:56.000-05:00
- Create custom SVG favicon with CPU + binary design - Match purple-blue gradient from header logo - Add explicit route for serving favicon.svg - Replace default Vite favicon 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: ril3y <ril3y@users.noreply.github.com>
diff --git a/MakerMatrix/frontend/index.html b/MakerMatrix/frontend/index.html
@@ -2,7 +2,7 @@
 <html lang="en" class="dark">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>MakerMatrix - Smart Inventory System</title>
     <meta name="description" content="Advanced inventory management system with smart shelf integration" />
diff --git a/MakerMatrix/frontend/public/favicon.svg b/MakerMatrix/frontend/public/favicon.svg
@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#a855f7"/>
+      <stop offset="100%" stop-color="#3b82f6"/>
+    </linearGradient>
+  </defs>
+  <!-- CPU Icon -->
+  <rect x="6" y="6" width="20" height="20" rx="2" fill="none" stroke="url(#grad)" stroke-width="2"/>
+  <rect x="10" y="10" width="12" height="12" rx="1" fill="url(#grad)" opacity="0.3"/>
+  <!-- CPU Pins -->
+  <line x1="10" y1="2" x2="10" y2="6" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="16" y1="2" x2="16" y2="6" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="22" y1="2" x2="22" y2="6" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="10" y1="26" x2="10" y2="30" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="16" y1="26" x2="16" y2="30" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="22" y1="26" x2="22" y2="30" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="2" y1="10" x2="6" y2="10" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="2" y1="16" x2="6" y2="16" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="2" y1="22" x2="6" y2="22" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="26" y1="10" x2="30" y2="10" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="26" y1="16" x2="30" y2="16" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <line x1="26" y1="22" x2="30" y2="22" stroke="url(#grad)" stroke-width="2" stroke-linecap="round"/>
+  <!-- Binary overlay (small) -->
+  <text x="11" y="19" font-family="monospace" font-size="6" font-weight="bold" fill="url(#grad)">01</text>
+</svg>
diff --git a/MakerMatrix/main.py b/MakerMatrix/main.py
@@ -610,6 +610,15 @@ def custom_openapi():
     async def serve_frontend():
         return FileResponse(os.path.join(frontend_dist_path, "index.html"))
 
+    # Serve favicon and other root static files
+    @app.get("/favicon.svg")
+    async def serve_favicon():
+        return FileResponse(os.path.join(frontend_dist_path, "favicon.svg"), media_type="image/svg+xml")
+
+    @app.get("/vite.svg")
+    async def serve_vite_svg():
+        return FileResponse(os.path.join(frontend_dist_path, "vite.svg"), media_type="image/svg+xml")
+
     # Catch-all route for React Router (SPA routing) - but exclude API routes entirely
     @app.get("/{full_path:path}")
     async def serve_frontend_routes(full_path: str):
