<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Chilling • NotArya</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta property="og:title" content="NotArya">
    <meta property="og:description" content="I'm a developer & gamer.">
    <meta property="og:image" content="Wave.png">
    <meta property="og:url" content="https://notarya.netlify.app">
    <link rel="icon" type="image/png" href="Wave.png">
    <!-- Add Tailwind CSS -->
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
    <script src="script.js"></script>
    <!-- Add FontAwesome CSS link for icons -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body class="bg-gray-100">
    <div class="container mx-auto py-10">
        <div class="content text-center">
            <h1 class="text-3xl font-bold">Hey, I'm <span class="text-indigo-700">Arya</span></h1>
            <p class="text-lg">I'm a developer & gamer.</p>
            <p class="text-lg">I create random things and I play games too. I try to make useful things.</p>
            <p class="text-lg">Current Project: Gravity Space Discord Server</p>
            <p class="text-lg">You can contact me on Discord: ---</p>
            <p class="text-lg">I am currently ---</p>
            <p class="text-lg"><i class="fas fa-code"></i> Visual Studio Code: ---</p>
            <p class="text-lg"><i class="fab fa-spotify"></i> Listening to Spotify: ---</p>

            <div class="projects-section mt-10">
                <h2 class="text-3xl font-bold">My Projects</h2>

                <div class="project-box my-4">
                    <a href="https://discord.gg/orca" class="text-indigo-700">
                        <div class="project-details">
                            <div class="project-name">ORCA Bot</div>
                            <div class="project-description">Powerful music bot for FK_ORCA's discord server.</div>
                        </div>
                    </a>
                </div>

                <div class="project-box my-4">
                    <a href="https://discord.gg/KBmXTJ" class="text-indigo-700">
                        <div class="project-details">
                            <div class="project-name">GerdBot</div>
                            <div class="project-description">Simple music bot for NotAGamerGiirl.</div>
                        </div>
                    </a>
                </div>

                <div class="project-box my-4">
                    <div class="project-details">
                        <div class="project-name">CumHost</div>
                        <div class="project-description">Started as a joke, But it was a real file uploading service.</div>
                    </div>
                </div>

                <div class="project-box my-4">
                    <div class="project-details">
                        <div class="project-name">Web Tools</div>
                        <div class="project-description">Useful tools for the web like link shortener, file uploader, and ...</div>
                    </div>
                </div>

                <div class="project-box my-4">
                    <a href="https://github.com/n0tarya/Website" class="text-indigo-700">
                        <div class="project-details">
                            <div class="project-name">View Source</div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>