{% extends "layouts/base-authentication.html" %}
{% load static %}

{% block title %} Sign IN {% endblock title %}

<!-- Specific CSS goes HERE  -->
{% block stylesheets %}{% endblock stylesheets %}

{% block content %}

<div class="peers ai-s fxw-nw h-100vh">
    <div class="bg-body-tertiary d-n@sm- peer peer-greed h-100 pos-r bgr-n bgpX-c bgpY-c bgsz-cv" style=""> <!-- background-image: url('{% static "/images/bg.jpg" %}') -->
        <div class="pos-a centerXY">
            <div class="bgc-white bdrs-50p pos-r" style="width: 120px; height: 120px;">
                <img class="pos-a centerXY" src="{% static '/images/pyrss_logo.webp' %}" alt="PYRSS Logo">
            </div>
        </div>
    </div>
    <div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style="min-width: 320px;">
        <h4 class="fw-300 c-grey-900 mB-40">PYRSS - Login</h4>
        <a href="{% url 'discord_login' %}" class="btn btn-secondary btn-color">Login with Discord</a>
    </div>
</div>
{% endblock content %}

<!-- Specific Page JS goes HERE  -->
{% block javascripts %}{% endblock javascripts %}