<!DOCTYPE html>
<html>
    <head>
        <title>Corpus de la parole</title>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        {{content-for "head"}}

        <link rel="stylesheet" href="{{rootURL}}styles.css">
        <link rel="stylesheet" href="{{rootURL}}assets/vendor.css">
        <link rel="stylesheet" href="{{rootURL}}assets/app-client.css">

        {{content-for "head-footer"}}
    </head>
    <body>
        <div class="header">
            <h1>Corpus de la parole</h1>
            <div class="menu">
            <ul class="menu_main">
            <li class="sub-menu"> <a href="#/langues"> Langues </a> </li>
            <li class="sub-menu"> <a href="#/cartographie"> Cartographie </a> </li>
            <li class="sub-menu"> <a href="#/thematiques"> Thématiques </a> </li>
            <li class="sub-menu"> <a href="#/discours"> Discours </a> </li>
            <li class="sub-menu"> <a href="#/chronologie"> Chronologie </a> </li>
            </ul>
            </div>
        </div>

        {{content-for "body"}}

        <div id="corpus-app" class="corpus-app"></div>

        <script src="{{rootURL}}assets/vendor.js"></script>
        <script src="{{rootURL}}assets/app-client.js"></script>
        <!--script src="//code.jquery.com/jquery-1.11.3.min.js"></script-->
        <script>
            $(".menu_main .sub-menu").click(function(item, bla){
                $(".menu_main .sub-menu").toggleClass("active", false);
                $(item.currentTarget).toggleClass("active", true);
            })
        </script>

        {{content-for "body-footer"}}
    </body>
</html>
