Saltar al contenido principal
Andning som hudvård

Andning som hudvård

Continuar leyendo
Skogsbad för huden: Naturens roll i hudvård

Skogsbad för huden: Naturens roll i hudvård

Continuar leyendo
Skrattets helande kraft: Kan humor förbättra din hud?

Skrattets helande kraft: Kan humor förbättra din hud?

Continuar leyendo
Tobakens skadliga effekter på huden

Tobakens skadliga effekter på huden

Continuar leyendo
Färgernas inverkan på huden!

Färgernas inverkan på huden!

Continuar leyendo
Regelbunden kalldusch – hemligheten bakom friskare hud och mer energi

Regelbunden kalldusch – hemligheten bakom friskare hud och mer energi

Continuar leyendo
Lagligt men blockerat: Så hindrar Klarna, Meta och Stripe svensk CBD-e-handel

Lagligt men blockerat: Så hindrar Klarna, Meta och Stripe svensk CBD-e-handel

Continuar leyendo
Framtiden för AI och hudvård

Framtiden för AI och hudvård

Continuar leyendo
13 BIOHACKS för en perfekt hud!

13 BIOHACKS för en perfekt hud!

Continuar leyendo
Skönhetssömnens hemligheter – varför god sömn är avgörande för din hudhälsa

Skönhetssömnens hemligheter – varför god sömn är avgörande för din hudhälsa

Continuar leyendo
Vitamin D och koppling till cancer

Vitamin D och koppling till cancer

Continuar leyendo
Luft, luftkvalitet, temperatur och luftfuktighet

Luft, luftkvalitet, temperatur och luftfuktighet

Continuar leyendo
Hudens dolda ekosystem - Tarmflora, stress och endocannabinoider

Hudens dolda ekosystem - Tarmflora, stress och endocannabinoider

Continuar leyendo
13 BIOHACKS FÖR EN STRÅLANDE HUD

13 BIOHACKS FÖR EN STRÅLANDE HUD

Continuar leyendo
10 tips vid inflammerad hud!

10 tips vid inflammerad hud!

Continuar leyendo
Hudens pH-värde - Varför är det viktigt?

Hudens pH-värde - Varför är det viktigt?

Continuar leyendo
BIOHACKING i sin rena form, för en perfekt hud!

BIOHACKING i sin rena form, för en perfekt hud!

Continuar leyendo
10 tips vid rosacea

10 tips vid rosacea

Continuar leyendo
10 tips mot torr hud!

10 tips mot torr hud!

Continuar leyendo
10 tips för känslig hud

10 tips för känslig hud

Continuar leyendo
10 tips mot eksem

10 tips mot eksem

Continuar leyendo
10 tips vid Perioral Dermatit

10 tips vid Perioral Dermatit

Continuar leyendo
10 tips för akne

10 tips för akne

Continuar leyendo
Endocannabinoidsystemet i huden

Endocannabinoidsystemet i huden

Continuar leyendo
Stress & Eksem

Stress & Eksem

Continuar leyendo
Vad är kollagen?

Vad är kollagen?

Continuar leyendo
Rosacea || En kortfattad guide om allt du behöver veta!

Rosacea || En kortfattad guide om allt du behöver veta!

Continuar leyendo
Snigelslem och andra märkliga hudvårdsämnen

Snigelslem och andra märkliga hudvårdsämnen

Continuar leyendo
10 livsstilsfaktorer som påverkar din hud!

10 livsstilsfaktorer som påverkar din hud!

Continuar leyendo
Endocannabinoider || Vad är det?

Endocannabinoider || Vad är det?

Continuar leyendo
Allt du behöver veta om huden!

Allt du behöver veta om huden!

Continuar leyendo
Lion's Mane || En komplett guide

Lion's Mane || En komplett guide

Continuar leyendo
Cordyceps || En komplett guide!

Cordyceps || En komplett guide!

Continuar leyendo
Chaga Svamp || En komplett guide

Chaga Svamp || En komplett guide

Continuar leyendo
Perfekta Hudvårdsrutinen 2025

Perfekta Hudvårdsrutinen 2025

Continuar leyendo
Hur påverkar kosten min hud?

Hur påverkar kosten min hud?

Continuar leyendo
// 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"; } }); });