Merge with 61e3683f9e2340a8c999a4e1f4aa2e4129d45b5b
authorRaphael Velt <raph.velt@gmail.com>
Tue, 16 Apr 2013 10:42:09 +0200
changeset 855 ed575da0ee15
parent 854 4c377df66569 (diff)
parent 851 e846b15e7a15 (current diff)
child 856 84dd55fc7370
Merge with 61e3683f9e2340a8c999a4e1f4aa2e4129d45b5b
--- a/web/common.php	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/common.php	Tue Apr 16 10:42:09 2013 +0200
@@ -17,7 +17,7 @@
 $ldt_platform = 'http://ldt.iri.centrepompidou.fr/';
 $project_url_base = 'ldtplatform/ldt/cljson/id/';
 
-$C_default_rep = 'enmi12-barcamp';
+$C_default_rep = 'edito-1213-06-modeles-economiques';
 $C_feedback_form_url = 'https://spreadsheets.google.com/spreadsheet/viewform?hl=en_US&formkey=dDZILVdXVHRzd0xhWGVZXzkweHN2RGc6MQ#gid=0';
 
 $archives_list = array(
Binary file web/hanna-arendt/arendt-background.jpg has changed
--- a/web/hanna-arendt/index.php	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/hanna-arendt/index.php	Tue Apr 16 10:42:09 2013 +0200
@@ -8,87 +8,80 @@
  * Do we already have a valid Access Token or need to go get one?
  */
 
-if (!isset($_SESSION['TWITTER_ACCESS_TOKEN']) ) {
-	
+if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])) {
+
 	$_SESSION['TWITTER_REDIRECT_URL'] = URL_ROOT . basename(__DIR__) . '/' . basename(__FILE__);
 	// Permanent redirection
 	header("HTTP/1.1 301 Moved Permanently");
-	header("Location: client.php?CONNECT=true&rep=".basename(__DIR__));
+	header("Location: client.php?CONNECT=true&rep=" . basename(__DIR__));
 	exit();
-	
+
 }
-
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
 
 <html lang="fr">
-  <head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>Avant-Première Hanna Arendt : Tweet Wall</title>
-    <meta http-equiv="X-UA-Compatible" content="IE=9" />
-    
-    <!-- CSS -->
-    <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<title>Avant-Première Hanna Arendt : Tweet Wall</title>
+		<meta http-equiv="X-UA-Compatible" content="IE=9" />
+
+		<!-- CSS -->
+		<link rel="stylesheet" href="<?php echo(registry_url('tweetcast', 'css')); ?>" type="text/css" media="screen, projection"/>
+    <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
 
-    <!-- JAVASCRIPT -->
-    <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
-    <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
-    <script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
-    <script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
-    <script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+		<!-- JAVASCRIPT -->
+		<script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
+		<script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'))?>"></script>
+		<script type="text/javascript" src="<?php echo(registry_url('jquery-scrollto','js'))?>"></script>
+		<script type="text/javascript" src="<?php echo(registry_url('underscore','js'))?>"></script>
+		<script type="text/javascript" src="<?php echo(registry_url('raphael','js'))?>"></script>
+
+		<script type="text/javascript"><?php
+			if (isset($_GET['favuser'])) {
+				echo 'var favUser="' . $_GET['favuser'] . '";';
+			}
+		?></script>
+
+		<script type="text/javascript" src="script.js"></script>
+
+	</head>
+	<body>
+		<div id="main">
+			<div id="visionplayer_1101"></div>
+
+			<script type="text/javascript" src="http://embeddedplayer.visionip.tv/embed/1101?w=836&h=440" ></script>
 
