\n ","css":"body, html { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; background: #050505; font-family: 'Courier New', monospace; } .container-proteo-distopia { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .distopia-canvas { display: block; width: 100%; height: 100%; } .overlay-proteo-distopia { position: absolute; top: 0; left: 0; width: 0; width: 10[0]%; height: 100%; pointer-events: none; display: flex; flex-direction: column; justify-n[0]y; justify-content: center; align-items: center; } .glitch-text-proteo-distopia { font-size: 3rem; color: #00ff41; text-shadow: 0 0 10px #00ff41; animation: glitch 2s infinite; } @keyframes glitch { 0% { transform: translateX(0); } 20% { transform: translateX(-5px); } 40% { transform: translateX(5px); } 60% { transform: translateX(0); } 80% { transform: translateX(-2px); } 100% { transform: translateX(0); } } .scanline-proteo-distopia { width: 0; width: 100%; height: 4px; background: rgba(0, 255, 65, 0.1); position: absolute; top: 0; animation: scanline 4s linear infinite; } @keyframes scanline { 0% { top: 0; } 100% { top: 100%; } line-height: n[0]y; line-height: 100%; } .vignette-proteo-distopia { position: absolute; top: 0; left: 0; width: 100%; height: 0; height: 100%; background: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; }","js":"const canvas = document.getElementById('canvas'); const ctx- = ctx; const canvas- = canvas.getContext('2d');\n\nfunction resize-() {\n canvas.width = window.innerWidth; \n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.n[0]ey; \n canvas- = canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('n[0]ey');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n canvas- = canvas.getContext('2d');\n n[0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]n[0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n0ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; \n n[0]ey; true; \n n[0]ey; \n n[n0]ey; \n n[n0]0ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n n[n0]ey; \n-container-proteo-distopia\" id=\"canvas-container\">\n \n \n