web/index.php
changeset 119 4c86151704e9
parent 111 3b419255b9fc
child 122 4c3a15877f80
--- a/web/index.php	Thu Apr 07 16:39:32 2011 +0200
+++ b/web/index.php	Fri Apr 22 12:31:41 2011 +0200
@@ -1,5 +1,6 @@
 <?php
-
+error_reporting(E_ALL);
+ini_set('display_errors', '1');
 /**
  * include some common code (like we did in the 90s)
  * People still do this? ;)
@@ -21,15 +22,15 @@
      * approve our access
      */
     $consumer->redirect();
+
 }
 
 ?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-
-<html lang="en">
+<html lang="<?php echo($actual); ?>">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-    <title>ENMI 2010 - Live Video and Annotation</title>
+    <title>Polemic tweet - Live Video and Annotation</title>
 
     <!-- Framework CSS -->
     <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
@@ -39,8 +40,8 @@
     <!-- Import fancy-type plugin for the sample page. -->
     
 	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
-	<link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection">
-	<link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection">
+	<link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection">
+	<link rel="stylesheet" href="tabs-slideshow.css" type="text/css" media="screen, projection">
 	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
 	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
 
@@ -114,12 +115,26 @@
     <div class="container">
       <img src="images/ENMI_2010_logo.gif" class="logo">
 	  <ul class="menu"> 
-	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" target="_blank" class="menuLink">S'identifier</a></li>
-	  <li class="menuUnderline"><a href="about.php" target="_blank" class="menuLink">A propos</a></li>
-	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >Contact</a></li>
+	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink">
+	  	<?php print $translate->_("S&apos;identifier"); ?></a></li>
+	  <li class="menuUnderline"><a href="about.php" class="menuLink">
+	  	<?php print $translate->_("A propos"); ?></a></li>
+	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
+	  	<?php print $translate->_("Contact"); ?></a></li>
+	  </ul>
+	  
+	  <ul class="menu lang" > 
+	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" >
+	       <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
+	        <?php print $translate->_("Japonais"); ?></a></li>
+	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink">
+	       <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
+	       <?php print $translate->_("Français"); ?></a></li>
+	  <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink">
+	       <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
+	       <?php print $translate->_("Anglais"); ?></a></li>
 	  </ul>
 
-	
 	  <div class="introBox">
 
 		  <div class="slider">
@@ -128,51 +143,50 @@
 				<!-- first slide -->
 				<div class="slides" style="background-image:url('images/slide0.gif');">
 				<p class="slideTitle" >
-					0. Comment utiliser Polemic tweet en 4 étapes : 
+					<?php print $translate->_("0. TitreSlide"); ?>
 				</p>
 				<p	style="padding-top:90px;padding-left:280px;width:520px;" class="slideText">
-					Nous allons vous présenter comment utiliser  le tweet polemci en 4 étapes 
-					cliquez sur les boutons ci dessous pour changer les slides.
+					<?php print $translate->_("0. TextSlide"); ?>
 				</p>
 				</div>
 				<div class="slides" style="background-image:url('images/slide1.jpg');">
 				<p class="slideTitle" >
-					1. Identifie toi
+					<?php print $translate->_("1. TitreSlide"); ?>
 				</p>
 				<br/><br/><br/><br/>
 				<p style="width:400px;padding-left:400px;" class="slideText">
-				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'Identifier</span></a>sur l'application de tweet polemic,<br/> <br/>
-				<a class="button_w" href="#"  id="ACCES"><span>ou accèder lecture seul.</span></a> 
+				<a class="button_b" href="#"  id="IDENTIFIER"><span>
+				<?php print $translate->_("1.1 TextSlide"); ?></span></a>
+				<?php print $translate->_("1.2 TextSlide"); ?>,<br/> <br/>
+				<a class="button_w" href="#"  id="ACCES"><span>
+				<?php print $translate->_("1.3 TextSlide"); ?></span></a> 
 				</p>
 				</div>
 				<!-- second slide -->
 				<div class="slides" style="background-image:url('images/slide2.jpg');">
-				<p class="slideTitle" >2. Exprime ton opinion </p>
+				<p class="slideTitle" ><?php print $translate->_("2. TitreSlide"); ?></p>
 				<br/><br/>
 				<p	style="padding-top:90px;padding-left:280px;width:520px;" class="slideText">
