|
1 <!DOCTYPE html> |
|
2 <html lang="en"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>Bubble-TV</title> |
|
7 <meta name="description" content="" /> |
|
8 <link rel="stylesheet" href="css/base-metric.css" /> |
|
9 <link rel="stylesheet" href="css/controlpanel.css" /> |
|
10 <link rel="stylesheet" href="css/main.css" /> |
|
11 |
|
12 <script type="text/javascript" src="lib/jquery.min.js"></script> |
|
13 |
|
14 <script type="text/javascript" src="lib/protoclass.js"></script> |
|
15 <script type="text/javascript" src="lib/box2d.js"></script> |
|
16 <script type="text/javascript" src="js/tweetanim.js"></script> |
|
17 <script type="text/javascript" src="js/tweetvote-anim.js"></script> |
|
18 <script type="text/javascript" src="js/podium.js"></script> |
|
19 <script type="text/javascript" src="js/tweetsource.js"></script> |
|
20 <script type="text/javascript" src="js/main.js"></script> |
|
21 <script type="text/javascript"> |
|
22 /* Heure de début de l'émission |
|
23 var startHour = new Date("Feb 24 2012 23:30:00 UTC+0100"); |
|
24 * */ |
|
25 var startHour = new Date() - 120000; |
|
26 |
|
27 /* Mots-clés pour déclencher la recherche |
|
28 var searchKeywords = [ '#lgw', '#legrandwebze', 'webze' ]; |
|
29 * */ |
|
30 var searchKeywords = ['Sarkozy', 'Hollande', 'Bayrou']; |
|
31 |
|
32 /* Mots-clés correspondant aux colonnes |
|
33 var columnKeywords = [ '#ilReste', '#ilPart', '#cQui', '#change2ton' ]; |
|
34 */ |
|
35 |
|
36 var columnKeywords = [ 'Hollande', 'Zorglub I°', 'Bayrou', 'Sarkozy' ]; |
|
37 |
|
38 </script> |
|
39 </head> |
|
40 <body> |
|
41 <div id="canvas" width="6000" height="2000" style="background-color:#333333;" ></div> |
|
42 |
|
43 <div id="btv-global-container"> |
|
44 <div id="btv-cp-container"> |
|
45 <div class="btv-cp-line"> |
|
46 <div class="btv-cp-element"> |
|
47 <h2>Bubble <b>TV</b></h2> |
|
48 </div> |
|
49 <div class="btv-cp-element" id="btv-cp-cont-filtre"> |
|
50 <h3>Rechercher/Filtrer</h3> |
|
51 <input id="btv-cp-champ-filtre" /> |
|
52 <a href="#" id="btv-cp-clear-filtre">x</a> |
|
53 </div> |
|
54 <div class="btv-cp-element btv-cp-cont-liste"> |
|
55 <h3>Derniers tweets</h3> |
|
56 <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout"> |
|
57 </ul> |
|
58 </div> |
|
59 <div class="btv-cp-element btv-cp-cont-liste"> |
|
60 <h3>Tweets sélectionnés</h3> |
|
61 <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-selection"> |
|
62 </ul> |
|
63 <a class="btv-cp-hide-tweets" href="#" style="display: none;">Cacher le tweet à l'écran</a> |
|
64 </div> |
|
65 <div class="btv-cp-element btv-cp-cont-pause btv-cp-status-pause" id="btv-cp-cont-pause-amont"> |
|
66 <h3>Arrivée des tweets</h3> |
|
67 <a class="btv-cp-play-pause" href="#"></a> |
|
68 </div> |
|
69 <div class="btv-cp-element btv-cp-cont-pause btv-cp-status-pause" id="btv-cp-cont-pause-aval"> |
|
70 <h3>Purge des colonnes</h3> |
|
71 <a class="btv-cp-play-pause" href="#"></a> |
|
72 </div> |
|
73 <div class="btv-cp-element btv-cp-compteur"> |
|
74 <h3>Nombre de tweets</h3> |
|
75 <h4 id="btv-cp-nb-tweets"></h4> |
|
76 </div> |
|
77 <div class="btv-cp-element btv-cp-compteur"> |
|
78 <h3>Temps écoulé</h3> |
|
79 <h4 id="btv-cp-temps">0:00:00</h4> |
|
80 </div> |
|
81 </div> |
|
82 </div> |
|
83 <div id="podium-container"> |
|
84 <div id="podium"></div> |
|
85 <ul id="podium-chiffres"> |
|
86 </ul> |
|
87 <ul id="podium-labels"> |
|
88 </ul> |
|
89 </div> |
|
90 <div id="btv-bigtweet"> |
|
91 </div> |
|
92 </div> |
|
93 |
|
94 </body> |
|
95 </html> |