<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aurelius</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
    <link rel="icon" href="mp3/link.png" type="image/png">
</head>
<body oncontextmenu="return false;">
    <div class="click-to-enter" id="entry">
        <img src="mp3/discordpfp.png" alt="Profile Picture" class="profile-picture">
        ッ click to enter ッ
    </div>
    

<div id="main">
    <video id="bgVideo" muted loop>
        <source src="mp3/videofile.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>

    <div class="content-box">
        <div class="profile-image"></div>
        <div class="typewriter-text" id="typewriterText"></div>
        <div class="mute-button" id="muteButtonContainer">
            <img id="muteButton" src="mp3/volume.png" alt="Volume Control" />
            <input type="range" id="volumeControl" class="volume-control" min="0" max="1" step="0.01" value="1">
        </div>        
        <div class="main">
            <div class="top">
                <div>
                    <span class="name">Aurelius</span><span class="small">(aurewrld)</span>
                </div>
                <div class="discord-icon">
                    <a href="http://www.discord.com/users/483512613485936640"><img src="mp3/discord.png" alt="Discord"></a>
                    <a href="https://open.spotify.com/user/m1oaf4nfwumrh4d3ulnphd7qr?si=f4ca905642fd40db"><img src="mp3/spotify.png" alt="Spotify"></a>
                    <a href="https://steamcommunity.com/id/aurewrld"><img src="mp3/steam.png" alt="Steam"></a>
                </div>
            </div>
            <a class="playing" href="https://open.spotify.com/track/3MNYWKzMNhTV6rI5h9eyhn?si=0380bbf2f1004edb" target="_blank">Playing: I Get It.mp3</a>

            <div class="divider">
                <span>$</span>
                <div class="line"></div>
                <span>$</span>
            </div>
            <div class="projects-links">
                <a href="#" id="serverLink">join server</a>
                <a href="http://www.aikoapp.site">project</a>
            </div>
        </div>
    </div>
</div>

<audio id="bgMusic" loop>
    <source src="mp3/telescope.mp3" type="audio/mp3">
    Your browser does not support the audio element.
</audio>

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