adminandClaude Opus 5.5
2d3b957551
The project has a name and a logo now, but neither the editor tab nor the repo carried it. The logo existed only as a design mockup. - public/brand/ holds the logo in three layouts: the icon alone, the wordmark to the right and the wordmark below. Each comes in a light and a dark variant, with a transparent background. - The geometry is taken from the mockup. Strokes are rebuilt as filled shapes. The wordmark is Manrope Bold converted to paths, with the font's kerning and -0.03em tracking, so no installed font is needed. - The favicon is the dark icon on a rounded #15171B tile, as SVG plus favicon.ico (16, 32, 48 px) and a 180 px apple-touch-icon. Only the editor page links it. play.html shows the games and stays without. - nginx serves the folder as /feuerwerk/public/brand/. Vite has no publicDir, so the files are not copied into dist/. Findings: - At 16 px the strokes get thinner than one pixel and the icon blurs. From 32 px on it is clean. Tests: - Rendered in Chromium at 3x against the mockup: the icon matches to 7 of 255 per channel, wordmark edges sit within 1 device pixel. - Prettier on web/index.html clean. No full gate, the change has no code in it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
19 lines
764 B
HTML
19 lines
764 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>Feuerwerk</title>
|
|
<link rel="icon" href="../public/brand/favicon.ico" sizes="16x16 32x32 48x48" />
|
|
<link rel="icon" href="../public/brand/favicon.svg" type="image/svg+xml" />
|
|
<link rel="apple-touch-icon" href="../public/brand/apple-touch-icon.png" />
|
|
<style>
|
|
html, body { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #1b1d22; }
|
|
canvas { display: block; width: 100%; height: 100%; touch-action: none; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script type="module" src="../src/main.ts"></script>
|
|
</body>
|
|
</html>
|