Live Preview
Tag didn’t load? Click here and let us know!Share this result
Previews are deleted daily. Get a permanent share link sent to your inbox:
Script
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ALTAMASH</title>
<style>
body { margin:0; overflow:hidden; background:black; }
canvas { display:block; }
#title {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-family: Arial, sans-serif;
font-size: 50px;
font-weight: bold;
letter-spacing: 10px;
pointer-events: none;
text-shadow: 0 0 20px #00ffff;
}
</style>
</head>
<body>
<div id="title">ALTAMASH</div>
<canvas id="c"></canvas>
<script>
let canvas = document.getElementById('c');
let ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
let particles = [];
for(let i=0; i<150; i++){
particles.push({
x: Math.random()*canvas.width,
y: Math.random()*canvas.height,
vx: (Math.random()-0.5)*2,
vy: (Math.random()-0.5)*2,
r: Math.random()*3+1
});
}
function animate(){
ctx.fillStyle = 'rgba(0,0,0,0.1)';
ctx.fillRect(0,0,canvas.width,canvas.height);
for(let p of particles){
p.x += p.vx;
p.y += p.vy;
if(p.x<0 || p.x>canvas.width) p.vx*=-1;
if(p.y<0 || p.y>canvas.height) p.vy*=-1;
ctx.beginPath();
ctx.arc(p.x,p.y,p.r,0,Math.PI*2);
ctx.fillStyle = '#00ffff';
ctx.fill();
}
requestAnimationFrame(animate);
}
animate();
window.onresize = () => {
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
}
</script>
</body>
</html>Landing Page
This ad does not have a landing page available
Network Timeline
Performance Summary
1
Requests
1
Domains
2KB
Transfer Size
2KB
Content Size
193.0ms
Dom Content Loaded
388.0ms
First Paint
193.0ms
Load Time
Domain Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...
Timings (ms)
Loading...
Total Time
Loading...
Content Breakdown
Transfer Size (bytes)
Loading...
Content Size (bytes)
Loading...
Header Size (bytes)
Loading...
Requests
Loading...