4Health Medicinsvampar med Christopher & Anna Sparre

4Health Medicinsvampar med Christopher & Anna Sparre
Vår grundare, Christopher Genberg, hade återigen äran att gästa Anna Sparres podcast 4Health. Denna gång pratade dom om medicinska svampar med inriktning Chaga, Reishi, Lion's Mane och Cordyceps.

Lyssna här - https://open.spotify.com/episode/4ARJeEaQ4zLv9mgbIJm3OR?si=bmQwtmBzQpC4MGWcS8rVWA

// Grundläggande styling chatButton.style.position = "fixed"; chatButton.style.bottom = "20px"; chatButton.style.right = "20px"; chatButton.style.margin = "0"; chatButton.style.padding = "10px 15px"; chatButton.style.backgroundColor = "#fcb237"; chatButton.style.color = "#000"; chatButton.style.fontSize = "14px"; chatButton.style.fontWeight = "bold"; chatButton.style.border = "none"; chatButton.style.borderRadius = "30px"; chatButton.style.boxShadow = "0 2px 6px rgba(0,0,0,0.2)"; chatButton.style.cursor = "pointer"; chatButton.style.zIndex = "9999"; chatButton.style.transition = "transform 0.2s"; chatButton.style.maxWidth = "150px"; chatButton.style.whiteSpace = "nowrap"; // Hover-effekt chatButton.addEventListener("mouseover", () => { chatButton.style.transform = "scale(1.05)"; }); chatButton.addEventListener("mouseout", () => { chatButton.style.transform = "scale(1)"; }); // Skapa overlay const overlay = document.createElement("div"); overlay.style.position = "fixed"; overlay.style.top = "0"; overlay.style.left = "0"; overlay.style.width = "100vw"; overlay.style.height = "100vh"; overlay.style.backgroundColor = "rgba(0, 0, 0, 0.5)"; overlay.style.display = "none"; overlay.style.justifyContent = "center"; overlay.style.alignItems = "center"; overlay.style.zIndex = "9998"; // Stäng-knapp const closeButton = document.createElement("button"); closeButton.innerHTML = "×"; closeButton.style.position = "absolute"; closeButton.style.top = "20px"; closeButton.style.right = "20px"; closeButton.style.fontSize = "28px"; closeButton.style.color = "#fff"; closeButton.style.background = "transparent"; closeButton.style.border = "none"; closeButton.style.cursor = "pointer"; closeButton.style.zIndex = "10000"; // Öppna/stäng overlay chatButton.addEventListener("click", () => { overlay.style.display = "flex"; chatButton.style.display = "none"; }); closeButton.addEventListener("click", () => { overlay.style.display = "none"; chatButton.style.display = "block"; }); // Skapa iframe const chatFrame = document.createElement("iframe"); chatFrame.src = "https://bot-1wat.onrender.com"; chatFrame.style.width = "90%"; chatFrame.style.maxWidth = "400px"; chatFrame.style.height = "80%"; chatFrame.style.border = "none"; chatFrame.style.borderRadius = "10px"; chatFrame.style.boxShadow = "0 4px 8px rgba(0,0,0,0.2)"; // Om skärmen är minst 768px => större if (window.matchMedia("(min-width: 768px)").matches) { chatFrame.style.width = "80%"; chatFrame.style.maxWidth = "700px"; } // Lägg ihop allt overlay.appendChild(chatFrame); overlay.appendChild(closeButton); document.body.appendChild(overlay); document.body.appendChild(chatButton); // Stänger om man klickar på overlay-bakgrunden overlay.addEventListener("click", (e) => { if (e.target === overlay) { overlay.style.display = "none"; chatButton.style.display = "block"; } }); });