1 <!DOCTYPE html> |
1 <!DOCTYPE html> |
2 <html> |
2 <html> |
3 <head> |
3 <head> |
4 <meta charset="utf-8"> |
4 <title>AppClient</title> |
5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
6 <title>AppClient</title> |
|
7 <meta name="description" content=""> |
|
8 <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
9 |
5 |
10 {{content-for "head"}} |
6 <meta charset="utf-8"> |
|
7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|
8 <meta name="description" content=""> |
|
9 <meta name="viewport" content="width=device-width, initial-scale=1"> |
11 |
10 |
12 <link rel="stylesheet" href="styles.css"> |
11 {{content-for "head"}} |
13 |
12 |
14 <link rel="stylesheet" href="assets/vendor.css"> |
13 <link rel="stylesheet" href="styles.css"> |
15 <link rel="stylesheet" href="assets/app-client.css"> |
14 <link rel="stylesheet" href="assets/vendor.css"> |
|
15 <link rel="stylesheet" href="assets/app-client.css"> |
16 |
16 |
17 {{content-for "head-footer"}} |
17 <script src="http://popcornjs.org/code/dist/popcorn-complete.js"></script> |
18 </head> |
|
19 <body> |
|
20 <div class="header"> |
|
21 <h1>Corpus de la parole</h1> |
|
22 <div class="menu"> |
|
23 <ul class="menu_main"> |
|
24 <li class="sub-menu"> <a href="#/langues"> Langues </a> </li> |
|
25 <li class="sub-menu"> <a href="#/cartographie"> Cartographie </a> </li> |
|
26 <li class="sub-menu"> <a href="#/thematiques"> Thématiques </a> </li> |
|
27 <li class="sub-menu"> <a href="#/discours"> Discours </a> </li> |
|
28 <li class="sub-menu"> <a href="#/chronologie"> Chronologie </a> </li> |
|
29 </ul> |
|
30 </div> |
|
31 </div> |
|
32 {{content-for "body"}} |
|
33 |
18 |
34 <div id="corpus-app" class="corpus-app"></div> |
19 {{content-for "head-footer"}} |
|
20 </head> |
|
21 <body> |
|
22 <div class="header"> |
|
23 <h1>Corpus de la parole</h1> |
|
24 <div class="menu"> |
|
25 <ul class="menu_main"> |
|
26 <li class="sub-menu"> <a href="#/langues"> Langues </a> </li> |
|
27 <li class="sub-menu"> <a href="#/cartographie"> Cartographie </a> </li> |
|
28 <li class="sub-menu"> <a href="#/thematiques"> Thématiques </a> </li> |
|
29 <li class="sub-menu"> <a href="#/discours"> Discours </a> </li> |
|
30 <li class="sub-menu"> <a href="#/chronologie"> Chronologie </a> </li> |
|
31 </ul> |
|
32 </div> |
|
33 </div> |
35 |
34 |
36 <script src="assets/vendor.js"></script> |
35 {{content-for "body"}} |
37 <script src="assets/app-client.js"></script> |
|
38 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
|
39 <script> |
|
40 $(".menu_main .sub-menu").click(function(item, bla){ |
|
41 $(".menu_main .sub-menu").toggleClass("active", false); |
|
42 $(item.currentTarget).toggleClass("active", true); |
|
43 }) |
|
44 </script> |
|
45 |
36 |
46 {{content-for "body-footer"}} |
37 <div id="corpus-app" class="corpus-app"></div> |
47 </body> |
38 |
|
39 <script src="assets/vendor.js"></script> |
|
40 <script src="assets/app-client.js"></script> |
|
41 <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> |
|
42 <script> |
|
43 $(".menu_main .sub-menu").click(function(item, bla){ |
|
44 $(".menu_main .sub-menu").toggleClass("active", false); |
|
45 $(item.currentTarget).toggleClass("active", true); |
|
46 }) |
|
47 </script> |
|
48 |
|
49 {{content-for "body-footer"}} |
|
50 </body> |
48 </html> |
51 </html> |