<!DOCTYPE html>
<html>
<head>
<title>AppClient</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="styles.css">
<link rel="stylesheet" href="assets/vendor.css">
<link rel="stylesheet" href="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="assets/vendor.js"></script>
<script src="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>