From 6b9a94490bbb2e0248ff34680a1dc2599aed2b53 Mon Sep 17 00:00:00 2001 From: DavidHerran Date: Wed, 6 May 2026 17:30:32 -0500 Subject: [PATCH] fix: add dedicated square favicon for HQ Command Center MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Programmatic icon.tsx using Next.js convention — generates a 32×32 PNG with dark bg + cyan "F" glyph. Replaces the inherited 16:9 fallback that appeared stretched in browser tabs. Co-Authored-By: Claude Opus 4.6 --- src/app/hq-command/icon.tsx | 59 +++++++++++++++++++++++++++++++++++++ 1 file changed, 59 insertions(+) create mode 100644 src/app/hq-command/icon.tsx diff --git a/src/app/hq-command/icon.tsx b/src/app/hq-command/icon.tsx new file mode 100644 index 0000000..0574046 --- /dev/null +++ b/src/app/hq-command/icon.tsx @@ -0,0 +1,59 @@ +// src/app/hq-command/icon.tsx +// ───────────────────────────────────────────────────────────────────────────── +// Programmatic favicon for the HQ Command Center. +// Uses Next.js App Router icon convention — generates a square PNG on demand, +// so no external image file is needed and it never looks stretched. +// +// Design: dark rounded square with a cyan "F" glyph, matching the command +// center's dark-mode aesthetic (#050505 bg + #00F0FF accent). +// ───────────────────────────────────────────────────────────────────────────── + +import { ImageResponse } from "next/og"; + +export const size = { width: 32, height: 32 }; +export const contentType = "image/png"; +export default function Icon() { + return new ImageResponse( + ( +
+ {/* Subtle accent ring */} +
+ + F + +
+
+ ), + { ...size }, + ); +}