feat: implement social sharing meta tags (#34)

Author: drehelis

index.html

@@ -5,6 +5,23 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>devcontainer.live</title>
+    <meta name="description" content="Generate devcontainer.json configurations instantly. Features support for Images, Dockerfiles, and Docker Compose with a IDE-like experience." />
+    <meta name="keywords" content="devcontainer, docker, vscode, codespaces, dev container, generator, json, spec" />
+    <meta name="author" content="devcontainer.live" />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://devcontainer.live" />
+    <meta property="og:title" content="devcontainer.live - Dev Container Generator" />
+    <meta property="og:description" content="Generate devcontainer.json configurations with a IDE experience. Supports Official Features, Templates, and more." />
+    <meta property="og:image" content="https://devcontainer.live/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="devcontainer.live - Dev Container Generator" />
+    <meta name="twitter:description" content="Generate devcontainer.json configurations with a IDE experience." />
+    <meta name="twitter:image" content="https://devcontainer.live/og-image.png" />
+
     <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=Geist:wght@100..900&family=Geist+Mono:wght@100..900&display=swap" rel="stylesheet">