{% extends "base_generic_empty.html" %}

{% load static %}

{% block title %}Page not found · Ghostwriter{% endblock %}

{% block content %}
    <section class="error-state-page error-state--missing" aria-labelledby="error-state-title">
        <article class="error-state-card">
            <header class="error-state-header">
                <div class="error-state-code" aria-label="Status code 404">404</div>
                <img class="error-state-art" src="{% static 'images/scared.png' %}" alt="" aria-hidden="true">
                <div>
                    <span class="detail-eyebrow">Route unavailable</span>
                    <h1 id="error-state-title">We could not find that page</h1>
                    <p>The address may be outdated, or the resource may no longer be available to your account.</p>
                </div>
            </header>
            <div class="error-state-guidance">
                <i class="fas fa-compass" aria-hidden="true"></i>
                <p>Use the dashboard or navigation to return to a workspace you can access.</p>
            </div>
            <footer class="error-state-actions">
                <a href="{% url 'home:dashboard' %}" class="btn btn-primary"><i class="fas fa-home" aria-hidden="true"></i> Return to dashboard</a>
            </footer>
        </article>
    </section>
{% endblock content %}