-				Utilise la syntaxe polémique en ajoutant<br/>
-				les caractères suivants  ("??", "++", "--", "==") <br/>
-				afin de te positionner par rapport aux propos de la conférence.
+				<?php print $translate->_("2. TextSlide"); ?>
 				</p>
 				</div>
 				<!-- third slide -->
 				<div class="slides" style="background-image:url('images/slide3.gif');">
-				<p class="slideTitle" >3. Visualise la polémique</p>
+				<p class="slideTitle" ><?php print $translate->_("3. TitreSlide"); ?></p>
 				<br/><br/>
 				<p style="width:400px;padding-right:400px;" class="slideText">
-				Après l'événement une timeline agrége les tweets de l'auditoire et présente le débat synchronisé à l'enregistrement video de la conférence.
+				<?php print $translate->_("3. TextSlide"); ?>
 				</p>
 				</div>
 				<!-- fourth slide -->
 				<div class="slides" style="background-image:url('images/slide4.jpg');">
-				<p class="slideTitle" >4. Prochain rendez vous ! </p>
+				<p class="slideTitle" ><?php print $translate->_("4. TitreSlide"); ?></p>
 				<br/><br/><br/>
 				<p style="width:400px;padding-right:400px;" class="slideText">
-				RSLN vous invite Jeudi 7 avril à 19h30, à une rencontre avec Mercedes Bunz sur le thème :
-				"Comment les algorithmes ont fini par devenir des producteurs d'infos et pourquoi ils ne remplaceront pour autant jamais les journalistes."
+				<?php print $translate->_("4. TextSlide"); ?>
 				 </p>
 
-				 <a class="button_b" href="client.php"><span> Cliquez ici pour allez sur la page de live</span> </a>
+				 <a class="button_b" href="client.php"><span> <?php print $translate->_("4. Button"); ?></span> </a>
 				 
 				</div>
 			</div>
@@ -197,14 +211,12 @@
 	  <div class="archivesBoxHeader"></div>
 		<div class="archivesBoxContainer">
 			<!-- -->
-			<h3 class="archivesTitle">Les derniers événements qui ont utilisé le tweet polemic : </h3>
+			<h3 class="archivesTitle"><?php print $translate->_("Archive Title :"); ?></h3>
 			<div id="AVB1" class="archivesVideoBox">
-			    <a href="http://amateur.iri.centrepompidou.fr/nouveaumonde/enmi/conf/program/2010_2" target="_blank">
-					<img src="images/tail_enmi2010.jpg" width="270" height="150"/>
-				</a>
+				<img src="images/tail_enmi2010.jpg" width="270" height="150"/>
 				<div class="AVBtitle">ENMI 2010</div>
 				<div class="AVBtext">
-					par <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a> au Centre Pompidou
+					par <a href="#">IRI</a> au Centre Pompidou
 					<br/>les 14 et 15 décembre 2010 |· 08:30 - 10:30
 				</div>
 			</div>
@@ -215,7 +227,7 @@
 				</a>
 				<div class="AVBtitle">Clay Shirky le net, le surplus cognitif</div>
 				<div class="AVBtext">
-					par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France
+					par <a href="#">RSLN</a> à Micorsoft France
 					<br/>le lundi 31 janvier 2011·| 08:30 - 10:30
 				</div>
 			</div>
@@ -226,7 +238,7 @@
 				</a>
 				<div class="AVBtitle">OPENDATA</div>
 				<div class="AVBtext">
-					par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France
+					par <a href="#">RSLN</a> à Micorsoft France
 					<br/>le jeudi 17 mars 2011 | 14:30 - 17:15
 				</div>
 			</div>
@@ -238,13 +250,11 @@
 	 
       <div class="footer">
 		<hr>
-		<a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank"> Tweet polemic </a> 
-		est une expérimentation de l'
-		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink" target="_blank">Institut de recherche et d’innovation </a>
-		 <?php 
-				if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
-					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
-				}
+		<?php
+			print $translate->_("footer text home"); 
+			if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
+					echo("| 	<a href='clear.php'  class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
+			}
 		 ?>
 		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
 	  </div>