Merge branch 'main' of https://github.com/chakra-ui/play.chakra-ui.com

chakra-ui · Apr 11, 2024 · 84a64ec · 84a64ec
2 parents 6d91ba3 + e24eac1
commit 84a64ec
Show file tree

Hide file tree

Showing 4 changed files with 125 additions and 90 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,41 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta charSet="utf-8" />
+  <title>Chakra Play - An interactive playground for Chakra UI</title>
+  <link rel="icon" type="image/png" href="https://chakra-ui.com/favicon.png" sizes="32x32" />
+  <meta name="description"
+    content="Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+  <meta property="og:type" content="website" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:url" content="https://play.chakra-ui.com" />
+  <meta property="og:title" content="Chakra Play" />
+  <meta property="og:description"
+    content="Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+  <meta property="og:site_name"
+    content="Chakra Play: Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+  <meta property="og:image" content="https://chakra-ui.com/og-image.png" />
+  <meta property="og:image:width" content="1240" />
+  <meta property="og:image:height" content="480" />
+  <meta property="og:image:alt"
+    content="Chakra Play: Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@chakra-ui" />
+  <meta name="twitter:handle" content="@chakra-ui" />
+  <meta name="twitter:image" content="https://chakra-ui.com/twitter-og-image.png" />
+  <meta name="twitter:image:alt"
+    content="Chakra Play: Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+  <meta name="twitter:title" content="Chakra Play" />
+  <meta name="twitter:description"
+    content="Experience the full capabilities of Chakra UI with Chakra Play. An interactive sandbox where you can try out and explore the components of Chakra UI." />
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/package.json b/package.json
@@ -35,6 +35,6 @@
     "@vitejs/plugin-react": "^3.0.0",
     "prettier": "^2.8.3",
     "typescript": "^4.9.3",
-    "vite": "^4.0.0"
+    "vite": "^4.0.5"
   }
 }