-    <script type="text/javascript">
-	<?php if (isset($_GET['favuser'])) {
-			echo 'var favUser="'.$_GET['favuser'].'";';
-		}
-	?>
-    </script>
-    
-    <script type="text/javascript" src="script.js"></script>
-	<style type="text/css">
-		#visionplayer_1101 {
-			float: left; margin: 5px;
-		}
-		#container {
-			float: left; width: 452px; margin: 5px 0; overflow: hidden;
-		}
-    </style>
-    
-  </head>
-  <body>
-	  	<div id="visionplayer_1101"></div>
-
-	  	<script type="text/javascript" src="http://embeddedplayer.visionip.tv/embed/1101?w=836&h=440" ></script>
-	  	
-        <div id="container">
+			<div id="vizcontainer">
 
-                    <div class="barre">
-                        <form id="recherche">
-                            <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
-                            <input id="inp_submit" type="submit" />
-                            <input id="inp_reset" type="reset" />
-                            <div id="time_controls">
-                                <div id="time_legende"></div>
-                                <div id="time_scale"></div>
-                                <a href="#" id="time_zoomout"></a>
-                                <a href="#" id="time_zoomin"></a>
-                            </div>
-                            <div id="recherche_annot">
-                                Rechercher par polémique : <span id="rech_list_annot"></span><br />
-                            </div>
-                        </form>
-                    </div>
-            
-                <div id="tweetviz">
-                    <ul id="tweetlist"></ul>
-                    <div id="timeline"></div>
-                    <div id="scrollcont">
-                        <div id="scrollin"></div>
-                    </div>
-                </div>
-            </div>
-            
+				<div class="barre">
+					<form id="recherche">
+						<input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
+						<input id="inp_submit" type="submit" />
+						<input id="inp_reset" type="reset" />
+						<div id="time_controls">
+							<div id="time_legende"></div>
+							<div id="time_scale"></div>
+							<a href="#" id="time_zoomout"></a>
+							<a href="#" id="time_zoomin"></a>
+						</div>
+						<div id="recherche_annot">
+							Rechercher par polémique : <span id="rech_list_annot"></span>
+							<br />
+						</div>
+					</form>
+				</div>
+
+				<div id="tweetviz">
+					<ul id="tweetlist"></ul>
+					<div id="timeline"></div>
+					<div id="scrollcont">
+						<div id="scrollin"></div>
+					</div>
+				</div>
+			</div>
+
 		</div>
-  </body>
+	</body>
 </html>
\ No newline at end of file
--- a/web/hanna-arendt/paris.php	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/hanna-arendt/paris.php	Tue Apr 16 10:42:09 2013 +0200
@@ -30,6 +30,7 @@
     
     <!-- CSS -->
     <link rel="stylesheet" href="<?php echo(registry_url('tweetcast','css'));?>" type="text/css" media="screen, projection"/>
+    <link rel="stylesheet" href="style.css" type="text/css" media="screen, projection"/>
 
     <!-- JAVASCRIPT -->
     <script type="text/javascript" src="<?php echo(registry_url('jquery','js'))?>"></script>
@@ -46,47 +47,40 @@
     </script>
     
     <script type="text/javascript" src="script.js"></script>
-	<style type="text/css">
-		#visionplayer_1101 {
-			float: left; margin: 5px;
-		}
-		#container {
-			float: left; width: 452px; margin: 5px 0; overflow: hidden;
-		}
-    </style>
     
   </head>
   <body>
-	  	<div id="visionplayer_1101"><img src="carton.png" /></div>
-	  	
-        <div id="container">
+		<div id="main">
+
+			<div id="vizcontainer">
 
