<!doctype html>
{% if page:lang %}
<html lang="{{ page:lang }}">
{% else %}
<html lang="fr">
{% endif %}
    <head>
        <meta charset="utf-8">
        <title>
        {% if page:title  %}
            {{ page:title }}
        {% else %}
            {{ site:title }}
        {% endif %}
        </title>
        <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 type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"> </script>
        {% endif %}
        <link rel="stylesheet" href="/stylesheets/screen.css">
        <link rel="stylesheet" href="/stylesheets/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>
                    {% assign homelink = site:header-homelink-fr %}
                    {% assign title = site:header-title-fr %}
                    {% assign subtitle = site:header-subtitle-fr %}
                    {% if page:lang == 'en' %}
                        {% assign homelink = site:header-homelink-en %}
                        {% assign title = site:header-title-en %}
                        {% assign subtitle = site:header-subtitle-en %}
                    {% endif %}
                    <h1><a href="{{ homelink }}">{{ title }}</a></h1>
                    <p>{{ subtitle }}</p>
                    <hr>
                </header>

                <section>
                <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">Powered by <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>
        <script>
            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
             (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
             })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

            ga('create', 'UA-49425219-1', 'janko.fr');
            ga('send', 'pageview');
        </script>
    </body>
</html>