docs: overwrite README with project description and centered preview image

2026-02-23 22:18:06 +00:00
parent 6089e6f961
commit 349e74d7ef
7 changed files with 1252 additions and 93 deletions
--- a/index.html
+++ b/index.html
@@ -1,13 +1,31 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/src/assets/rubic-cube.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Rubic Cube</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.js"></script>
-  </body>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/png" href="/favicon.png" sizes="32x32" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Rubic Cube Logic Engine</title>
+
+  <meta name="description"
+    content="A 3D interactive Rubik's Cube simulator and solver powered by a custom mathematical engine." />
+  <!-- Open Graph (for social media sharing like Facebook/Discord) -->
+  <meta property="og:title" content="Rubic Cube Logic Engine" />
+  <meta property="og:description"
+    content="A 3D interactive Rubik's Cube simulator and solver powered by a custom mathematical engine." />
+  <meta property="og:image" content="/preview.png" />
+  <meta property="og:type" content="website" />
+  <!-- Twitter Cards -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="Rubic Cube Logic Engine" />
+  <meta name="twitter:description"
+    content="A 3D interactive Rubik's Cube simulator and solver powered by a custom mathematical engine." />
+  <meta name="twitter:image" content="/preview.png" />
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.js"></script>
+</body>
+
 </html>