Add earth.png as favicon and header logo

9752614e37801295675d304a10a2aa24fac8b5f5 · Pavel Safronov · 2026-06-11 20:32:30 -0700 · parents 698b7b9212f2

Add earth.png as favicon and header logo

Replaces the 🌍 emoji in the page title with the icon image.
The PNG is served from public/ so Vite handles it in both dev
and production builds.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

 index.html       |  13 ++++++++++++-
 public/earth.png | Bin 0 -> 29223 bytes
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 2f3d78d..7e91fef 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Seismic Shadow Zone</title>
+  <link rel="icon" type="image/png" href="earth.png" />
   <style>
     *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
 
@@ -23,6 +24,16 @@
       font-weight: 600;
       border-bottom: 1px solid #2a2a40;
       color: #e8e8ff;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+
+    .site-logo {
+      width: 26px;
+      height: 26px;
+      flex-shrink: 0;
+      filter: invert(1) brightness(0.82);
     }
 
     #app {
@@ -188,7 +199,7 @@
   </style>
 </head>
 <body>
-  <h1>🌍 Seismic Shadow Zone</h1>
+  <h1><img src="earth.png" alt="" class="site-logo">Seismic Shadow Zone</h1>
   <div id="app">
     <div id="canvas-wrap">
       <canvas id="canvas" width="600" height="600" style="display:block;"></canvas>
diff --git a/public/earth.png b/public/earth.png
new file mode 100644
index 0000000..86ed692
Binary files /dev/null and b/public/earth.png differ