From 5f3552c80c106eaac79bb0688d3920f51254e741 Mon Sep 17 00:00:00 2001
From: GreenSlime1024 <greenslime1024@gmail.com>
Date: Wed, 13 Mar 2024 15:05:32 +0800
Subject: [PATCH] Add OG and Twitter meta tags

---
 index.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
index 2f9a688..085ccc3 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,21 @@
     <title>Grapycal - A Visual Programming Language Based on Python</title>
     <meta name="description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
     
+    <!-- Facebook Meta Tags -->
+    <meta property="og:url" content="https://www.grapycal.org">
+    <meta property="og:type" content="website">
+    <meta property="og:title" content="Grapycal - A Visual Programming Language Based on Python">
+    <meta property="og:description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
+    <meta property="og:image" content="https://i.imgur.com/lTle1Kb.png"> <!-- Add your image URL here -->
+
+    <!-- Twitter Meta Tags -->
+    <meta name="twitter:card" content="summary_large_image">
+    <meta property="twitter:domain" content="grapycal.org">
+    <meta property="twitter:url" content="https://www.grapycal.org">
+    <meta name="twitter:title" content="Grapycal - A Visual Programming Language Based on Python">
+    <meta name="twitter:description" content="Grapycal is helpful for conducting experiments, including training AI, physical simulations, data analysis, computer art, and more. In the back-and-forth process between humans and machines, we need the higher interactivity provided by Grapycal to make the most of our creativity.">
+    <meta name="twitter:image" content="https://i.imgur.com/lTle1Kb.png"> <!-- Add your image URL here -->
+
   </head>
   <body style="padding: 1;">
     <div style="display:flex; width: 100%;">
@@ -14,4 +29,4 @@
     </div>
     <script type="module" src="/src/main.ts"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
