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="js/jquery-1.6.4.min.js"></script> |
|
7 <script type="text/javascript" src="config.js"></script> |
|
8 <script type="text/javascript"> |
|
9 if( typeof STANDALONE_APP == "undefined" || !STANDALONE_APP) { |
|
10 document.write('<script type="text/javascript" src="/socket.io/socket.io.js"><' + '/script>'); |
|
11 } |
|
12 </script> |
|
13 <script type="text/javascript" src="js/raphael-min.js"></script> |
|
14 <script type="text/javascript" src="js/jquery.mousewheel.min.js"></script> |
|
15 <script type="text/javascript" src="js/underscore-min.js"></script> |
|
16 <script type="text/javascript" src="js/script.js"></script> |
|
17 <link rel="stylesheet" href="css/style.css" type="text/css" /> |
|
18 </head> |
|
19 <body> |
|
20 <div id="container"> |
|
21 <div id="colgauche"> |
|
22 <div class="barre"> |
|
23 <img id="headlogo" src="img/head_logo.gif" width="171" height="63" /> |
|
24 <ul class="menu"> |
|
25 <li> |
|
26 <a class="menuLink" href="#">Accueil</a> |
|
27 </li> |
|
28 <li> |
|
29 <a class="menuLink" href="#">Programme</a> |
|
30 </li> |
|
31 <li> |
|
32 <a class="menuLink" href="#">A propos</a> |
|
33 </li> |
|
34 </ul> |
|
35 </div> |
|
36 <div id="twwWrap"> |
|
37 <div id="tweetWriter"> |
|
38 <h3>Annotations polémiques</h3> |
|
39 </div> |
|
40 </div> |
|
41 <div id="tweetviz"> |
|
42 <div class="barre"> |
|
43 <form id="recherche"> |
|
44 <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" /> |
|
45 <input id="inp_submit" type="submit" /> |
|
46 <input id="inp_reset" type="reset" /> |
|
47 <div id="time_controls"> |
|
48 <div id="time_legende"></div> |
|
49 <div id="time_scale"></div> |
|
50 <a href="#" id="time_zoomout"></a> |
|
51 <a href="#" id="time_zoomin"></a> |
|
52 </div> |
|
53 <div id="recherche_annot"> |
|
54 Recherche par annotation : <span id="rech_list_annot"></span><br /> |
|
55 </div> |
|
56 </form> |
|
57 </div> |
|
58 <ul id="tweetlist"></ul> |
|
59 <div id="timeline"></div> |
|
60 <div id="scrollcont"> |
|
61 <div id="scrollin"></div> |
|
62 </div> |
|
63 </div> |
|
64 </div> |
|
65 <div id="coldroite"> |
|
66 <div id="vlWrap"> |
|
67 <div id="videoLivePlayer"></div> |
|
68 </div> |
|
69 <div id="out_fleche"> |
|
70 <div id="in_fleche"></div> |
|
71 </div> |
|
72 <ul id="accordeon"> |
|
73 <li><h3>Nuage de mots-clés</h3></li> |
|
74 <li class="deplie" id="motscles"></li> |
|
75 </ul> |
|
76 </div> |
|
77 </div> |
|
78 <div id="hovertweet"> |
|
79 <div id="hovercontent"></div> |
|
80 <div id="hoverarrow"></div> |
|
81 </div> |
|
82 </body> |
|
83 </html> |
|