<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Vulpes - Terms of Service</title>
    <link rel="icon" href="/icon.png">
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap" rel="stylesheet">
    <style>
        body {
            background-color: #131314;
            font-family: 'Lato', sans-serif;
            color: white;
        }
        .container {
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background-color: rgba(255, 255, 255, 0.05);
            border-radius: 15px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        h1, h2 {
            color: white;
        }
        .highlight {
            color: #6366f1;
            font-weight: bold;
        }
        a {
            color: #6366f1;
            text-decoration: none;
            transition: opacity 0.3s;
        }
        a:hover {
            opacity: 0.8;
            text-decoration: underline;
        }
        ::-webkit-scrollbar {
            width: 10px;
            background-color: #131314;
        }
        ::-webkit-scrollbar-track {
            background-color: #131314;
            border-radius: 10px;
        }
        ::-webkit-scrollbar-thumb {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 10px;
            transition: background-color 0.3s ease;
        }
        ::-webkit-scrollbar-thumb:hover {
            background-color: rgba(255, 255, 255, 0.3);
        }
        .modal {
            display: none;
            position: fixed;
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgba(0, 0, 0, 0.4);
            opacity: 0;
            transition: opacity 0.3s ease-in-out;
        }
        .modal-content {
            background-color: #fefefe;
            margin: 5% auto;
            padding: 20px;
            border: 1px solid #888;
            width: 90%;
            height: 80%;
            max-width: none;
            max-height: none;
            border-radius: 15px;
            position: relative;
            transform: scale(0.7);
            opacity: 0;
            transition: all 0.3s ease-in-out;
        }
        .modal.show {
            opacity: 1;
        }
        .modal.show .modal-content {
            transform: scale(1);
            opacity: 1;
        }
        .close {
            color: #aaa;
            position: absolute;
            top: -2px;
            right: 10px;
            transform: translate(-5px, 5px);
            font-size: 28px;
            font-weight: bold;
            transition: color 0.2s;
        }
        .close:hover,
        .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }
        .powered-by {
            position: absolute;
            bottom: 10px;
            right: 20px;
            font-size: 12px;
            color: #888;
        }
        .clickable-link {
            text-decoration: underline;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            transition: opacity 0.3s;
        }
        .clickable-link:hover {
            opacity: 0.7;
        }
        .clickable-link i {
            margin-left: 5px;
            font-size: 0.8em;
        }
        iframe {
            border-radius: 5px;
        }
    </style>
    <script>
        function openPopup() {
            window.open('https://anoxle.github.io/vulpes/installcd', 'popup', 'width=500,height=700');
        }
        function openShapesPrivacy() {
            var modal = document.getElementById("shapesPrivacyModal");
            modal.style.display = "block";
            setTimeout(function() {
                modal.classList.add("show");
            }, 10);
        }
        function closeShapesPrivacy() {
            var modal = document.getElementById("shapesPrivacyModal");
            modal.classList.remove("show");
            setTimeout(function() {
                modal.style.display = "none";
            }, 300);
        }
        window.onclick = function(event) {
            var modal = document.getElementById("shapesPrivacyModal");
            if (event.target == modal) {
                closeShapesPrivacy();
            }
        }
    </script>
</head>
<body class="flex flex-col items-center min-h-screen pt-10">
    <div class="container mt-20">
        <h1 class="text-4xl font-bold mb-6">Vulpes - Terms of Service</h1>

        <p class="mb-2">Last Updated Date: 12/7/2024</p>

        <h2 class="text-2xl font-bold mt-6 mb-4">1. Acceptance of Terms</h2>
        <p class="mb-4">By using the Vulpes Discord bot (the "Bot", "Vulpes"), you agree to comply with and be bound by these Terms of Service ("ToS"). If you do not agree to these ToS, you may not use the Bot.</p>

        <h2 class="text-2xl font-bold mt-6 mb-4">3. User Obligations</h2>
        <p class="mb-4">By using the Bot, you agree to:</p>
        <ul class="list-disc pl-6 mb-4">
            <li>Use the Bot respectfully and in compliance with Discord’s <a href="https://discord.com/guidelines" target="_blank" class="highlight">Community Guidelines</a> and <a href="https://discord.com/terms" target="_blank" class="highlight">Terms of Service</a>.</li>
            <li>Respect other users and not engage in harassment, bullying, or abusive behavior.</li>
            <li>Comply with Discord’s <a href="https://discord.com/terms" target="_blank" class="highlight">Terms of Service</a> and <a href="https://discord.com/guidelines" target="_blank" class="highlight">Community Guidelines</a>.</li>
        </ul>

        <h2 class="text-2xl font-bold mt-6 mb-4">4. Prohibited Activities</h2>
        <ul class="list-disc pl-6 mb-4">
            <li>Repeatedly use commands in a way that could be considered spamming or flooding chat.</li>
            <li>Use Vulpes to promote or engage in illegal activities.</li>
            <li>Use commands in a way that disrupts the functionality of Discord servers or violates the Discord Community Guidelines.</li>
            <li>Use Vulpes to share or distribute sensitive or personal information without consent.</li>
            <li>Use Vulpes for phishing or scamming.</li>
            <li>Engage in command spamming or attempting to crash the bot.</li>
            <li>Use Vulpes to start a raid or engage in raids.</li>
            <li>Attempt to gain unauthorized access to the Bot’s systems.</li>
        </ul>

        <h2 class="text-2xl font-bold mt-6 mb-4">5. Responsibility</h2>
        <p class="mb-4">Users are responsible for any violations they commit. We reserve the right to take appropriate action, including blacklisting their access to the Bot.</p>

        <h2 class="text-2xl font-bold mt-6 mb-4">6. Privacy</h2>
        <p class="mb-4">Your privacy is important to us. We collect, use, and store data in accordance with our <a href="/privacy" target="_blank" class="highlight">Privacy Policy</a>.</p>

        <h2 class="text-2xl font-bold mt-6 mb-4">7. Updates and Changes to the ToS</h2>
        <p class="mb-4">We reserve the right to update or change the terms of service at any time, with notices posted on the <a href="/support" target="_blank" class="highlight">support server</a>.</p>

        <h2 class="text-2xl font-bold mt-6 mb-4">8. Contact Information</h2>
        <p class="mb-2">If you have any questions or concerns about these ToS, please contact us through the following methods:</p>
        <ul class="list-disc pl-6 mb-4">
            <li>Email (Most likely to get ignored): <a href="mailto:anoxlemain@gmail.com" class="highlight">anoxlemain@gmail.com</a></li>
            <li>Discord: <span class="highlight">.hischosen</span></li>
        </ul>
    </div>
</body>
</html>    