Joey Yakimowich-Payne
3bdfba38e0Previously 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.
22 lines
1 KiB
HTML
22 lines
1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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>
|
|
<div id="root"></div>
|
|
<script type="module" src="/src/app/main.tsx"></script>
|
|
</body>
|
|
</html>
|