stared
diff --git a/‎index.html‎
Lines changed: 16 additions & 0 deletions b/‎index.html‎
Lines changed: 16 additions & 0 deletions
diff --git a/‎public/social-media-preview.png‎
343 KB b/‎public/social-media-preview.png‎
343 KB
@@ -4,6 +4,22 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Interactive Equations</title>
+    <meta name="description" content="Explore mathematical equations interactively. Hover over colored terms to discover their meaning and connections." />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://p.migdal.pl/equations-explained-colorfully/" />
+    <meta property="og:title" content="Interactive Equations" />
+    <meta property="og:description" content="Explore mathematical equations interactively. Hover over colored terms to discover their meaning and connections." />
+    <meta property="og:image" content="https://p.migdal.pl/equations-explained-colorfully/social-media-preview.png" />
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image" />
+    <meta property="twitter:url" content="https://p.migdal.pl/equations-explained-colorfully/" />
+    <meta property="twitter:title" content="Interactive Equations" />
+    <meta property="twitter:description" content="Explore mathematical equations interactively. Hover over colored terms to discover their meaning and connections." />
+    <meta property="twitter:image" content="https://p.migdal.pl/equations-explained-colorfully/social-media-preview.png" />
+
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" />
   </head>
   <body>