web/about.php
changeset 133 9578d3ddce17
parent 122 4c3a15877f80
child 176 ffbd8565b65f
--- a/web/about.php	Wed Apr 27 15:40:01 2011 +0200
+++ b/web/about.php	Wed Apr 27 18:54:31 2011 +0200
@@ -1,167 +1,167 @@
-<?php
-/**
- * include some common code (like we did in the 90s)
- * People still do this? ;)
- */
-include_once './common.php';
-?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
-   "http://www.w3.org/TR/html4/strict.dtd">
-
-<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>
-
-    <!-- Framework CSS -->
-    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
-    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
-    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
-
-    <!-- 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" 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" >
-
-	<!-- JAVASCRIPT --> 
-	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-	<!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>-->
-	<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
-	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
-	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
-	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
-	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
-	
-	<!-- FONT -->
-	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
-	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
-	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
-
-	<script type="text/javascript">	
-	$(document).ready(function() {
-
-			
-			$(".archivesVideoBox").mouseover(function() {
-				//$(this).animate({'backgroundColor'});
-				//$(this).css({'backgroundColor':'#d6d6d6'});
-				$(this).css({'backgroundColor':'#fff'});
-				$(this).cursor = "pointer";
-			}).mouseout(function(){
-				//$(this).css({'backgroundColor':'#f6f6f6'});
-				$(this).css({'backgroundColor':'#f2f2f2'});
-			});
-		});
-
-
-
-		
-	</script>
-	<script type="text/javascript">
-	
-	  var _gaq = _gaq || [];
-	  _gaq.push(['_setAccount', 'UA-9955524-3']);
-	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
-	  _gaq.push(['_trackPageview']);
-	
-	  (function() {
-	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-	  })();
-	
-	</script>
-  </head>
-  <body>
-    <div class="container">
-     <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
-	  <ul class="menu"> 
-	  <li class="menuUnderline"><a href="index.php" class="menuLink">
-	  <?php print $translate->_("Accueil"); ?></a></li>
-	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink">
-	  <?php print $translate->_("S&apos;identifier"); ?></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="aboutBox">
-	  <div class="archivesBoxHeader"></div>
-		<div class="archivesBoxContainer">
-			<!-- -->
-			<h3 class="archivesTitle"><?php print $translate->_("A propos"); ?> : </h3><br/>
-			<div class="span-12 prepend-1 colborder">
-			
-				<div class='AVBtitle'><?php print $translate->_("1. AboutTitle"); ?></div>
-				<br/>
-				<?php print $translate->_("1. AboutText"); ?>
-				<br/>
-			</div>
-			
-			
-			<div class="span-7 last">
-				<div class="AVBtitle"><?php print $translate->_("2. AboutIRITitle"); ?></div>
-					<?php print $translate->_("2. AboutIRIText"); ?>
-					
-				<div class="AVBtitle"><?php print $translate->_("3. AboutCreditsTitle"); ?></div>
-					<br/>
-					<?php print $translate->_("3. AboutCreditsText"); ?>
-			</div>
-
-
-		</div>
-		<div class="archivesBoxClear"></div>
-		<div class="archivesBoxFooter"></div>
-	  </div>
-	 <!--
-      <div class="footer">
-		<hr>
-		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
-		est une expérimentation de l'
-		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">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>");
-				}
-		 ?>
-		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
-	  </div>   
-	-->
-
-    </div>
-	
-	<!-- LIGHTBOX --> 
-	<div style="display:none;">
-		<div id="Aboutbox" >
-		<div class="lightBorder">
-			<div class="lightTitle">ENMI 2010</div>
-			<div class="lightSubTitle">Annotation critique par tweet </div>
-			<div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
-			</div>
-			<div>
-				<br/>
-				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
-				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
-			</div>
-		</div>
-		</div>
-	</div>
-
-	
-  </body>
-</html>
+<?php
+/**
+ * include some common code (like we did in the 90s)
+ * People still do this? ;)
+ */
+include_once './common.php';
+?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
+   "http://www.w3.org/TR/html4/strict.dtd">
+
+<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>
+
+    <!-- Framework CSS -->
+    <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
+    <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
+    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
+
+    <!-- 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" 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" >
+
+	<!-- JAVASCRIPT --> 
+	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+	<!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>-->
+	<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
+	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
+	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
+	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
+	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+	
+	<!-- FONT -->
+	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
+	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
+	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
+
+	<script type="text/javascript">	
+	$(document).ready(function() {
+
+			
+			$(".archivesVideoBox").mouseover(function() {
+				//$(this).animate({'backgroundColor'});
+				//$(this).css({'backgroundColor':'#d6d6d6'});
+				$(this).css({'backgroundColor':'#fff'});
+				$(this).cursor = "pointer";
+			}).mouseout(function(){
+				//$(this).css({'backgroundColor':'#f6f6f6'});
+				$(this).css({'backgroundColor':'#f2f2f2'});
+			});
+		});
+
+
+
+		
+	</script>
+	<script type="text/javascript">
+	
+	  var _gaq = _gaq || [];
+	  _gaq.push(['_setAccount', 'UA-9955524-3']);
+	  _gaq.push(['_setDomainName', '.iri.centrepompidou.fr']);
+	  _gaq.push(['_trackPageview']);
+	
+	  (function() {
+	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+	  })();
+	
+	</script>
+  </head>
+  <body>
+    <div class="container">
+     <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
+	  <ul class="menu"> 
+	  <li class="menuUnderline"><a href="index.php" class="menuLink">
+	  <?php print $translate->_("Accueil"); ?></a></li>
+	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink">
+	  <?php print $translate->_("S&apos;identifier"); ?></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="aboutBox">
+	  <div class="archivesBoxHeader"></div>
+		<div class="archivesBoxContainer">
+			<!-- -->
+			<h3 class="archivesTitle"><?php print $translate->_("A propos"); ?> : </h3><br/>
+			<div class="span-12 prepend-1 colborder">
+			
+				<div class='AVBtitle'><?php print $translate->_("1. AboutTitle"); ?></div>
+				<br/>
+				<?php print $translate->_("1. AboutText"); ?>
+				<br/>
+			</div>
+			
+			
+			<div class="span-7 last">
+				<div class="AVBtitle"><?php print $translate->_("2. AboutIRITitle"); ?></div>
+					<?php print $translate->_("2. AboutIRIText"); ?>
+					
+				<div class="AVBtitle"><?php print $translate->_("3. AboutCreditsTitle"); ?></div>
+					<br/>
+					<?php print $translate->_("3. AboutCreditsText"); ?>
+			</div>
+
+
+		</div>
+		<div class="archivesBoxClear"></div>
+		<div class="archivesBoxFooter"></div>
+	  </div>
+	 <!--
+      <div class="footer">
+		<hr>
+		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
+		est une expérimentation de l'
+		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">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>");
+				}
+		 ?>
+		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
+	  </div>   
+	-->
+
+    </div>
+	
+	<!-- LIGHTBOX --> 
+	<div style="display:none;">
+		<div id="Aboutbox" >
+		<div class="lightBorder">
+			<div class="lightTitle">ENMI 2010</div>
+			<div class="lightSubTitle">Annotation critique par tweet </div>
+			<div class="lightDescription">À partir de cette interface ou de votre client twitter habituel, vous pouvez réagir en direct aux conférences en twittant. Vos tweets seront synchronisés avec l'enregistrement des conférences. Vous pourrez qualifier vos tweets en y intégrant la syntaxe ci-contre.
+			</div>
+			<div>
+				<br/>
+				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
+				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
+			</div>
+		</div>
+		</div>
+	</div>
+
+	
+  </body>
+</html>