<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Subsonics - Login</title>
    <link rel='stylesheet' href='/stylesheets/login.css'/>
</head>
<body>
    <div class="lg-box">
        <div class="lg-title">
            <img class="lg-logopng" src="/images/logo.svg">
            <p class="lg-title-text">Subsonics</p>
        </div>
        <%- login %>
        <button class="lg-Discordbtn" id="loginBtn"><img src="/images/discord-logo-white.png"></button>
        
        <div>
            <p style="padding: 8px;">Fait avec le 🤍 par Raphix</p>
            <div style="font-size: 12px;"><%- version %></div>
        </div>
        <p class="lg-subinfo">*L'accès à l'interface nécessite une connexion via Discord, et implique d'être membre du serveur Discord du CLP. En poursuivant la connexion sur ce site, vous consentez à l'utilisation de vos données fournies par Discord dans le but de garantir le bon fonctionnement du site. Vous avez la possibilité de demander à tout moment la suppression de vos données à Raphix (raphixscrap). Tout acte intentionnel de dégradation du bot est passible d'un bannissement du site.</p>
    </div>
    
    <script src="/javascript/login.js"></script>
    <script defer src="https://use.fontawesome.com/releases/v6.4.2/js/all.js" crossorigin="anonymous"></script>

</body>
</html>