diff --git a/index.html b/index.html index 7ebd3a1..6834ee1 100644 --- a/index.html +++ b/index.html @@ -1,537 +1,14 @@ - + + - Sintu Singh | Digital Creator | Web Dev | AI Explorer | Blockchain Dev OP + Sintu Singh | Digital Creator - - @@ -541,208 +18,153 @@ - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
+ + + + + -
+ + - -
- - - - - - + +
- - - - - + + - - - + + - - - - - - - - - + // Floating Stars + const canvas = document.getElementById('star-bg'); + const ctx = canvas.getContext('2d'); + let stars = []; + + function resizeCanvas() { + canvas.width = window.innerWidth; + canvas.height = window.innerHeight; + } + window.addEventListener('resize', resizeCanvas); + resizeCanvas(); + + function initStars() { + stars = []; + for (let i = 0; i < 120; i++) { + stars.push({ + x: Math.random() * canvas.width, + y: Math.random() * canvas.height, + r: Math.random() * 1.5 + 0.5, + speed: Math.random() * 0.5 + 0.1 + }); + } + } + + function drawStars() { + ctx.clearRect(0, 0, canvas.width, canvas.height); + ctx.fillStyle = '#fff'; + stars.forEach(star => { + ctx.beginPath(); + ctx.arc(star.x, star.y, star.r, 0, Math.PI * 2); + ctx.fill(); + star.y -= star.speed; + if (star.y < 0) star.y = canvas.height; + }); + requestAnimationFrame(drawStars); + } + + initStars(); + drawStars(); + +