Fix noscript visibility and OG metadata

bguidolim · bguidolim · commit 5e83973c928d · 2026-03-24T22:54:40.000+01:00
- Add noscript fallback so fade-in elements show without JS
- Shorten OG title to 42 chars (was 69, optimal 50-60)
- Lengthen OG description to 156 chars (was 107, optimal 110-160)
diff --git a/index.html b/index.html
@@ -3,22 +3,22 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Managed Claude Stack — Reproducible AI infrastructure for Claude Code</title>
-<meta name="description" content="Your Claude Code environment — packaged, portable, and reproducible. Like Ansible for your AI development environment.">
+<title>MCS — Managed Claude Stack for Claude Code</title>
+<meta name="description" content="Package your Claude Code MCP servers, hooks, skills, and settings into shareable tech packs. Sync across machines and teams in seconds. Like Ansible for AI dev.">
 <meta name="keywords" content="Claude Code, MCP servers, AI development, configuration management, tech packs, CLI tools, developer tools, Anthropic, Claude, hooks, plugins, macOS">
 <meta name="author" content="Bruno Guidolim">
 <meta name="theme-color" content="#0d1117">
-<meta property="og:title" content="Managed Claude Stack — Reproducible AI infrastructure for Claude Code">
-<meta property="og:description" content="Package your entire Claude Code setup into shareable tech packs. Sync across machines and teams in seconds.">
+<meta property="og:title" content="MCS — Managed Claude Stack for Claude Code">
+<meta property="og:description" content="Package your Claude Code MCP servers, hooks, skills, and settings into shareable tech packs. Sync across machines and teams in seconds. Like Ansible for AI dev.">
 <meta property="og:type" content="website">
 <meta property="og:url" content="https://mcs-cli.dev">
 <meta property="og:site_name" content="MCS">
 <meta property="og:image" content="https://mcs-cli.dev/assets/og-image.png">
 <meta property="og:image:width" content="2048">
 <meta property="og:image:height" content="2048">
 <meta name="twitter:card" content="summary">
-<meta name="twitter:title" content="Managed Claude Stack — Reproducible AI infrastructure for Claude Code">
-<meta name="twitter:description" content="Package your entire Claude Code setup into shareable tech packs. Sync across machines and teams in seconds.">
+<meta name="twitter:title" content="MCS — Managed Claude Stack for Claude Code">
+<meta name="twitter:description" content="Package your Claude Code MCP servers, hooks, skills, and settings into shareable tech packs. Sync across machines and teams in seconds. Like Ansible for AI dev.">
 <meta name="twitter:image" content="https://mcs-cli.dev/assets/og-image.png">
 <link rel="canonical" href="https://mcs-cli.dev">
 <link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
@@ -28,6 +28,7 @@
 <link href="https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&f[]=satoshi@400,500,700,900&display=swap" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet">
 <link rel="stylesheet" href="css/style.css">
+<noscript><style>.fade-in{opacity:1;transform:none}</style></noscript>
 <script type="application/ld+json">
 {
   "@context": "https://schema.org",
