<!doctype html>
{% if page.lang %}
<html lang="{{ page.lang }}">
{% else %}
<html lang="fr">
{% endif %}
{% assign month = "now" | date: "%m" %}
    <head>
        <meta charset="utf-8">
        <title>
            {{ page.page_title }}
        </title>
        {% if month == "12" or month == "1" %}
        <script src="https://app.embed.im/snow.js" defer></script>
        {% endif %}
        <link rel="icon" href="/images/favicon.png">
        {% if page.math %}
        <script type="text/x-mathjax-config">
            MathJax.Hub.Config({
                menuSettings: {
                    zoom: "Click",
                    zscale: "200%"
                },
                tex2jax: {
                    inlineMath: [
                        ['$','$'],
                        ['\\(','\\)']
                    ]
                }
            });
        </script>
        <script src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.3/latest.js?config=TeX-AMS-MML_HTMLorMML' async></script>
        {% endif %}
        <link rel="stylesheet" href="/css/screen.css">
        <link rel="stylesheet" href="/css/friendly.css">
        <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if lt IE 8]>
        <link rel="stylesheet" href="stylesheets/ie.css">
        <![endif]-->
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    </head>
    <body>
        <div id="outter-wrapper">
            <div id="wrapper">

                <header>
                    <h1><a href="{{ page.homelink }}">{{ page.title }}</a></h1>
                </header>

                <section>
                <p class="switcher">
                {% if page.lang == 'en' %}
                    {% if page.fr_url == '' %}
                        <a href="{{ page.url | remove_first: '/en' }}">🇫🇷</a>
                    {% else %}
                        <a href="{{ page.fr_url }}">🇫🇷</a>
                    {% endif %}

                      <a href="/de">🇩🇪</a>
                    </p>
                    {% include nav_en.html %}
                {% else %}
                {% if page.lang == 'de' %}
                      <a href="/">🇫🇷</a>
                      <a href="/en">🇬🇧</a>
                    </p>
                    {% include nav_de.html %}
                {% else %}
                    {% if page.en_url == '' %}
                        <a href="/en{{page.url}}">🇬🇧</a>
                    {% else %}
                        <a href="{{ page.en_url }}">🇬🇧</a>
                    {% endif %}

                     <a href="/de">🇩🇪</a>
                     </p>
                    {% include nav_fr.html %}
                {% endif %}
                {% endif %}
                <hr>

                <div id="page_subtitle">{{ page.subtitle }}</div>

                <div id="content">
                {{ content }}
                </div>
                <p class="clear"></p>
                <hr class="clear">
                <footer>
                    <span class="credits left"><a href="http://validator.w3.org/check?uri=http%3A%2F%2Fgaspard.janko.fr{{ page.url | cgi_escape }}">Validate</a> HTML</span>
                    <span class="credits right">Generated on <a href="https://git.oknaj.eu/gjankowiak/homepage">{{ site.time | date_to_long_string }}</a> with <a href="http://jekyllrb.com/">Jekyll</a></span>
                </footer>
                </section>

            </div><!-- wrapper -->
            <div id="foot_image" title="Le Dévoluy, depuis le Mont Aiguille">
                <img width="900" height="150" alt="devoluy" src="/images/devoluy.png">
                <img width="15" height="18" alt="skier" id="ski" src="/images/ski.png">
                <div id="clouds"></div>
            </div>

        </div>
    </body>
</html>
