<!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/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() - 3600000;
/* Mots-clés pour déclencher la recherche
var searchKeywords = [ '#lgw', '#legrandwebze', 'webze' ];
* */
var searchKeywords = ['Obama'];
/* Mots-clés correspondant aux colonnes
var columnKeywords = [ '#ilReste', '#ilPart', '#cQui', '#change2ton' ];
*/
var columnKeywords = [ 'Obama', '#tcot', '#p2', 'president' ];
var serverUrl = 'http://ftv.iri-research.org/a/';
</script>
</head>
<body>
<div id="canvas" width="3000" 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 id="btv-tooltip">
</div>
</div>
</body>
</html>