Deploying to gh-pages from @ f2df46e 🚀

CoderSerio · CoderSerio · commit 303bf07f084e · 2025-11-23T05:00:57.000Z
diff --git a/favicon.svg b/favicon.svg
@@ -0,0 +1,20 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 175">
+  <!-- Shadow Group -->
+  <g transform="translate(8, 8)" fill="black">
+    <path d="M100,165 L15,15 L185,15 Z" />
+  </g>
+
+  <!-- Green Triangle (Outer) -->
+  <path d="M100,165 L15,15 L185,15 Z" fill="#42b883" stroke="black" stroke-width="4" stroke-linejoin="round" />
+
+  <!-- Blue Triangle (Inner) -->
+  <path d="M100,75 L65,15 L135,15 Z" fill="#35495e" stroke="black" stroke-width="4" stroke-linejoin="round" />
+
+  <!-- Cute Face -->
+  <!-- Left Eye -->
+  <circle cx="75" cy="55" r="7" fill="black" />
+  <!-- Right Eye -->
+  <circle cx="125" cy="55" r="7" fill="black" />
+  <!-- Mouth -->
+  <path d="M90,70 Q100,80 110,70" fill="none" stroke="black" stroke-width="4" stroke-linecap="round" />
+</svg>
diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Source Book: Mini Vue - Interactive Source Code Journey</title>
 
@@ -20,24 +21,29 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://vue-source-book.vercel.app/" />
-    <meta property="og:title" content="Source Book: Mini Vue" />
+    <meta
+      property="og:title"
+      content="Source Book: Mini Vue - Learn Vue.js Internals Interactively"
+    />
     <meta
       property="og:description"
-      content="Master Vue.js internals through an interactive, hand-drawn coding adventure."
+      content="Master Vue.js core concepts (Reactivity, VDOM, Compiler) through a hand-drawn, interactive coding adventure. Built for visual learners."
     />
     <meta property="og:image" content="https://vuejs.org/images/logo.png" />
-    <!-- Placeholder for actual OG image -->
 
     <!-- Twitter -->
     <meta property="twitter:card" content="summary_large_image" />
     <meta
       property="twitter:url"
       content="https://vue-source-book.vercel.app/"
     />
-    <meta property="twitter:title" content="Source Book: Mini Vue" />
+    <meta
+      property="twitter:title"
+      content="Source Book: Mini Vue - Learn Vue.js Internals Interactively"
+    />
     <meta
       property="twitter:description"
-      content="Master Vue.js internals through an interactive, hand-drawn coding adventure."
+      content="Master Vue.js core concepts (Reactivity, VDOM, Compiler) through a hand-drawn, interactive coding adventure. Built for visual learners."
     />
     <meta
       property="twitter:image"
