How Marijuana Affects The Brain

.amplify-storytelling-image-map-container__media {
z-index: unset;
}

.amplify-storytelling-image-map-container__media svg g {
pointer-events: all;
}

.amplify-storytelling-image-map-container__media svg g:first-of-type {
pointer-events: none !important;
}

.amplify-storytelling-image-map-container__media svg g .hotspot–interactive path {
transition: all 0.25s ease;
}

.amplify-storytelling-image-map-container__contents {
z-index: unset;
}

.amplify-storytelling-image-map-hotspot {
transition: all 0.35s ease;
margin-top: 64px;
z-index: -1;
}

.amplify-storytelling-image-map-hotspot–active {
margin-top: 0;
z-index: 9;
}

.smoke-container {
position: relative;
overflow: hidden;
}
.smoke-container__content {
position: relative;
z-index: 10;
}
canvas {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 0;
}

document.addEventListener(“DOMContentLoaded”, function() {
const containers = document.querySelectorAll(‘.smoke-container’);

containers.forEach(container => {
const canvas = document.createElement(‘canvas’);
container.appendChild(canvas);
const ctx = canvas.getContext(‘2d’);

function resizeCanvas() {
canvas.width = container.offsetWidth;
canvas.height = container.offsetHeight;
}
resizeCanvas();

// Base green for smoke
const baseColor = { r: 12, g: 159, b: 88 }; // #0C9F58

const particles = [];
const numParticles = 200;

for (let i = 0; i {
// Darken base color slightly for gradient
const darkenFactor = 0.5; // controls shade darkness
const r = Math.max(0, baseColor.r * darkenFactor);
const g = Math.max(0, baseColor.g * darkenFactor);
const b = Math.max(0, baseColor.b * darkenFactor);

const gradient = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.radius);
gradient.addColorStop(0, `rgba(${r},${g},${b},${p.alpha})`);
gradient.addColorStop(0.5, `rgba(${r},${g},${b},${p.alpha * 0.6})`);
gradient.addColorStop(1, `rgba(${r},${g},${b},0)`);

ctx.fillStyle = gradient;
ctx.beginPath();
ctx.arc(p.x, p.y, p.radius, 0, Math.PI * 2);
ctx.fill();

p.x += p.speedX;
p.y += p.speedY;

if (p.y + p.radius canvas.width) p.x = -p.radius;
if (p.x + p.radius < 0) p.x = canvas.width + p.radius;
});

requestAnimationFrame(draw);
}

draw();

window.addEventListener('resize', resizeCanvas);
});
});

The post How Marijuana Affects The Brain appeared first on The Onion.