Update page title and SEO-friendly meta descriptions

stared · claude · stared · commit 4cce600d0721 · 2025-11-07T15:10:03.000+01:00
Changed title to "Equations Explained Colorfully" and enhanced description with relevant keywords (KaTeX, LaTeX, Markdown, TypeScript) for better SEO. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/index.html b/index.html
@@ -3,21 +3,21 @@
   <head>
     <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." />
+    <title>Equations Explained Colorfully</title>
+    <meta name="description" content="Interactive mathematical equations with KaTeX rendering. Write equations in LaTeX and descriptions in Markdown, with color-coded terms that reveal their meaning on hover. Built with TypeScript." />
 
     <!-- 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:title" content="Equations Explained Colorfully" />
+    <meta property="og:description" content="Interactive mathematical equations with KaTeX rendering. Write equations in LaTeX and descriptions in Markdown, with color-coded terms that reveal their meaning on hover. Built with TypeScript." />
     <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:title" content="Equations Explained Colorfully" />
+    <meta property="twitter:description" content="Interactive mathematical equations with KaTeX rendering. Write equations in LaTeX and descriptions in Markdown, with color-coded terms that reveal their meaning on hover. Built with TypeScript." />
     <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/katex@0.16.25/dist/katex.min.css" />
