chore: fix icon

Author: KKould

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>KiteSQL Wasm Demo</title>
+    <link rel="icon" href="/favicon.ico" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link

src/main.ts

@@ -3,6 +3,10 @@ import initKiteSql, { WasmDatabase } from "./kite-sql-web";
 const app = document.querySelector<HTMLElement>("#app");
 if (!app) throw new Error("app root missing");
 
+const assetBase = import.meta.env.BASE_URL;
+const logoLight = `${assetBase}images/kite_sql_light.png`;
+const logoDark = `${assetBase}images/kite_sql_dark.png`;
+
 const ui = document.createElement("div");
 ui.className = "card";
 ui.innerHTML = `
@@ -39,8 +43,8 @@ ui.innerHTML = `
     <div class="star-cta">Star plz <span class="finger">👉</span></div>
     <a class="powered" href="https://github.com/KipData/KiteSQL" target="_blank" rel="noreferrer">
       <span>Powered by</span>
-      <img class="logo-img light" src="/images/kite_sql_light.png" alt="KiteSQL logo (light)" />
-      <img class="logo-img dark" src="/images/kite_sql_dark.png" alt="KiteSQL logo (dark)" />
+      <img class="logo-img light" src="${logoLight}" alt="KiteSQL logo (light)" />
+      <img class="logo-img dark" src="${logoDark}" alt="KiteSQL logo (dark)" />
     </a>
   </div>
 `;