--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/main.html Mon Feb 20 17:44:20 2012 +0100
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8" />
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+ <title>Bubble-TV</title>
+ <meta name="description" content="" />
+ <link rel="stylesheet" href="css/base-metric.css" />
+ <link rel="stylesheet" href="css/controlpanel.css" />
+ <link rel="stylesheet" href="css/main.css" />
+
+ <script type="text/javascript" src="lib/jquery.min.js"></script>
+
+ <script type="text/javascript" src="lib/protoclass.js"></script>
+ <script type="text/javascript" src="lib/box2d.js"></script>
+ <script type="text/javascript" src="js/tweetanim.js"></script>
+ <script type="text/javascript" src="js/tweetvote-anim.js"></script>
+ <script type="text/javascript" src="js/podium.js"></script>
+ <script type="text/javascript" src="js/tweetsource.js"></script>
+ <script type="text/javascript" src="js/main.js"></script>
+ <script type="text/javascript">
+ /* Heure de début de l'émission
+ var startHour = new Date("Feb 24 2012 23:30:00 UTC+0100");
+ * */
+ var startHour = new Date() - 120000;
+
+ /* Mots-clés pour déclencher la recherche
+ var searchKeywords = [ '#lgw', '#legrandwebze', 'webze' ];
+ * */
+ var searchKeywords = ['Sarkozy', 'Hollande', 'Bayrou'];
+
+ /* Mots-clés correspondant aux colonnes
+ var columnKeywords = [ '#ilReste', '#ilPart', '#cQui', '#change2ton' ];
+ */
+
+ var columnKeywords = [ 'Hollande', 'Zorglub I°', 'Bayrou', 'Sarkozy' ];
+
+ </script>
+ </head>
+ <body>
+ <div id="canvas" width="6000" height="2000" style="background-color:#333333;" ></div>
+
+ <div id="btv-global-container">
+ <div id="btv-cp-container">
+ <div class="btv-cp-line">
+ <div class="btv-cp-element">
+ <h2>Bubble <b>TV</b></h2>
+ </div>
+ <div class="btv-cp-element" id="btv-cp-cont-filtre">
+ <h3>Rechercher/Filtrer</h3>
+ <input id="btv-cp-champ-filtre" />
+ <a href="#" id="btv-cp-clear-filtre">x</a>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-liste">
+ <h3>Derniers tweets</h3>
+ <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-tout">
+ </ul>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-liste">
+ <h3>Tweets sélectionnés</h3>
+ <ul class="btv-cp-liste-tweets" id="btv-cp-liste-tweets-selection">
+ </ul>
+ <a class="btv-cp-hide-tweets" href="#" style="display: none;">Cacher le tweet à l'écran</a>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-pause btv-cp-status-pause" id="btv-cp-cont-pause-amont">
+ <h3>Arrivée des tweets</h3>
+ <a class="btv-cp-play-pause" href="#"></a>
+ </div>
+ <div class="btv-cp-element btv-cp-cont-pause btv-cp-status-pause" id="btv-cp-cont-pause-aval">
+ <h3>Purge des colonnes</h3>
+ <a class="btv-cp-play-pause" href="#"></a>
+ </div>
+ <div class="btv-cp-element btv-cp-compteur">
+ <h3>Nombre de tweets</h3>
+ <h4 id="btv-cp-nb-tweets"></h4>
+ </div>
+ <div class="btv-cp-element btv-cp-compteur">
+ <h3>Temps écoulé</h3>
+ <h4 id="btv-cp-temps">0:00:00</h4>
+ </div>
+ </div>
+ </div>
+ <div id="podium-container">
+ <div id="podium"></div>
+ <ul id="podium-chiffres">
+ </ul>
+ <ul id="podium-labels">
+ </ul>
+ </div>
+ <div id="btv-bigtweet">
+ </div>
+ </div>
+
+ </body>
+</html>