feat(ui): add favicon to find monitoring in tab list
1 files changed,  +12, -0
M src/html.ts
+12, -0
 1@@ -179,12 +179,24 @@ export function html(content: string, status = 200): Response {
 2   });
 3 }
 4 
 5+/** Favicon: a white exclamation mark on a red rounded square, inlined as an SVG data URI. */
 6+const FAVICON =
 7+  "data:image/svg+xml," +
 8+  encodeURIComponent(
 9+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">` +
10+      `<rect width="64" height="64" rx="14" fill="#c62828"/>` +
11+      `<rect x="26" y="8" width="12" height="30" rx="6" fill="#fff"/>` +
12+      `<circle cx="32" cy="48" r="7" fill="#fff"/>` +
13+      `</svg>`,
14+  );
15+
16 function layout(title: string, content: string): string {
17   return `<!doctype html>
18 <html lang="en">
19 <head>
20 <meta charset="utf-8">
21 <meta name="viewport" content="width=device-width, initial-scale=1">
22+<link rel="icon" href="${FAVICON}">
23 <title>${esc(title)}</title>
24 <style>${CSS}</style>
25 </head>