Update talks.html

Author: Hariprashad-Ravikumar

talks.html

@@ -20,6 +20,36 @@
       tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
     });
   </script>
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "Person",
+  "name": "Hariprashad Ravikumar",
+  "jobTitle": "PhD Candidate in Theoretical Particle Physics",
+  "affiliation": {
+    "@type": "CollegeOrUniversity",
+    "name": "New Mexico State University"
+  },
+  "sameAs": [
+    "https://www.linkedin.com/in/hariprashad-ravikumar/",
+    "https://github.com/Hariprashad-Ravikumar"
+  ],
+  "url": "https://hariprashad-ravikumar.github.io"
+}
+</script>
+
+  <script type="text/x-mathjax-config">
+    MathJax.Hub.Config({
+      tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
+    });
+  </script>
+  <script>
+    function toggleChatbox() {
+      const box = document.getElementById("chatbox");
+      box.style.display = box.style.display === "none" ? "flex" : "none";
+    }
+  </script>
+
   <style>
     body {
       font-family: 'Times New Roman', Times, serif;
@@ -71,7 +101,53 @@
   line-height: 1.5; /* Adjust line height for better spacing */
 }
 
-
+#chat-launcher {
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      background: #001f3f;
+      color: white;
+      padding: 12px 16px;
+      border-radius: 30px;
+      cursor: pointer;
+      z-index: 1000;
+      font-family: 'Times New Roman', Times, serif;
+      box-shadow: 0 4px 12px rgba(0, 102, 255, 0.4);
+      transition: background 0.3s;
+    }
+    #chat-launcher:hover {
+      background: #003366;
+    }
+    #chatbox {
+      position: fixed;
+      bottom: 80px;
+      right: 20px;
+      width: 350px;
+      height: auto;
+      min-height: 300px;
+      display: none;
+      flex-direction: column;
+      background: white;
+      border-radius: 12px;
+      box-shadow: 0 8px 20px rgba(0,0,0,0.25);
+      overflow: hidden;
+      z-index: 1001;
+    }
+    #chatbox-header {
+      background: #001f3f;
+      color: white;
+      padding: 10px 15px;
+      font-weight: bold;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      font-family: 'Times New Roman', Times, serif;
+    }
+    #chatbox iframe {
+      min-height: 480px;
+      width: 100%;
+      border: none;
+    }
 
   </style>
 </head>
@@ -216,6 +292,14 @@ <h2>Full Talk Archive</h2>
 
   </main>
 
+<div id="chat-launcher" onclick="toggleChatbox()">Chat with my AI HariBot</div>
+  <div id="chatbox">
+    <div id="chatbox-header">
+      <span>HariBot AI 🤖</span>
+      <button onclick="toggleChatbox()">&times;</button>
+    </div>
+    <iframe id="chat-iframe" src="https://hari-chatbot.onrender.com" title="HariBot Assistant"></iframe>
+  </div>
 
   <footer>
     <p>&copy; 2025 Hariprashad Ravikumar. All rights reserved.</p>