<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link media="all" href="lib/modelmap/modelmap.min.css" type="text/css" rel="stylesheet" />
    <link media="all" href="lib/jquery/jquery-ui.min.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="lib/FullWidthTabs/component.min.css" />
    <link rel="stylesheet" type="text/css" href="lib/FullWidthTabs/demo.min.css" />
    {% for css in css_list %}
    <link media="all" href="{{css}}" type="text/css" rel="stylesheet" />
    {% endfor %}
    <link href="lib/modelmap/fav.ico" type="image/x-icon" rel="shortcut icon" />
    <title>{{h1}}</title>
    <script src="lib/jquery/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="lib/jquery/jquery-ui.min.js" type="text/javascript"></script>
    <script src="lib/onlinehtmltools/skinable_tabs.min.js" type="text/javascript"></script>
    <!--[if IE]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    {% for js in js_list %}
    <script src="{{js}}" type="text/javascript"></script>
    {% endfor %}
    <script type="text/javascript">L_PREFER_CANVAS = true;</script>
</head>
<body>
    <div class="container">
        <header class="clearfix">
            <h1>{{title}}</h1>
            <nav>
                <a href="http://mimoza.bordeaux.inria.fr" class="bp-icon icon-home3" data-info="Home"><span>Home</span></a>
            </nav>
        </header>
        <div id="tabs" class="tabs">
            <nav>
                <ul>
                {% if tab2html %}
                    {% set i = 0 %}
                    {% for (tab, (html, class)) in tab2html %}
                    <li><a href="#tab-{{i}}" class="{% if class %}{{class}}{% else %}icon-stats-dots{% endif %}"><span>{{tab}}</span></a></li>
                    {% set i = i + 1 %}
                    {% endfor %}
                {% endif %}
                </ul>
            </nav>
            <div class="content">
            {% if tab2html %}
                {% set i = 0 %}
                {% for (tab, (html, class)) in tab2html %}
                <section id="tab-{{i}}">
                    <div class="just">
                        {{html}}
                    </div>
                </section>
                {% set i = i + 1 %}
                {% endfor %}
            {% endif %}
            </div><!-- /content -->
        </div><!-- /tabs -->
    </div>
    <script src="lib/FullWidthTabs/cbpFWTabs.min.js"></script>
    <script>new CBPFWTabs(document.getElementById('tabs'));</script>
</body>
</html>