{% extends "base.html" %}

{% block title %}{{ status_code }} - {{ status_text }}{% endblock %}

{% block content %}
<div class="error-page">
    <div class="error-container">
        <p class="error-status">{{ status_code }} · {{ status_text }}</p>
        <h1 class="error-page-message">{{ message }}</h1>
        <div class="error-actions">
            {% if status_code == 401 %}
            <a href="/login" class="btn-primary">Log in</a>
            <a href="/join" class="btn-secondary">Sign up</a>
            <a href="/" class="btn-secondary">Go Home</a>
            {% else %}
            <a href="/" class="btn-primary">Go Home</a>
            {% endif %}
        </div>
        <p class="error-contact">
            If this looks wrong, email <a href="mailto:info@makenot.work">info@makenot.work</a>.
        </p>
    </div>
</div>
{% endblock %}