<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AppClient</title>
<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> <a href="#"> CORPUS </a> </li>
<li> <a href="#"> LANGUES </a> </li>
<li> <a href="#"> PROJET </a> </li>
<li> <a href="#"> RECHERCHE </a> </li>
</ul>
<ul id="menu_main" class="menu_main">
<li id="langues" class="sub-menu"> Langues </li>
<li id="cartographie" class="sub-menu"> Cartographie </li>
<li id="thematiques" class="sub-menu"> Thématiques </li>
<li id="discours" class="sub-menu"> Discours </li>
<li id="chronologie" class="sub-menu"> Chronologie </li>
</ul>
<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 type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['treemap']}]}"></script>
<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(){
window.history.pushState('', '', this.id);
})
</script>
{{content-for 'body-footer'}}
</body>
</html>