Update index.html

Hariprashad-Ravikumar · web-flow · commit bf0f374d4ee2 · 2025-05-05T21:04:33.000-06:00
diff --git a/index.html b/index.html
@@ -41,6 +41,13 @@
       tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
     });
   </script>
+  <script>
+  function toggleChatbox() {
+    const box = document.getElementById("chatbox");
+    box.style.display = box.style.display === "none" ? "flex" : "none";
+  }
+</script>
+
   <style>
     link[rel="icon"] {
       border-radius: 50%;
@@ -96,6 +103,47 @@
   .badge-wrapper .badge-base {
     display: inline-block;
   }
+    chat-launcher {
+  position: fixed;
+  bottom: 20px;
+  right: 20px;
+  background: #2c3e50;
+  color: white;
+  padding: 12px 16px;
+  border-radius: 30px;
+  cursor: pointer;
+  z-index: 1000;
+  font-family: sans-serif;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
+}
+
+chatbox {
+  position: fixed;
+  bottom: 80px;
+  right: 20px;
+  width: 360px;
+  height: 500px;
+  border: 1px solid #ccc;
+  background: white;
+  display: none;
+  flex-direction: column;
+  z-index: 1001;
+  box-shadow: 0 8px 16px rgba(0,0,0,0.3);
+  border-radius: 10px;
+  overflow: hidden;
+}
+
+chatbox-header {
+  background: #2c3e50;
+  color: white;
+  padding: 10px;
+  font-weight: bold;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-family: sans-serif;
+}
+
   </style>
 </head>
 <body>
