document.addEventListener('DOMContentLoaded', () => {
const canvas = document.getElementById('waveCanvas');
const ctx = canvas.getContext('2d');
let width, height;
// Brand Colors
const color1 = 'rgba(211, 85, 97, 0.4)'; // Brand Red
const color2 = 'rgba(176, 61, 73, 0.2)'; // Darker Red
function resize() {
width = canvas.width = window.innerWidth;
height = canvas.height = window.innerHeight;
}
// Wave parameters
let time = 0;
const waves = [
{ y: 100, length: 0.01, amplitude: 80, speed: 0.02, color: color1 },
{ y: 150, length: 0.02, amplitude: 50, speed: 0.015, color: color2 },
{ y: 200, length: 0.005, amplitude: 120, speed: 0.005, color: color1 }
];
function draw() {
ctx.clearRect(0, 0, width, height);
waves.forEach(wave => {
ctx.beginPath();
ctx.moveTo(0, height / 2);
for (let x = 0; x < width; x++) {
// Create sine wave pattern
const y = Math.sin(x * wave.length + time * wave.speed) * wave.amplitude + (height / 2);
ctx.lineTo(x, y);
}
// Fill to bottom
ctx.lineTo(width, height);
ctx.lineTo(0, height);
ctx.fillStyle = wave.color;
ctx.fill();
});
time += 0.5;
requestAnimationFrame(draw);
}
window.addEventListener('resize', resize);
resize();
draw();
});
Analyzing
Healthcare
Dive into the “Analyzing Healthcare” podcast, where stories, insights, and inspiration await. Each episode features unique perspectives and captivating talks with a variety of guests—from leaders and innovators to artists and everyday visionaries.
Whether you’re eager to ignite new ideas, broaden your knowledge, or enjoy stimulating discussions, “Analyzing Healthcare” offers something for everyone. Join us as we delve into the subjects that influence our lives and encourage you to join the dialogue.
