burn: add favicon, meta tags, and social sharing cards (closes #13 )

- Inline SVG favicon (beacon emoji) — no external file needed - Open Graph tags for link previews (title, description, type) - Twitter Card meta for rich social sharing - Theme-color for mobile browser chrome - Meta description for search engines
2026-04-10 00:53:03 -04:00
1 changed files with 17 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -3,6 +3,23 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="The Beacon — a sovereign AI idle game. Build an AI from scratch. Write code, train models, save lives.">
+    <meta name="theme-color" content="#0a0a0a">
+    <meta name="author" content="Timmy Foundation">
+
+    <!-- Open Graph -->
+    <meta property="og:title" content="The Beacon">
+    <meta property="og:description" content="A sovereign AI idle game. Build an AI from scratch. Write code, train models, save lives.">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏠</text></svg>">
+
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="The Beacon">
+    <meta name="twitter:description" content="A sovereign AI idle game. Build an AI from scratch. Write code, train models, save lives.">
+
+    <!-- Favicon (inline SVG beacon) -->
+    <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🏠</text></svg>">
 <title>The Beacon - Build Sovereign AI</title>
 <style>
 *{margin:0;padding:0;box-sizing:border-box}