jyapayne/houserules
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ui): add knight-silhouette favicon, theme-color, and meta description

Browse source 
Previously the site had no favicon — browsers showed a generic tab
icon and PWA installs would have used the default. Adds:

- packages/chess/public/favicon.svg — knight on a dark rounded tile,
  purpose-built for small sizes (fill-only, high contrast).
- <link rel=icon type=image/svg+xml> + apple-touch-icon wiring in
  index.html so the SVG serves as the primary tab icon on every
  platform (Chrome/Firefox/Safari desktop + iOS home-screen).
- theme-color (#0f172a) matching the favicon tile so mobile
  browser chrome coordinates with the site's dark accent.
- meta description for search-result snippets and link previews.
This commit is contained in:
Joey Yakimowich-Payne 2026-04-21 13:35:42 -06:00
commit 3bdfba38e0
No known key found for this signature in database
2 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

10
packages/chess/index.html
View file

@ -3,6 +3,16 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Primary SVG favicon — scales cleanly from 16px tab icons up
to PWA install tiles. Vite serves everything under public/
at the site root, so the absolute path works in dev + build. -->
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- iOS / macOS home screen + Safari pinned tabs. apple-touch-icon
only accepts PNG in the spec, but modern Safari happily
accepts SVG and rasterizes it at the right size. -->
<link rel="apple-touch-icon" href="/favicon.svg" />
<meta name="theme-color" content="#0f172a" />
<meta name="description" content="Houserules — chess, your rules. A custom-rules chess demo with a modifier profile editor and layout designer." />
<title>Houserules</title>
</head>
<body>