{% extends "base.html" %}

{% block content %}

<div class="d-flex justify-content-center flex-wrap w-80">
    <div class='position-relative my-2'>
		<img class="border rounded-circle my-3" src="{{ url_for('static', filename='assets/stashr.svg') }}" width="200" height="200" />
	</div>
    <div class="bg-light m-2 px-2 rounded stashr-series_info text-center text-lg-start py-3 px-5">
        <h1 class="stashr-project_title">Stashr</h1>
        <h5>Your Comic Book Collection</h5>
        <h6>Manage and Read your Digital Collection</h6>
        {% if not current_user.is_authenticated %}
        <div class="row">
            <div class="col-12">
                <a href="{{ url_for('login_page') }}" class="btn btn-outline-primary">LOGIN</a>
                {% if open_registration %}
                <a href="{{ url_for('register_page') }}" class="btn btn-outline-primary">REGISTER</a>
                {% endif %}
            </div>
        </div>
        {% endif %}
    </div>
</div>

{% endblock %}