|
1 <!doctype html> |
|
2 <html> |
|
3 <head> |
|
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|
5 <title>Polemic Tweet “TweetCast”</title> |
|
6 <script type="text/javascript" src="lib/jquery-1.6.4.min.js"></script> |
|
7 <script type="text/javascript" src="lib/raphael-min.js"></script> |
|
8 <script type="text/javascript" src="lib/jquery.mousewheel.min.js"></script> |
|
9 <script type="text/javascript" src="lib/underscore-min.js"></script> |
|
10 |
|
11 <script type="text/javascript" src="config.js"></script> |
|
12 <script type="text/javascript" src="js/connect-gevent.js"></script> |
|
13 <script type="text/javascript" src="js/live-polemic.js"></script> |
|
14 <link rel="stylesheet" href="css/style.css" type="text/css" /> |
|
15 </head> |
|
16 <body> |
|
17 <div id="container"> |
|
18 <div id="colgauche"> |
|
19 <div class="barre"> |
|
20 <img id="headlogo" src="img/head_logo.gif" width="171" height="63" /> |
|
21 <ul class="menu"> |
|
22 <li> |
|
23 <a class="menuLink" href="#">Accueil</a> |
|
24 </li> |
|
25 <li> |
|
26 <a class="menuLink" href="#">Programme</a> |
|
27 </li> |
|
28 <li> |
|
29 <a class="menuLink" href="#">A propos</a> |
|
30 </li> |
|
31 </ul> |
|
32 </div> |
|
33 <div id="twwWrap"> |
|
34 <div id="tweetWriter"> |
|
35 <h3>Annotations polémiques</h3> |
|
36 </div> |
|
37 </div> |
|
38 <div id="tweetviz"> |
|
39 <div class="barre"> |
|
40 <form id="recherche"> |
|
41 <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" /> |
|
42 <input id="inp_submit" type="submit" /> |
|
43 <input id="inp_reset" type="reset" /> |
|
44 <div id="time_controls"> |
|
45 <div id="time_legende"></div> |
|
46 <div id="time_scale"></div> |
|
47 <a href="#" id="time_zoomout"></a> |
|
48 <a href="#" id="time_zoomin"></a> |
|
49 </div> |
|
50 <div id="recherche_annot"> |
|
51 Recherche par annotation : <span id="rech_list_annot"></span><br /> |
|
52 </div> |
|
53 </form> |
|
54 </div> |
|
55 <ul id="tweetlist"></ul> |
|
56 <div id="timeline"></div> |
|
57 <div id="scrollcont"> |
|
58 <div id="scrollin"></div> |
|
59 </div> |
|
60 </div> |
|
61 </div> |
|
62 <div id="coldroite"> |
|
63 <div id="vlWrap"> |
|
64 <div id="videoLivePlayer"></div> |
|
65 </div> |
|
66 <div id="out_fleche"> |
|
67 <div id="in_fleche"></div> |
|
68 </div> |
|
69 <ul id="accordeon"> |
|
70 <li><h3>Nuage de mots-clés</h3></li> |
|
71 <li class="deplie" id="motscles"></li> |
|
72 </ul> |
|
73 </div> |
|
74 </div> |
|
75 <div id="hovertweet"> |
|
76 <div id="hovercontent"></div> |
|
77 <div id="hoverarrow"></div> |
|
78 </div> |
|
79 </body> |
|
80 </html> |