<!doctype html>
{% if page.lang %}
<html lang="{{ page.lang }}">
{% else %}
<html lang="fr">
{% endif %}
    <head>
        <meta charset="utf-8">
        <title>
            {{ page.page_title }}
        </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 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>

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

                <div id="content">
                {{ content }}
                </div>
                </section>
                <p class="clear"></p>
                <hr class="clear">
        </div>
    </body>
</html>
