document.addEventListener("DOMContentLoaded", function() { // Create the iframe const chatIframe = document.createElement('iframe'); chatIframe.src = "https://chat.amgoc.us"; chatIframe.title = "AMGOC AI Assist"; chatIframe.style.cssText = "position:fixed; bottom:20px; right:20px; width:400px; height:600px; border:none; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.2); z-index:9999; transform: scale(0); transform-origin: bottom right; transition: transform 0.3s ease-in-out;"; // Create the button const chatButton = document.createElement('button'); chatButton.setAttribute('aria-label', 'Toggle Chat'); chatButton.style.cssText = "position:fixed; bottom:20px; right:20px; width:64px; height:64px; background-color:#2563EB; color:white; border:none; border-radius:50%; box-shadow: 0 2px 10px rgba(0,0,0,0.2); cursor:pointer; z-index:10000; display:flex; align-items:center; justify-content:center; transition: bottom 0.3s ease-in-out;"; chatButton.innerHTML = ''; // State let isOpen = false; // Toggle function function toggleChat() { isOpen = !isOpen; chatIframe.style.transform = isOpen ? 'scale(1)' : 'scale(0)'; chatButton.style.bottom = isOpen ? '630px' : '20px'; chatButton.innerHTML = isOpen ? '' : ''; } chatButton.onclick = toggleChat; // Add to page document.body.appendChild(chatButton); document.body.appendChild(chatIframe); });

Insights & Articles