From c566881cc2cc13654744fe30f4e2ad998fa2a298 Mon Sep 17 00:00:00 2001
From: nate <nate@forehead-gate.com>
Date: Thu, 19 Mar 2026 17:23:49 +0400
Subject: [PATCH] add favicon

---
 apps/web/src/dashboard/favicon.svg   | 8 ++++++++
 apps/web/src/routes/dashboard.ts     | 9 ++++++---
 apps/web/src/views/docs.ejs          | 2 +-
 apps/web/src/views/landing.ejs       | 3 ++-
 apps/web/src/views/login.ejs         | 5 +++--
 apps/web/src/views/partials/head.ejs | 7 ++++---
 apps/web/src/views/privacy.ejs       | 2 +-
 apps/web/src/views/tos.ejs           | 2 +-
 8 files changed, 26 insertions(+), 12 deletions(-)
 create mode 100644 apps/web/src/dashboard/favicon.svg

diff --git a/apps/web/src/dashboard/favicon.svg b/apps/web/src/dashboard/favicon.svg
new file mode 100644
index 0000000..fba6aff
--- /dev/null
+++ b/apps/web/src/dashboard/favicon.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <rect width="32" height="32" rx="6" fill="#0a0a0a"/>
+  <text x="3" y="23" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#e5e7eb">P</text>
+  <text x="14" y="23" font-family="system-ui, sans-serif" font-weight="700" font-size="18" fill="#3b82f6">Q</text>
+  <circle cx="26" cy="6" r="3" fill="#22c55e">
+    <animate attributeName="opacity" values="1;0.4;1" dur="2s" repeatCount="indefinite"/>
+  </circle>
+</svg>
diff --git a/apps/web/src/routes/dashboard.ts b/apps/web/src/routes/dashboard.ts
index 720b9a6..3f0237b 100644
--- a/apps/web/src/routes/dashboard.ts
+++ b/apps/web/src/routes/dashboard.ts
@@ -163,9 +163,12 @@ const dashDir = resolve(import.meta.dir, "../dashboard");
 export const dashboard = new Elysia()
   .get("/", () => html("landing", {}))
 
-  .get("/dashboard/app.js",           () => new Response(Bun.file(`${dashDir}/app.js`),           { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
-  .get("/dashboard/app.css",          () => new Response(Bun.file(`${dashDir}/app.css`),          { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
-  .get("/dashboard/tailwind.css",     () => new Response(Bun.file(`${dashDir}/tailwind.css`),     { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
+  // Shared assets
+  .get("/favicon.svg",                () => new Response(Bun.file(`${dashDir}/favicon.svg`),      { headers: { "content-type": "image/svg+xml", "cache-control": "public, max-age=86400" } }))
+  .get("/assets/tailwind.css",        () => new Response(Bun.file(`${dashDir}/tailwind.css`),     { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
+  .get("/assets/app.css",             () => new Response(Bun.file(`${dashDir}/app.css`),          { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
+  .get("/assets/app.js",              () => new Response(Bun.file(`${dashDir}/app.js`),           { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
+  // Dashboard-only assets
   .get("/dashboard/query-builder.js", () => new Response(Bun.file(`${dashDir}/query-builder.js`), { headers: { "cache-control": "public, max-age=31536000, immutable" } }))
 
   // Login page
diff --git a/apps/web/src/views/docs.ejs b/apps/web/src/views/docs.ejs
index 40b3324..0a08c06 100644
--- a/apps/web/src/views/docs.ejs
+++ b/apps/web/src/views/docs.ejs
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PingQL — Documentation</title>
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
   <style>
     body { font-family: 'JetBrains Mono', 'SF Mono', 'Fira Code', ui-monospace, monospace; background: #0a0a0a; }
     pre, code { font-family: inherit; }
diff --git a/apps/web/src/views/landing.ejs b/apps/web/src/views/landing.ejs
index 58c6962..92c1754 100644
--- a/apps/web/src/views/landing.ejs
+++ b/apps/web/src/views/landing.ejs
@@ -4,8 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PingQL — Uptime monitoring that thinks like a developer</title>
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <meta name="description" content="Monitor uptime with a MongoDB-style query language. Inspect JSON, HTML, headers, certs, and more — not just ping.">
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <style>
diff --git a/apps/web/src/views/login.ejs b/apps/web/src/views/login.ejs
index b928619..5e7fde9 100644
--- a/apps/web/src/views/login.ejs
+++ b/apps/web/src/views/login.ejs
@@ -4,8 +4,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PingQL — Sign In</title>
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
-  <link rel="stylesheet" href="/dashboard/app.css?v=<%= it.cssHash %>">
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/app.css?v=<%= it.cssHash %>">
 </head>
 <body class="bg-[#0a0a0a] text-gray-100 min-h-screen flex items-center justify-center p-4">
   <div class="w-full max-w-md">
diff --git a/apps/web/src/views/partials/head.ejs b/apps/web/src/views/partials/head.ejs
index b2199d2..b619111 100644
--- a/apps/web/src/views/partials/head.ejs
+++ b/apps/web/src/views/partials/head.ejs
@@ -4,9 +4,10 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PingQL<%= it.title ? ` — ${it.title}` : '' %></title>
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
-  <link rel="stylesheet" href="/dashboard/app.css?v=<%= it.cssHash %>">
-  <script src="/dashboard/app.js?v=<%= it.jsHash %>"></script>
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/app.css?v=<%= it.cssHash %>">
+  <script src="/assets/app.js?v=<%= it.jsHash %>"></script>
   <% if (it.scripts) { it.scripts.forEach(function(s) { %>
   <script src="<%= s %>"></script>
   <% }) } %>
diff --git a/apps/web/src/views/privacy.ejs b/apps/web/src/views/privacy.ejs
index 302a894..aa7e5b2 100644
--- a/apps/web/src/views/privacy.ejs
+++ b/apps/web/src/views/privacy.ejs
@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Privacy — PingQL</title>
   <meta name="description" content="PingQL's privacy policy. No tracking, no data sales, no ads. We store what we need and nothing more.">
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <style>
diff --git a/apps/web/src/views/tos.ejs b/apps/web/src/views/tos.ejs
index 7831888..a6ade57 100644
--- a/apps/web/src/views/tos.ejs
+++ b/apps/web/src/views/tos.ejs
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>PingQL — Terms of Service</title>
-  <link rel="stylesheet" href="/dashboard/tailwind.css?v=<%= it.cssHash %>">
+  <link rel="stylesheet" href="/assets/tailwind.css?v=<%= it.cssHash %>">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
 </head>