amirho1
diff --git a/‎.gitignore‎
Lines changed: 1 addition & 0 deletions b/‎.gitignore‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎assets/index-CdzPCIIB.js‎ ‎assets/index-0cSH6TI2.js‎assets/index-CdzPCIIB.js renamed to assets/index-0cSH6TI2.js b/‎assets/index-CdzPCIIB.js‎ ‎assets/index-0cSH6TI2.js‎assets/index-CdzPCIIB.js renamed to assets/index-0cSH6TI2.js
diff --git a/‎assets/index-9_Q30KpP.css‎ ‎assets/index-CHJFa3lY.css‎assets/index-9_Q30KpP.css renamed to assets/index-CHJFa3lY.css
Lines changed: 1 addition & 1 deletion b/‎assets/index-9_Q30KpP.css‎ ‎assets/index-CHJFa3lY.css‎assets/index-9_Q30KpP.css renamed to assets/index-CHJFa3lY.css
Lines changed: 1 addition & 1 deletion
diff --git a/‎assets/javascriptRuntime.png‎ ‎assets/javascriptRunTime-BF-APXCk.png‎assets/javascriptRuntime.png renamed to assets/javascriptRunTime-BF-APXCk.png b/‎assets/javascriptRuntime.png‎ ‎assets/javascriptRunTime-BF-APXCk.png‎assets/javascriptRuntime.png renamed to assets/javascriptRunTime-BF-APXCk.png
diff --git a/‎index.html‎
Lines changed: 33 additions & 11 deletions b/‎index.html‎
Lines changed: 33 additions & 11 deletions
@@ -0,0 +1 @@
+node_modules
@@ -9,6 +9,11 @@
     />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="robots" content="index, follow" />
+    <meta name="author" content="Amir Hossein Salighedar" />
+    <meta
+      name="keywords"
+      content="JavaScript, Runtime, Visualized, Web Development, web-apis, stack, queue, event-loop, simulation, async, await, promise, callback, function, console"
+    />
     <title>JavaScript Runtime Visualized</title>
 
     <!-- Open Graph / Facebook -->
@@ -17,20 +22,33 @@
       property="og:description"
       content="Visualize and interact with the JavaScript runtime environment."
     />
-    <meta property="og:image" content="./assets/javascriptRuntime.png" />
+    <meta property="og:image" content="/assets/javascriptRunTime-BF-APXCk.png" />
     <meta property="og:type" content="website" />
 
     <!-- Twitter -->
-    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:card" content="A javascript Visualization runtime for learning" />
     <meta name="twitter:title" content="JavaScript Runtime Visualized" />
     <meta
       name="twitter:description"
       content="Visualize and interact with the JavaScript runtime environment."
     />
-    <meta name="twitter:image" content="./assets/javascriptRuntime.png" />
+    <meta name="twitter:image" content="/assets/javascriptRunTime-BF-APXCk.png" />
 
-    <script type="module" crossorigin src="./assets/index-CdzPCIIB.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-9_Q30KpP.css" />
+    <script type="application/ld+json">
+      {
+        "@context": "https://github.com/amirho1/JavaScript-Runtime-Environment.git",
+        "@type": "WebPage",
+        "name": "JavaScript Runtime Visualized",
+        "author": {
+          "@type": "Person",
+          "name": "Amir Hossein Salighedar"
+        },
+        "description": "Visualize and interact with the JavaScript runtime environment.",
+        "keywords": "JavaScript, Runtime, Visualized, Web Development, web-apis, stack, queue, event-loop, simulation, async, await, promise, callback, function, console"
+      }
+    </script>
+    <script type="module" crossorigin src="./assets/index-0cSH6TI2.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CHJFa3lY.css">
   </head>
   <body>
     <!-- Header with main heading and brief description -->
@@ -96,12 +114,7 @@ <h2 class="title">Console</h2>
         <section id="runtime-bottom-wrapper">
           <div id="event-loop">
             <h3>Event Loop</h3>
-            <img
-              width="50"
-              height="50"
-              src="./assets/rotate.svg"
-              alt="Javascript event loop rotate icon"
-            />
+            <img width="50" height="50" src="./assets/rotate.svg" alt="Javascript event loop rotate icon" />
           </div>
 
           <div class="box" id="task-queue">
@@ -121,6 +134,15 @@ <h3 class="title">Micro Task Queue</h3>
       </section>
     </main>
 
+    <footer>
+      <p id="author">
+        Created by
+        <a aria-label="author" href="mailto:amirhosseinsalighedar@gmail.com"
+          ><strong>Amir Hossein Salighedar</strong></a
+        >
+      </p>
+    </footer>
     <!-- Scripts -->
+  
   </body>
 </html>