Sent from Proton Mail for Android.<!DOCTYPE html>

<html lang="de">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width,initial-scale=1.0">

<title>ALLYOUCANFUCK</title>

<style>

*{margin:0;padding:0;box-sizing:border-box}

body{background:#000;overflow:hidden;font-family:Arial,sans-serif}

#canvas{display:block}

.logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(2rem,8vw,6rem);font-weight:900;color:#fff;letter-spacing:.1em;text-shadow:0 0 20px rgba(255,255,255,.5);z-index:10;pointer-events:none;mix-blend-mode:difference}

</style>

</head>

<body>

<div class="logo">𝙰𝙻𝙻𝚈𝙾𝚄𝙲𝙰𝙽𝙵𝚄𝙲𝙺</div>

<canvas id="canvas"></canvas>

<script type="importmap">

{"imports":{"three":"https://unpkg.com/three@0.160.0/build/three.module.js","three/addons/":"https://unpkg.com/three@0.160.0/examples/jsm/"}}

</script>

<script type="module">

import * as THREE from 'three';

const scene=new THREE.Scene(),camera=new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,.1,1e3),renderer=new THREE.WebGLRenderer({canvas:document.getElementById('canvas'),antialias:!0,alpha:!0});

renderer.setSize(window.innerWidth,window.innerHeight),renderer.setPixelRatio(Math.min(window.devicePixelRatio,2));

const particlesGeometry=new THREE.BufferGeometry,count=5e3,positions=new Float32Array(3*count),colors=new Float32Array(3*count);

for(let e=0;e<3*count;e++)positions[e]=2*(Math.random()-.5)*5,colors[e]=Math.random();

particlesGeometry.setAttribute('position',new THREE.BufferAttribute(positions,3)),particlesGeometry.setAttribute('color',new THREE.BufferAttribute(colors,3));

const particlesMaterial=new THREE.PointsMaterial({size:.02,vertexColors:!0,transparent:!0,opacity:.8,blending:THREE.AdditiveBlending}),particles=new THREE.Points(particlesGeometry,particlesMaterial);

scene.add(particles),camera.position.z=3;

const mouse={x:0,y:0};

window.addEventListener('mousemove',e=>{mouse.x=2*(e.clientX/window.innerWidth)-1,mouse.y=2*-(e.clientY/window.innerHeight)+1});

const clock=new THREE.Clock;

function animate(){const e=clock.getElapsedTime();particles.rotation.y=.1*e,particles.rotation.x=.05*e,particles.rotation.y+=.01*mouse.x,particles.rotation.x+=.01*mouse.y,renderer.render(scene,camera),requestAnimationFrame(animate)}

animate(),window.addEventListener('resize',()=>{camera.aspect=window.innerWidth/window.innerHeight,camera.updateProjectionMatrix(),renderer.setSize(window.innerWidth,window.innerHeight)});

</script>

</body>

</html>