<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Retro Snowfall with ASCII Art</title>
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&family=Russo+One&display=swap" rel="stylesheet">
    <style>
        body{margin:0;padding:0;background-color:black;color:white;font-family:'Press Start 2P',monospace;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}
        .ascii-art{font-size:20px;white-space:pre;text-align:center;z-index:2}
        .quote{font-family:'VT323',monospace;font-size:18px;text-align:center;margin-top:20px;color:#ddd}
        .footer{position:fixed;bottom:20px;width:100%;display:flex;justify-content:center;gap:30px;z-index:2;font-family:'VT323',monospace;font-size:16px}
        .footer a{color:white;text-decoration:none;cursor:pointer;padding:10px 15px;border:2px solid transparent;border-radius:5px;transition:all 0.3s ease}
        .footer a:hover{background-color:#444;border-color:white;text-decoration:none}
        .snowflake{position:absolute;top:-10px;color:white;font-size:12px;user-select:none;z-index:1;font-family:'Press Start 2P',monospace;animation:fall linear infinite;opacity:0.6;transition:opacity 0.5s ease}
        @keyframes fall{to{transform:translateY(100vh)}}
        .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);display:none;justify-content:center;align-items:center;color:white;padding:20px;z-index:3;animation:fadeIn 0.5s ease-out}
        .modal-content{padding:30px;border-radius:10px;max-width:80%;text-align:center;font-size:16px;box-shadow:0px 5px 15px rgba(255,255,255,0.2);animation:slideIn 0.3s ease-out;border:3px solid #444;position:relative;overflow-y:auto;max-height:80vh}
        .modal-title{font-family:'Russo One',sans-serif;font-size:24px;color:white;margin-bottom:20px}
        .modal-content p{font-family:'VT323',monospace}
        .modal-content code{font-family:'Courier New',monospace;color:#8fdc8b;font-size:1.1em;cursor:pointer;overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap;word-break:break-word;width:100%;text-align:center}
        @keyframes fadeIn{from{opacity:0}to{opacity:1}}
        @keyframes slideIn{from{transform:translateY(50px)}to{transform:translateY(0)}}
        @keyframes flicker{0%{color:#8fdc8b;}50%{color:white;}100%{color:#8fdc8b;}}
        audio{display:none}
        .modal-content::-webkit-scrollbar { width: 8px; }
        .modal-content::-webkit-scrollbar-track { background: black; }
        .modal-content::-webkit-scrollbar-thumb {
            background: #444;
            border-radius: 4px;
        }
        .modal-content::-webkit-scrollbar-thumb:hover { background: #888; }
        .close-modal{position:absolute;top:10px;right:10px;font-size:24px;color:white;cursor:pointer;transition:color 0.3s ease}
        .close-modal:hover{color:#ddd}
    </style>
</head>
<body>
    <div class="ascii-art"><pre>__        __        _         
\ \      / /__  ___| |_ _   _ 
 \ \ /\ / / _ \/ _ \ __| | | |
  \ V  V /  __/  __/ |_| |_| |
   \_/\_/ \___|\___|\__|\__, |
                        |___/ </pre></div>
    <div class="quote"><p>wrists will shine someday</p></div>
    <div class="footer">
        <a href="#" id="request-account">sex</a>
        <a href="#" id="gpg-key">GPG Key</a>
        <a href="#" id="abuse-reports">abusing</a>
    </div>
    <audio autoplay loop><source src="x.mp3" type="audio/mp3"></audio>
    <div id="modal-request-account" class="modal">
        <div class="modal-content">
            <span class="close-modal" id="close-request-account">&times;</span>
            <div class="modal-title">sex</div>
            <p>Im weety</p>
        </div>
    </div>
    <div id="modal-gpg-key" class="modal">
        <div class="modal-content">
            <span class="close-modal" id="close-gpg-key">&times;</span>
            <div class="modal-title">GPG Key</div>
            <p><code id="gpg-key-code" onclick="copyGPGKey()">-----BEGIN PGP PUBLIC KEY BLOCK-----

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
=yGrA
-----END PGP PUBLIC KEY BLOCK-----
</code></p>
        </div>
    </div>
    <div id="modal-abuse-reports" class="modal">
        <div class="modal-content">
            <span class="close-modal" id="close-abuse-reports">&times;</span>
            <div class="modal-title">abusing</div>
            <p>abuse me</p>
        </div>
    </div>
    <script>
        const snowflakeCount = 200;
        for (let i = 0; i < snowflakeCount; i++) {
            let snowflake = document.createElement('div');
            snowflake.classList.add('snowflake');
            let size = Math.random() * 8 + 5;
            snowflake.style.fontSize = `${size}px`;
            snowflake.style.left = `${Math.random() * 100}vw`;
            snowflake.style.animationDuration = `${Math.random() * 5 + 5}s`;
            snowflake.style.animationDelay = `${Math.random() * 5}s`;
            snowflake.textContent = '•';
            document.body.appendChild(snowflake);
        }

        const modalRequestAccount = document.getElementById('modal-request-account');
        const modalGPGKey = document.getElementById('modal-gpg-key');
        const modalAbuseReports = document.getElementById('modal-abuse-reports');
        const requestAccountLink = document.getElementById('request-account');
        const gpgKeyLink = document.getElementById('gpg-key');
        const abuseReportsLink = document.getElementById('abuse-reports');
        const closeRequestAccount = document.getElementById('close-request-account');
        const closeGPGKey = document.getElementById('close-gpg-key');
        const closeAbuseReports = document.getElementById('close-abuse-reports');

        requestAccountLink.onclick = () => modalRequestAccount.style.display = 'flex';
        gpgKeyLink.onclick = () => modalGPGKey.style.display = 'flex';
        abuseReportsLink.onclick = () => modalAbuseReports.style.display = 'flex';
        closeRequestAccount.onclick = () => modalRequestAccount.style.display = 'none';
        closeGPGKey.onclick = () => modalGPGKey.style.display = 'none';
        closeAbuseReports.onclick = () => modalAbuseReports.style.display = 'none';
        window.onclick = (event) => {
            if (event.target === modalRequestAccount) modalRequestAccount.style.display = 'none';
            if (event.target === modalGPGKey) modalGPGKey.style.display = 'none';
            if (event.target === modalAbuseReports) modalAbuseReports.style.display = 'none';
        };

        function copyGPGKey() {
            const gpgKeyText = document.getElementById('gpg-key-code');
            navigator.clipboard.writeText(gpgKeyText.textContent).then(() => {
                gpgKeyText.style.animation = 'flicker 0.5s ease';
                setTimeout(() => {
                    gpgKeyText.style.animation = ''; 
                }, 500);
            }).catch(err => {
                console.error('ooppsss ! :c ', err);
            });
        }
    </script>
</body>
</html>
