krz/krz.sh

clone: git clone https://gitbay.org/krz/krz.sh.git

a16d9f5622a036fda4ba2c3af9339d043a881cf5

verified · cmc

author: Christian Cleberg <hello@cleberg.net> · 2026-08-12T05:12:42Z 

add krz frame mark as favicon, touch icon, and og image

replace the text-based favicon glyph with filled rects on an even
32-unit grid so it renders identically everywhere and stays crisp at
16px. favicon is transparent and flips colors via prefers-color-scheme;
og card and touch icon are light.

wire up apple-touch-icon plus og/twitter card meta. og:title and
og:description are omitted; scrapers fall back to the existing
per-page title and description.

 static/apple-touch-icon.png | Bin 0 -> 1708 bytes
 static/favicon.svg          |  15 +++++++++++++--
 static/og.png               | Bin 0 -> 36674 bytes
 templates/base.html         |   8 ++++++++
 4 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
new file mode 100644
index 0000000..51a4d74
Binary files /dev/null and b/static/apple-touch-icon.png differ
diff --git a/static/favicon.svg b/static/favicon.svg
index d8eb75d..6bace04 100644
--- a/static/favicon.svg
+++ b/static/favicon.svg
@@ -1,4 +1,15 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <rect width="32" height="32" fill="#0a0a0b"/>
-  <text x="16" y="22" font-family="ui-monospace, monospace" font-size="16" font-weight="700" fill="#6f9dff" text-anchor="middle">▚</text>
+  <style>
+    .fg { fill: #17171a; }
+    .ac { fill: #2f6bd6; }
+    @media (prefers-color-scheme: dark) {
+      .fg { fill: #f1f1ef; }
+      .ac { fill: #6f9dff; }
+    }
+  </style>
+  <rect class="fg" x="4" y="4" width="24" height="4"/>
+  <rect class="fg" x="4" y="24" width="24" height="4"/>
+  <rect class="fg" x="4" y="8" width="4" height="16"/>
+  <rect class="fg" x="24" y="8" width="4" height="16"/>
+  <rect class="ac" x="12" y="12" width="8" height="8"/>
 </svg>
diff --git a/static/og.png b/static/og.png
new file mode 100644
index 0000000..9685eff
Binary files /dev/null and b/static/og.png differ
diff --git a/templates/base.html b/templates/base.html
index 98b1aa5..9fe64c5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -8,6 +8,14 @@
   <meta name="color-scheme" content="dark light">
   <link rel="stylesheet" href="{{ get_url(path="main.css", cachebust=true) | safe }}">
   <link rel="icon" href="{{ get_url(path="favicon.svg") | safe }}">
+  <link rel="apple-touch-icon" href="{{ get_url(path="apple-touch-icon.png") | safe }}">
+  <meta property="og:type" content="website">
+  <meta property="og:site_name" content="{{ config.title }}">
+  <meta property="og:url" content="{{ current_url | default(value=config.base_url) | safe }}">
+  <meta property="og:image" content="{{ get_url(path="og.png") | safe }}">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="630">
+  <meta name="twitter:card" content="summary_large_image">
 </head>
 <body>
   <header class="site-header">