<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Argus</title>
    <meta name="author" content="KartoffelChips">
    <meta name="description" content="Argus - Watch Discord bots on your server.">
    <%- include("../partials/icons.ejs") %>

    <meta property="og:title" content="Argus - Watch your bot">
    <meta property="og:site_name" content="Argus">
    <meta property="og:url" content="https://argus-bot.com/">
    <meta property="og:description" content="Argus - Watch Discord bots on your server.">
    <meta property="og:type" content="website">
    <meta property="og:image" content="/assets/img/ogimage.jpg">

    <link href="/assets/css/home/main.css" rel="stylesheet">
</head>
<body>
    <div class="loader"></div>

    <nav>
        <a class="left" href="/">
            <img src="/assets/img/logo.png">
            <h1>Argus</h1>
        </a>
        <div class="right">
            <a href="/support">Support</a>
            <a href="/premium">Premium</a>
            <a href="/vote">Vote</a>
            <% if (user) {%>
                <a href="/dashboard" class="loginbtn">Dashboard</a>
            <%} else {%>
                <a href="/dashboard" class="loginbtn">Login</a>
            <%}%>
        </div>
    </nav>

    <div class="section" id="section-1">
        <h2>Watch Discord Bots on your Server</h2>
        <p>Watch the Bots on your Discord Server to get notified when they go offline</p>
        <div class="btns">
            <a href="/invite" class="main">
                <svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" fill="#fefefe" stroke="#fefefe" stroke-width="0.00512"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css">  .st0{fill:#fefefe;}  </style> <g> <polygon class="st0" points="219.363,109.356 113.285,237.075 0.003,250.793 85.082,139.59 "></polygon> <polygon class="st0" points="402.644,292.637 274.925,398.715 261.207,511.996 372.41,426.934 "></polygon> <path class="st0" d="M500.785,133.325c18.172-51.828,12.641-99.359-5.047-117.063c-17.703-17.688-65.234-23.219-117.047-5.047 L500.785,133.325z"></path> <path class="st0" d="M491.113,156.528L355.472,20.887c-23.219,11.266-46.531,27.469-67.719,49.672 C227.035,134.153,132.05,258.731,132.05,258.731l110.406,110.391l10.813,10.828c0,0,124.594-94.969,188.172-155.703 C463.645,203.059,479.848,179.747,491.113,156.528z M287.738,224.262c-21.219-21.219-21.219-55.609,0-76.844 c21.219-21.219,55.625-21.219,76.844,0c21.219,21.234,21.219,55.625-0.016,76.844C343.363,245.481,308.957,245.481,287.738,224.262 z"></path> <path class="st0" d="M190.925,391.2L178.8,379.075c-13.844,51.828-81.734,69.796-81.734,69.796s25.969-31.734,27.422-53.39 c1.844-27.516-8.656-17.313-21.641-11.547c-14.219,6.313-36.813,6.5-36.813,6.5s10.828-9.375,22.359-32.469 c7.906-15.813,26.156-24.188,41.844-27.453l-9.438-9.438c-18.406-13.797-47.547,0.078-61.609,24.969 c-11.328,20.016-31.5,68.156-53.359,69.296c13.813,11.5,33.344,17.234,57.484,6.906c24.141-10.359,29.906,0,10.344,19.531 c-12.688,12.703-58.625,28.734-59.766,52.875c26.438-5.734,80.078,3.219,118.406-14.938 C175.972,459.027,197.816,418.793,190.925,391.2z"></path> </g> </g></svg>
                Add to Discord</a>
            <a href="/dashboard">
                <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="#fefefe" stroke-width="0.00024000000000000003"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M3 5.6A2.6 2.6 0 0 1 5.6 3h2.8A2.6 2.6 0 0 1 11 5.6v2.8A2.6 2.6 0 0 1 8.4 11H5.6A2.6 2.6 0 0 1 3 8.4V5.6ZM3 15.6A2.6 2.6 0 0 1 5.6 13h2.8a2.6 2.6 0 0 1 2.6 2.6v2.8A2.6 2.6 0 0 1 8.4 21H5.6A2.6 2.6 0 0 1 3 18.4v-2.8ZM13 5.6A2.6 2.6 0 0 1 15.6 3h2.8A2.6 2.6 0 0 1 21 5.6v2.8a2.6 2.6 0 0 1-2.6 2.6h-2.8A2.6 2.6 0 0 1 13 8.4V5.6ZM17 13a1 1 0 0 1 1 1v2h2a1 1 0 1 1 0 2h-2v2a1 1 0 1 1-2 0v-2h-2a1 1 0 1 1 0-2h2v-2a1 1 0 0 1 1-1Z" fill="#fefefe"></path></g></svg>
                Dashboard
            </a>
        </div>
    </div>

    <div class="section" id="section-2">
        <div class="textbox">
            <h2>Notifications</h2>
            <p>Argus offers multiple ways of Notification to ensure you can react as fast as possible:</p>
            <ul>
                <li>Channel Notifications</li>
                <li>DM Notifications</li>
                <li>E-Mail Notifications</li>
            </ul>
        </div>
        <img src="/assets/img/screenshots/dm.png">
    </div>

    <div class="section" id="section-3">
        <img src="/assets/img/screenshots/dashboard.png">
        <div class="textbox">
            <h2>Dashboard</h2>
            <p>Argus has a great Dashboard, that allows you to configure Argus faster and more easily.</p>
            <p>Avoid the limitations of Discord commands!</p>
        </div>
    </div>

    <%- include("../partials/homeFooter.ejs", {}) %>

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