--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/.hgignore Mon Feb 13 18:22:23 2012 +0100
@@ -0,0 +1,3 @@
+
+syntax: regexp
+^\.project$
\ No newline at end of file
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/controlpanel.html Mon Feb 13 18:22:23 2012 +0100
@@ -0,0 +1,111 @@
+<!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/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">
+ <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">
+ <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>
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/css/controlpanel.css Mon Feb 13 18:22:23 2012 +0100
@@ -0,0 +1,106 @@
+@font-face {
+ font-family: "Metric";
+ font-weight: normal;
+ font-style: normal;
+ src: url("../font/MetricF-Regular.otf");
+}
+@font-face {
+ font-family: "Metric";
+ font-weight: bold;
+ font-style: normal;
+ src: url("../font/MetricF-Bold.otf");
+}
+@font-face {
+ font-family: "Metric";
+ font-weight: normal;
+ font-style: italic;
+ src: url("../font/MetricF-Italic.otf");
+}
+a, body, div, h1, h2, h3, h4, h5, h6, li, p, span, ul {
+ font-weight: normal; margin: 0; padding: 0; border: none; font-size: 100%;
+ font: inherit; text-decoration: none; color: inherit;
+}
+ul {
+ list-style: none;
+}
+body {
+ font-family: Metric; background: #000000;
+}
+#btv-cp-container {
+ position: absolute; top: -65px; width: 100%;
+ background-image: linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+ background-image: -o-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+ background-image: -moz-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+ background-image: -webkit-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+ background-image: -ms-linear-gradient(bottom, rgb(224,224,224) 20%, rgb(250,250,250) 80%);
+ height: 70px;
+ border-bottom: 2px solid #666666;
+}
+#btv-cp-container:hover {
+ top: 0;
+}
+.btv-cp-line {
+ position: relative; width: 1160px; height: 100%; margin: 0 auto;
+}
+.btv-cp-element {
+ float: left;
+ height: 66px;
+ padding: 2px 4px; border-right: 1px solid #cccccc;
+}
+.btv-cp-element h2 {
+ font-size: 24px; margin: 18px 0 0;
+}
+.btv-cp-element h3 {
+ font-size: 14px; margin: 3px 0; text-align: center; line-height: 12px;
+}
+.btv-cp-element h4 {
+ font-size: 24px; font-weight: bold; text-align: center;
+}
+
+#btv-cp-champ-filtre {
+ width: 100px;
+}
+
+.btv-cp-liste-tweets {
+ width: 280px; max-height: 45px; background: #fefefe; overflow: auto;
+}
+.btv-cp-liste-tweets:hover {
+ max-height: 150px;
+}
+.btv-cp-liste-tweets li {
+ padding: 1px; border-bottom: 1px solid #ddd; font-size: 12px; font-family: Arial, Helvetica, sans-serif;
+}
+.btv-cp-tweet-button {
+ display: inline-block; margin: -1px 0; width: 15px; height: 14px; background: url("../img/addshow.png");
+}
+.btv-cp-tweet-show {
+ background-position: -15px 0;
+}
+.btv-cp-tweet-date {
+ font-style: italic;
+}
+.btv-cp-tweet-from {
+ font-weight: bold;
+}
+.btv-cp-liste-tweets li:hover {
+ background: #00f; color: #fff;
+}
+
+.btv-cp-cont-pause {
+ width: 60px;
+}
+.btv-cp-play-pause {
+ display: block; margin: 0 12px; width: 32px; height: 35px; background: url("../img/playpause.png");
+}
+.btv-cp-status-play {
+ background-position: -32px 0;
+}
+
+.btv-cp-compteur {
+ width: 75px; position: relative;
+}
+
+.btv-cp-compteur h4 {
+ width: 100%; position: absolute; left: 0; top: 40px;
+}
+
\ No newline at end of file
Binary file client/font/MetricF-Bold.otf has changed
Binary file client/font/MetricF-Italic.otf has changed
Binary file client/font/MetricF-Regular.otf has changed
Binary file client/img/addshow.png has changed
Binary file client/img/playpause.png has changed
