Update publications.html

Hariprashad-Ravikumar · web-flow · commit e969d49ae875 · 2025-05-06T10:35:31.000-06:00
diff --git a/publications.html b/publications.html
@@ -13,6 +13,36 @@
   <meta name="keywords" content="Hariprashad Ravikumar, Lattice QCD, Transverse Momentum Dependent Parton Distribution Functions, TMDs, Sivers Shift, EDM, nEDM, conformal field theory, particle physics, theoretical physics" />
   <title>Hariprashad Ravikumar</title>
   <link rel="stylesheet" href="styles.css">
+    <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;
@@ -65,6 +95,53 @@
     .research-figure img {
       border-radius: 0; /* Set border-radius to 0 or remove it to prevent circular appearance */
     }
+    #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>
 <body>
@@ -131,7 +208,15 @@ <h2>MSc Thesis</h2>
 </section>
 
   </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>
