site icon

site/src/jsMain/resources/icons/lyng-favicon.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Lyng favicon: scalable SVG that adapts to light/dark themes -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-label="Lyng favicon">
+  <style>
+    :root { color-scheme: light dark; color: #000; }
+    @media (prefers-color-scheme: dark) { :root { color: #fff; } }
+    .mark { fill: currentColor; }
+    .math { font-family: 'STIX Two Math', 'Cambria Math', 'Times New Roman', serif; }
+  </style>
+  <g class="mark math">
+    <!-- Keep favicon legible: lambda with superscript y only -->
+    <text x="3" y="17" font-size="16" font-weight="700">λ</text>
+    <text x="11.2" y="8" font-size="9">y</text>
+  </g>
+</svg>

site/src/jsMain/resources/icons/lyng-mark.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-label="Lyng mark: lambda with superscript y">
+  <style>
+    :root { color-scheme: light dark; color: #000; }
+    @media (prefers-color-scheme: dark) { :root { color: #fff; } }
+    .mark { fill: currentColor; }
+    .math { font-family: 'STIX Two Math', 'Cambria Math', 'Times New Roman', serif; }
+  </style>
+  <g class="mark math">
+    <text x="3" y="17" font-size="16" font-weight="700">λ</text>
+    <text x="11.2" y="8" font-size="9">y</text>
+  </g>
+</svg>

site/src/jsMain/resources/index.html

@@ -21,6 +21,8 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Lyng language</title>
+    <!-- Site favicon (SVG, adapts to light/dark) -->
+    <link rel="icon" type="image/svg+xml" href="icons/lyng-favicon.svg" />
     <!-- GitHub Markdown CSS (light and dark). We toggle these from the app. -->
     <link
       id="md-light"
@@ -189,7 +191,15 @@
     <nav class="navbar navbar-expand-lg bg-body-tertiary fixed-top border-bottom" role="navigation" aria-label="Primary">
       <div class="container-fluid">
         <a class="navbar-brand d-flex align-items-center gap-2" href="#">
-          <i class="bi bi-braces-asterisk"></i>
+          <!-- Inline SVG brand icon: λ with superscript y and subscript ng. Uses currentColor to match theme. -->
+          <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" role="img" aria-hidden="true">
+            <g fill="currentColor" color="inherit" font-family="'STIX Two Math', 'Cambria Math', 'Times New Roman', serif">
+              <!-- Main lambda -->
+              <text x="3" y="17" font-size="16" font-weight="700">λ</text>
+              <!-- Superscript y -->
+              <text x="11.2" y="8" font-size="10">y</text>
+            </g>
+          </svg>
           Lyng
         </a>
         <button