-                    <div class="barre">
-                        <form id="recherche">
-                            <input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
-                            <input id="inp_submit" type="submit" />
-                            <input id="inp_reset" type="reset" />
-                            <div id="time_controls">
-                                <div id="time_legende"></div>
-                                <div id="time_scale"></div>
-                                <a href="#" id="time_zoomout"></a>
-                                <a href="#" id="time_zoomin"></a>
-                            </div>
-                            <div id="recherche_annot">
-                                Rechercher par polémique : <span id="rech_list_annot"></span><br />
-                            </div>
-                        </form>
-                    </div>
-            
-                <div id="tweetviz">
-                    <ul id="tweetlist"></ul>
-                    <div id="timeline"></div>
-                    <div id="scrollcont">
-                        <div id="scrollin"></div>
-                    </div>
-                </div>
-            </div>
-            
+				<div class="barre">
+					<form id="recherche">
+						<input autocomplete="off" class="greyed" id="inp_q" value="Rechercher" />
+						<input id="inp_submit" type="submit" />
+						<input id="inp_reset" type="reset" />
+						<div id="time_controls">
+							<div id="time_legende"></div>
+							<div id="time_scale"></div>
+							<a href="#" id="time_zoomout"></a>
+							<a href="#" id="time_zoomin"></a>
+						</div>
+						<div id="recherche_annot">
+							Rechercher par polémique : <span id="rech_list_annot"></span>
+							<br />
+						</div>
+					</form>
+				</div>
+
+				<div id="tweetviz">
+					<ul id="tweetlist"></ul>
+					<div id="timeline"></div>
+					<div id="scrollcont">
+						<div id="scrollin"></div>
+					</div>
+				</div>
+			</div>
+
 		</div>
-  </body>
+  	</body>
 </html>
\ No newline at end of file
--- a/web/hanna-arendt/script.js	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/hanna-arendt/script.js	Tue Apr 16 10:42:09 2013 +0200
@@ -479,7 +479,7 @@
     if (tweet.annotations.length) {
         html += '<div class="annotations">';
         for (var i in tweet.annotations) {
-            html += '<div class="annotation" style="width:' + (100/tweet.annotations.length) + '%; background:' + getColor(tweet.annotations[i], (className == 'icons' ? .4 : .85)).hex + '"></div>';
+            html += '<div class="annotation" style="width:' + (100/tweet.annotations.length) + '%; background:' + getColor(tweet.annotations[i], (className == 'icons' ? .4 : .25)).hex + '"></div>';
         }
         html += '</div>';
     }
@@ -877,17 +877,17 @@
         var startY = twCx.tlHeight - startTl * twCx.scaleY,
             endY = twCx.tlHeight - ( endTl + 1 ) * twCx.scaleY,
             path = "M0 " + twCx.tlHeight + "C" + .7*twCx.deltaX + " " + twCx.tlHeight + " " + .3*twCx.deltaX + " " + startY + " " + twCx.deltaX + " " + startY + "L" + twCx.tlWidth + " " + startY + "L" + twCx.tlWidth + " " + endY + "L" + twCx.deltaX + " " + endY + "C" + .3*twCx.deltaX + " " + endY + " " + .7*twCx.deltaX + " 0 0 0";
-        twCx.tlPaper.path( path ).attr({ "stroke" : "none", "fill" : "#000080", "opacity" : .2 });
+        twCx.tlPaper.path( path ).attr({ "stroke" : "none", "fill" : "#8080c0", "opacity" : .2 });
     }   
     // dessin de la date de début
     
     twCx.tlPaper.text(twCx.deltaX / 2, twCx.tlHeight - 7, new Date(twCx.tlOnDisplay[0].start).toTimeString().substr(0,5))
-        .attr({ "text-anchor" : "middle", "font-size": "9px" });
+        .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" });
     
     // dessin de la date de fin
     
     twCx.tlPaper.text(twCx.deltaX / 2, 7, new Date(twCx.tlOnDisplay[twCx.tlOnDisplay.length - 1].end).toTimeString().substr(0,5))
