{% spaceless %}
{% load staticfiles %}
{% endspaceless %}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{% block title %}429 Error{% endblock title %}</title>
    <link rel="shortcut icon" href="{% static 'favicon.ico' %}">
    {% include "fragments/common-stylesheets.html" %}
    <style>
        body {
            height: 100vh;
            width: 100vw;
            margin: 0;
            padding: 0;
        }

        #error-message {
            max-width: 30em;
        }
    </style>
</head>
<body class="d-flex justify-content-center align-items-center text-center">
    <div id="error-message">
        <h1>HTTP 429: Too Many Requests</h1>

        <p>
            {% if exception %}
                {{ exception }}
            {% else %}
                {{ error|default:'Please wait a bit, then try again.' }}
            {% endif %}

        </p>
        <p>
            Seeing this page a lot? <a href="{% url 'contact' %}">Contact Us</a>
        </p>

    </div>

    {% include "fragments/common-scripts.html" %}
</body>
</html>
