<!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>{% block meta_title %}{{ _page is defined ? _page.metaTitle }}{% endblock %}</title>

    {% block metas %}
        <meta name="description" content="{% block meta_description %}{{ _page is defined and _page ? _page.metaDescription }}{% endblock %}">
        <link rel="openid.server" href="https://id.deblan.org/" />
        <link rel="openid.delegate" href="https://www.deblan.io/" />
        <link rel="openid2.provider" href="https://id.deblan.org/" />
        <link rel="openid2.local_id" href="https://www.deblan.io/" />
    {% endblock %}

    {% block openGraph %}
        {% if _page is defined and _page %}
            <meta property="og:title" content="{{ _page.ogTitle }}" />
            <meta property="og:url" content="{{ app.request.uri }}" />
            <meta property="og:description" content="{{ _page.ogDescription }}" />

            {% if _page.ogImage %}
                <meta property="og:image" content="{{ absolute_url(asset(_page.ogImage)) }}" />
                <meta property="og:image:secure_url" content="{{ absolute_url(asset(_page.ogImage)) }}" />
            {% endif %}
        {% endif %}
    {% endblock %}

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

    <link rel="alternate" type="application/rss+xml" title="Flux RSS" href="{{ safe_url('blog_network_rss') }}">

    <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('build/webapp/apple-icon-57x57.png') }}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('build/webapp/apple-icon-60x60.png') }}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('build/webapp/apple-icon-72x72.png') }}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('build/webapp/apple-icon-76x76.png') }}">
    <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('build/webapp/apple-icon-114x114.png') }}">
    <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('build/webapp/apple-icon-120x120.png') }}">
    <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('build/webapp/apple-icon-144x144.png') }}">
    <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('build/webapp/apple-icon-152x152.png') }}">
    <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/webapp/apple-icon-180x180.png') }}">
    <link rel="icon" type="image/png" href="{{ asset('build/webapp/favicon.png') }}" >
    <link rel="icon" type="image/png" sizes="192x192" href="{{ asset('build/webapp/android-icon-192x192.png') }}">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('build/webapp/favicon.png') }}">
    <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('build/webapp/favicon-96x96.png') }}">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('build/webapp/favicon-16x16.png') }}">
    <link rel="manifest" href="{{ asset('build/webapp/manifest.json') }}">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="{{ asset('build/webapp/ms-icon-144x144.png') }}">
    <meta name="theme-color" content="#ffffff">
</head>
<body>
    <div class="flex items-stretch blog">
        {{ include('module/_navigation.html.twig') }}

        <div class="content">
            <div class="content-wrapper">
                <div class="col-12 header">
                    <div id="particles"></div>

                    <div class="header-wrapper">
                        <h1 class="h1">
                            {%- block page_title -%}
                                {{- 'Simon Vieille' -}}
                            {%- endblock -%}
                        </h1>

                        {% block page_subtitle %}
                            {% set pageSubTitle = pageSubTitle ?? null %}

                            {% if pageSubTitle %}
                                <p class="h3">
                                    {{- pageSubTitle|raw -}}
                                </p>
                            {% endif %}
                        {% endblock %}
                    </div>
                </div>
                <div class="header-shadow"></div>

                {% set flashes = app.flashes %}
                {% if flashes|length %}
                    <div class="p-8">
                        {% set classes = {
                            info: 'alert-info',
                            success: 'alert-success',
                            warning: 'alert-warning',
                            error: 'alert-error',
                        } %}
                        {% for level, messages in flashes %}
                            {% for message in messages %}
                                <div class="alert {{ classes[level] }}">
                                    {{- message|nl2br -}}
                                </div>
                            {% endfor %}
                        {% endfor %}
                    </div>
                {% endif %}

                {% block body %}

                {% endblock %}
            </div>
            <div class="col-12 content-footer">
                {{- setting('blog_footer')|murph_url|raw -}}
            </div>
        </div>
    </div>

    {% block js %}
        {{ encore_entry_script_tags('app') }}
    {% endblock %}

    {{- setting('stats_umami_tag')|raw -}}
</body>
</html>
{% endapply %}