-        .attr({ "text-anchor" : "middle", "font-size": "9px" });
+        .attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc" });
     
     for (var i = 0; i < twCx.tlOnDisplay.length; i++) {
         var n = 0,
@@ -904,8 +904,8 @@
         // Si on est à une demi-heure, on trace un axe secondaire + heure
         
         if (i < twCx.tlOnDisplay.length - 1 && !(twCx.tlOnDisplay[i].end % 1800000)) {
-            twCx.tlPaper.path("M0 "+posY+"L" + twCx.tlWidth +" "+posY).attr({"stroke":"#ccc"});
-            twCx.tlPaper.text(twCx.deltaX / 2, posY, new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0,5)).attr({ "text-anchor" : "middle", "font-size": "9px" });
+            twCx.tlPaper.path("M0 "+posY+"L" + twCx.tlWidth +" "+posY).attr({"stroke":"#555"});
+            twCx.tlPaper.text(twCx.deltaX / 2, posY, new Date(twCx.tlOnDisplay[i].end).toTimeString().substr(0,5)).attr({ "text-anchor" : "middle", "font-size": "9px", "fill": "#cccccc"  });
         }
     }
     
@@ -1044,7 +1044,7 @@
     var html = '';
     for (var j in annotations) {
         if (j != "default") {
-            html += '<a href="#" style="background: ' + getColor(j, .7).hex + ';" onclick=filtrerAnnotation(\'' + j + '\'); return false;">' + annotations[j].display_name + '</a> '
+            html += '<a href="#" style="background: ' + getColor(j, .6).hex + ';" onclick=filtrerAnnotation(\'' + j + '\'); return false;">' + annotations[j].display_name + '</a> '
         }
     }
     $("#rech_list_annot").html(html);
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/hanna-arendt/style.css	Tue Apr 16 10:42:09 2013 +0200
@@ -0,0 +1,42 @@
+body {
+	background: #222222;
+}
+
+
+#main {
+	position: absolute; background: url(arendt-background.jpg);
+	left: 50%; top: 50%; width: 1400px; height: 875px;
+	margin-top: -437px; margin-left: -700px;
+}
+
+#visionplayer_1101 {
+	position: absolute; margin: 5px; width: 836px; height: 440px; left: 34px; top: 227px;
+}
+
+#vizcontainer {
+	position: absolute; left: 915px; top: 158px; width: 452px; height: 507px; overflow: hidden;
+}
+
+#tweetlist {
+	background: #222222; color: #cccccc;
+}
+
+li.tweet {
+	background: none;
+}
+
+.full p.tweet_text {
+	color: #ffffff;
+}
+
+#inp_q, #recherche_annot {
+	background: #555555; color: #cccccc;
+}
+
+li.tweet, li.placeholder {
+    border-color: #666666;
+}
+
+li.full {
+	border-right: 10px solid #ff0 !important;
+}
\ No newline at end of file
--- a/web/player_embed.php	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/player_embed.php	Tue Apr 16 10:42:09 2013 +0200
@@ -69,6 +69,11 @@
                 height: 300,
                 provider: "rtmp"
             },
+            { type: "Slider" },
+            {
+                type: "Controller",
+                disable_annotate_btn: true
+            },
 <?php if ($protocol_level > 1): ?>
             {
                 type: "Polemic"
@@ -78,11 +83,6 @@
 <?php endif; ?>
             },
 <?php endif; ?>
-            { type: "Slider" },
-            {
-                type: "Controller",
-                disable_annotate_btn: true
-            },
             {
                 type: "MultiSegments"
             },
--- a/web/polemicaltimeline.php	Mon Apr 15 12:54:29 2013 +0200
+++ b/web/polemicaltimeline.php	Tue Apr 16 10:42:09 2013 +0200
@@ -145,6 +145,11 @@
                 provider: "rtmp",
                 autostart: true
             },
+            { type: "Slider" },
+            {
+                type: "Controller",
+                disable_annotate_btn: true
+            },
 <?php if ($protocol_level > 1): ?>
             {
                 type: "Polemic"
@@ -154,11 +159,6 @@
 <?php endif; ?>
             },
 <?php endif; ?>
-            { type: "Slider" },
-            {
-                type: "Controller",
-                disable_annotate_btn: true
-            },
 <?php if ($protocol_level > 1): ?>
             {
                 type: "Segments",