feat: enhance website metadata and add Open Graph/Twitter Card support

Author: darmie

.github/workflows/wiki.yml

@@ -91,8 +91,9 @@ jobs:
           export PATH="$HOME/.markflow:$PATH"
           mkdir -p site
 
-          # Copy website landing page to site root
+          # Copy website landing page and assets to site root
           cp website/index.html site/index.html
+          cp website/og-image.png site/og-image.png
           touch site/.nojekyll
           echo "zyntax.org" > site/CNAME
 

website/index.html

@@ -4,6 +4,26 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Zyntax — Compiler Infrastructure</title>
+
+  <!-- Open Graph -->
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Zyntax — Compiler Infrastructure">
+  <meta property="og:description" content="A high-performance, multi-paradigm compiler infrastructure with an advanced type system, tiered JIT compilation, and async/await runtime — everything you need to create modern programming languages.">
+  <meta property="og:url" content="https://zyntax.org">
+  <meta property="og:image" content="https://zyntax.org/og-image.png">
+  <meta property="og:image:width" content="1200">
+  <meta property="og:image:height" content="608">
+  <meta property="og:site_name" content="Zyntax">
+
+  <!-- Twitter Card -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="Zyntax — Compiler Infrastructure">
+  <meta name="twitter:description" content="Build languages. Not compilers. A high-performance compiler infrastructure with advanced type system, tiered JIT, and async/await runtime.">
+  <meta name="twitter:image" content="https://zyntax.org/og-image.png">
+
+  <!-- General Meta -->
+  <meta name="description" content="A high-performance, multi-paradigm compiler infrastructure with an advanced type system, tiered JIT compilation, and async/await runtime — everything you need to create modern programming languages.">
+
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Unbounded:wght@200..900&display=swap" rel="stylesheet">