{% load static wagtailcore_tags wagtailuserbar wagtailimages_tags my_amp %}

<!doctype html>
<html amp lang="fr">
<head>
    <meta charset="utf-8"/>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
    <title>{% block page_title %}{{ page.seo_title }}{% endblock %}</title>
    <meta name="description" content="{% block page_description %}{{ page.search_description }}{% endblock %}"/>
    <meta content="Station Spatiale" name="author"/>
    <meta name="msapplication-TileColor" content="#da532c">
    <meta name="theme-color" content="#ffffff">
    <meta name="content-language" content="fr">
    <meta name="referrer" content="no-referrer-when-downgrade">

    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta property="og:type" content="website">
    <meta property="og:title" content="{% block og_title %}{{ page.seo_title }}{% endblock %}">
    <meta property="og:description" content="{% block og_desc %}{{ page.search_description }}{% endblock %}">
    {% if page.feed_image %}
        <meta property="og:image"
              content="{% image page.feed_image fill-500x500 as img %}{{ img.url }}">
        <meta property="og:image:width" content="500">
        <meta property="og:image:height" content="500">
    {% endif %}
    <meta property="og:url" content="https://{{ request.get_host }}{{ request.path|cut:"?build=true" }}">
    <meta name="twitter:title" content="{% block twitter_title %}{{ page.seo_title }}{% endblock %}">
    <meta name="twitter:description" content="{% block twitter_desc %}{{ page.search_description }}{% endblock %}">
    {% if page.feed_image %}
        <meta name="twitter:image"
              content="{% image page.feed_image fill-500x500 as img %}{{ img.url }}">
        <meta name="twitter:card" content="summary_large_image">
    {% endif %}

    <link rel="apple-touch-icon" sizes="180x180" href="{% static 'assets/img/favicon/apple-touch-icon.png' %}">
    <link rel="icon" type="image/png" sizes="32x32" href="{% static 'assets/img/favicon/favicon-32x32.png' %}">
    <link rel="icon" type="image/png" sizes="16x16" href="{% static 'assets/img/favicon/favicon-16x16.png' %}">
    <link rel="manifest" href="{% static 'assets/img/favicon/site.webmanifest' %}">
    <link rel="mask-icon" href="{% static 'assets/img/favicon/safari-pinned-tab.svg' %}" color="#5bbad5">
    <link rel="canonical" href="https://{{ request.get_host }}/{{ request.path|cut:"?build=true"|cut:"/amp/" }}"/>
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&display=swap" rel="stylesheet">
    <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
    <style amp-custom>{% amp_custom %}</style>
    <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
    {% amp_scripts %}
    {% block js %}{% endblock %}
    {% block extra_head %}
    {% endblock %}
    {% if page.schemas %}
        {% for schema in page.schemas %}
            {% include_block schema %}
        {% endfor %}
    {% endif %}
</head>

<body class="{% block body_class %}{% endblock %}">
{% csrf_token %}
{% block content %}{% endblock %}

</body>
</html>
