Configure favicon

Changes

4 changed files (+38/-0)

• build.zig
  • @@ -90,6 +90,7 @@ const dir = b.addWriteFiles();
    _ = dir.addCopyFile(b.path("src/index.html"), "index.html"); _ = dir.addCopyFile(elements_js, "elements.js"); + _ = dir.addCopyFile(b.path("src/logo.svg"), "logo.svg"); _ = dir.addCopyDirectory(b.path("vendor/barlow"), "vendor/barlow", .{}); _ = dir.addCopyDirectory(b.path("vendor/Inter"), "vendor/Inter", .{});
• src/index.html
  • @@ -15,6 +15,7 @@ <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="color-scheme" content="light dark" /> <title>Configurable Leathercraft Templates | CLT</title> <meta name="description" content="My leathercraft templates and configurator application" /> + <link rel="icon" href="/logo.svg" /> <style> :where(*, *::before, *::after) { box-sizing: border-box;
• src/logo.svg (new)
  • @@ -0,0 +1,35 @@
    + <!-- + Copyright 2026 Shota FUJI + + This source code and the design it expresses are licensed under + the Creative Commons Attribution 4.0 International License. + + SPDX-License-Identifier: CC-BY-4.0 + --> + <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 100 100"> + <style> + #fill { + fill: black; + } + + @media (prefers-color-scheme: dark) { + #fill { + fill: white; + } + } + </style> + <mask id="mask" mask-type="luminance"> + <rect fill="white" x="0" y="0" width="100" height="100" /> + <g transform="rotate(33 50 50)"> + <line stroke="black" stroke-width="17" x1="50" y1="0" x2="50" y2="52" /> + <ellipse fill="black" cx="50" cy="42" rx="30" ry="10" /> + <rect fill="black" x="20" y="42" width="60" height="10" /> + + <path fill="black" d="M20,51 v26 l9,-5 v-21 Z" /> + <path fill="black" d="M37,51 v26 l9,-5 v-21 Z" /> + <path fill="black" d="M54,51 v26 l9,-5 v-21 Z" /> + <path fill="black" d="M71,51 v26 l9,-5 v-21 Z" /> + </g> + </mask> + <circle id="fill" cx="50" cy="50" r="49" mask="url(#mask)" /> + </svg>
• src/pws01/index.html
  • @@ -14,6 +14,7 @@ <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="color-scheme" content="light dark" /> <title>Template Editor | CTB-PWS01</title> + <link rel="icon" href="/logo.svg" /> <script src="./main.js"></script> <script type="module"> const PREFERENCES_KEY = "ctb.preferences";