<!DOCTYPE html>
<!--
       _==/          i     i          \==_
     /XX/            |\___/|            \XX\
   /XXXX\            |XXXXX|            /XXXX\
  |XXXXXX\_         _XXXXXXX_         _/XXXXXX|
 XXXXXXXXXXXxxxxxxxXXXXXXXXXXXxxxxxxxXXXXXXXXXXX
|XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX|
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
|XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX|
 XXXXXX/^^^^"\XXXXXXXXXXXXXXXXXXXXX/^^^^^\XXXXXX
  |XXX|       \XXX/^^\XXXXX/^^\XXX/       |XXX|
    \XX\       \X/    \XXX/    \X/       /XX/
       "\       "      \X/      "      /"
-->
{% apply spaceless %}
<html lang="fr">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8" />

    <title>Erreur {% block code %}{% endblock %}</title>

    {% block css %}
        {{ encore_entry_link_tags('app') }}

        <style>
            .content {
                width: 100%;
            }

            .header {
                min-height: 100vh;
                {% if block('code') == '500' %}
                    background: linear-gradient(180deg, #b30000, #880000);
                {% else %}
                    background: linear-gradient(180deg, #434343, #353535);
                {% endif %}
            }


            .header-wrapper {
                position: relative;
                z-index: 100;
            }
        </style>
    {% endblock %}

    <link rel="alternate" type="application/rss+xml" title="Flux RSS" href="{{ safe_url('blog_network_rss') }}">
</head>
<body>
    <div class="page" data-grid="va-stretch">
        <div class="content">
            <div class="grid">
                <div class="col-12 header">
                    <div id="particles"></div>

                    <div class="header-wrapper">
                        <div class="h1">
                            Erreur {{ block('code') }}
                        </div>
                        <div class="h3">
                            {% block error %}{% endblock %}
                        </div>
                        <hr>
                        <div style="margin-top: 40px">
                            <a class="button" href="/">Retour sur le blog</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {% block js %}
        {{ encore_entry_script_tags('app') }}
    {% endblock %}
</body>
</html>
{% endapply %}
