<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>controlpanel</title>
<meta name="description" content="" />
<link rel="stylesheet" href="css/base-metric.css" />
<link rel="stylesheet" href="css/controlpanel.css" />
<script type="text/javascript">
$(function() {
});
</script>
</head>
<body>
<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">
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
<li>
<a title="Ajouter à la sélection" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-add"></div>
</a>
</li>
</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-tout">
<li>
<a title="Afficher à l'écran" href="#">
<span class="btv-cp-tweet-date">17:59:12</span>
<span class="btv-cp-tweet-from">@machin</span>
<span class="btv-cp-tweet-text">Lorem ipsum dolor. Ceci est un tweet. #LGW</span>
<div class="btv-cp-tweet-button btv-cp-tweet-show"></div>
</a>
</li>
</ul>
</div>
<div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-amont">
<h3>Arrivée des tweets</h3>
<a class="btv-cp-play-pause btv-cp-status-pause" href="#"></a>
</div>
<div class="btv-cp-element btv-cp-cont-pause" id="btv-cp-cont-pause-aval">
<h3>Purge des colonnes</h3>
<a class="btv-cp-play-pause btv-cp-status-play" href="#"></a>
</div>
<div class="btv-cp-element btv-cp-compteur">
<h3>Nombre de tweets</h3>
<h4>17824</h4>
</div>
<div class="btv-cp-element btv-cp-compteur">
<h3>Temps écoulé</h3>
<h4>1:30:00</h4>
</div>
</div>
</div>
</body>
</html>