<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>life after death.</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <script>
        document.addEventListener('contextmenu', event => event.preventDefault());

        if (!('IntersectionObserver' in window && 'fetch' in window)) {
            window.location.href = 'https://hirosima.fun/click.html';
        }
    </script>
</head>
<body>
    <div class="background">
        <video src="resources/video.mp4" type="video/mp4" autoplay loop muted></video>
    </div>
    <div id="snowflakes-container"></div>
    <audio id="backgroundMusic" src="resources/audio.mp3" loop>
        <source src="resources/audio.mp3" type="audio/mp3">
        Ваш браузер не поддерживает элемент audio.
    </audio>
    <div class="glass-panel">
        <div class="banner-container">
            <img class="banner" src="resources/banner2.png" type="image/png">
        </div>
        <div class="avatar-container">
            <img class="avatar" src="resources/avatar.png" type="image/png">
        </div>
        <h1 class="nickname">Меонов</h1>
        <p class="description" id="description"></p>
        <div class="icons">
            <div class="icon telegram" data-name="Telegram" onclick="window.open('https://t.me/actonixcloud')"></div>
            <div class="icon soundcloud" data-name="SoundCloud" onclick="window.open('https://soundcloud.com/meonov')"></div>
        </div>
    </div>

    <div class="discord-panel" onclick="window.open('https://discord.gg/PMsSNZUY8F')">
        <div class="discord-icon"></div>
        <div class="discord-text">
            <h3>Discord</h3>
            <p>https://discord.gg/PMs...</p>
        </div>
        <div class="discord-arrow"></div>
    </div>
    <div class="donate-panel" onclick="window.open('https://t.me/send?start=IVl3CsH3r8eU')">
        <div class="donate-icon"></div>
        <div class="donate-text">
            <h3>Donate</h3>
            <p>https://t.me/send?start=IVl3CsH3r8eU</p>
        </div>
        <div class="donate-arrow"></div>
    </div>
    <div class="contact-panel" onclick="window.open('https://t.me/meonov')">
        <div class="contact-icon"></div>
        <div class="contact-text">
            <h3>Связь со мной</h3>
            <p>t.me/meonov</p>
        </div>
        <div class="contact-arrow"></div>
    </div>

    <!-- Уведомление о cookies -->
    <div id="cookie-notification" class="cookie-notification">
        <p>Мы используем cookies для стабильной работы сайта. Продолжая использовать сайт, вы соглашаетесь с этим.</p>
        <div class="cookie-buttons">
            <button id="cookie-accept">Согласен</button>
            <button id="cookie-decline">Не согласен</button>
        </div>
    </div>

    <script src="script.js"></script>
</body>
</html>