kgames

commit 751a75cb7d3496d1586e0da1c01ecf877891bf22
parent 3d4e4857e933b510a936057cbd4b5ce75a2eca14
Author: Kyle Barlow <kb@kylebarlow.com>
Date:   Mon, 17 Aug 2026 21:04:15 -0700

Code browser: KGames logo and Fredoka font

The header showed stagit's default logo (invisible against the cream
background), and the stylesheet asked for Fredoka without anything loading
it — stagit's header emits no font <link>, so pull it in via @import.

tools/code-logo.svg follows the thumbnail conventions (rounded square,
#FFF5F5 fill, palette stroke); the PNGs are rendered from it and committed
so deploy.sh needs no image tooling.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01C3gaidQGTXzcyXKfEaw45a

Diffstat:
A
tools/code-favicon.png
 | 
0

A
tools/code-logo.png
 | 
0

A
tools/code-logo.svg
 | 
11
+++++++++++
M
tools/stagit-style.css
 | 
4
++++

4 files changed, 15 insertions(+), 0 deletions(-)
diff --git a/tools/code-favicon.png b/tools/code-favicon.png
Binary files differ.
diff --git a/tools/code-logo.png b/tools/code-logo.png
Binary files differ.
diff --git a/tools/code-logo.svg b/tools/code-logo.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
+  <!-- KGames mark for the code browser. Follows the thumbnail conventions:
+       rounded square, #FFF5F5 fill, palette stroke. -->
+  <rect x="3" y="3" width="94" height="94" rx="22"
+        fill="#FFF5F5" stroke="#2EC4B6" stroke-width="6"/>
+  <path d="M30 20 V80" stroke="#E63946" stroke-width="13" stroke-linecap="round" fill="none"/>
+  <g stroke="#1D7CF2" stroke-width="11" stroke-linecap="round" fill="none">
+    <path d="M36 51 L74 21"/>
+    <path d="M36 51 L76 80"/>
+  </g>
+</svg>
diff --git a/tools/stagit-style.css b/tools/stagit-style.css
@@ -2,6 +2,10 @@
    Based on stagit's default style.css, recoloured to the site palette:
    #E63946 red · #1D7CF2 blue · #FFD23F yellow · #2EC4B6 teal */
 
+/* @import must come before any rule. stagit's header has no <link> of its own,
+   so the site font is pulled in from here. */
+@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap');
+
 body {
 	color: #2b2b2b;
 	background-color: #FFF5F5;