web/about.php
changeset 233 10d6fd6ce9ab
parent 200 df98bc033a67
child 236 af97b1520964
equal deleted inserted replaced
232:460acd0e3667 233:10d6fd6ce9ab
    12   <head>
    12   <head>
    13     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    13     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    14     <title>ENMI 2010 - Live Video and Annotation</title>
    14     <title>ENMI 2010 - Live Video and Annotation</title>
    15 
    15 
    16     <!-- Framework CSS -->
    16     <!-- Framework CSS -->
    17     <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection">
    17     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-screen','css'));?>" type="text/css" media="screen, projection"/>
    18     <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print">
    18     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-print','css'));?>" type="text/css" media="print"/>
    19     <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
    19     <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo(registry_url('blueprint-ie','css'));?>" type="text/css" media="screen, projection"><![endif]--> 
    20 
    20 	<link rel="stylesheet" href="<?php echo(registry_url('blueprint-plugins-fancy-type','css'));?>" type="text/css" media="screen, projection"/>
    21     <!-- Import fancy-type plugin for the sample page. -->
    21 	<link rel="stylesheet" href="<?php echo(registry_url('custom','css'));?>" type="text/css" media="screen, projection"/>
    22     
       
    23 	<link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
       
    24 	<link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection">
       
    25 	<link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection">
       
    26 	<link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen">
       
    27 	<link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" >
       
    28 
       
    29 	<!-- JAVASCRIPT --> 
       
    30 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
       
    31 	<!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>-->
       
    32 	<script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script>
       
    33 	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
       
    34 	<script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
       
    35 	<script type="text/javascript" src="res/niceforms/niceforms.js"></script>
       
    36 	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
       
    37 	
    22 	
    38 	<!-- FONT -->
    23 	<!-- FONT -->
    39 	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
    24 	<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'>
    40 	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
    25 	<link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'>
    41 	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
    26 	<link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'>
       
    27 	
       
    28 	<style type="text/css">
       
    29 	    .archivesTitle {margin-left:10px;}
       
    30 	    .footer {margin-top:980px;}
       
    31 	</style>
    42 
    32 
    43 	<script type="text/javascript">	
       
    44 	$(document).ready(function() {
       
    45 
       
    46 			
       
    47 			$(".archivesVideoBox").mouseover(function() {
       
    48 				//$(this).animate({'backgroundColor'});
       
    49 				//$(this).css({'backgroundColor':'#d6d6d6'});
       
    50 				$(this).css({'backgroundColor':'#fff'});
       
    51 				$(this).cursor = "pointer";
       
    52 			}).mouseout(function(){
       
    53 				//$(this).css({'backgroundColor':'#f6f6f6'});
       
    54 				$(this).css({'backgroundColor':'#f2f2f2'});
       
    55 			});
       
    56 		});
       
    57 
       
    58 
       
    59 
       
    60 		
       
    61 	</script>
       
    62 	<script type="text/javascript">
    33 	<script type="text/javascript">
    63 	
    34 	
    64 	  var _gaq = _gaq || [];
    35 	  var _gaq = _gaq || [];
    65 	  _gaq.push(['_setAccount', 'UA-23581291-1']);
    36 	  _gaq.push(['_setAccount', 'UA-23581291-1']);
    66 	  _gaq.push(['_trackPageview']);
    37 	  _gaq.push(['_trackPageview']);
    75   </head>
    46   </head>
    76   <body>
    47   <body>
    77     <div class="container">
    48     <div class="container">
    78      <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
    49      <a href="index.php">  <img src="images/ENMI_2010_logo.gif" class="logo"></a>
    79 	  <ul class="menu"> 
    50 	  <ul class="menu"> 
    80 	  <li class="menuUnderline"><a href="index.php" class="menuLink">
    51 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true" class="menuLink">
    81 	  <?php print $translate->_("Accueil"); ?></a></li>
    52 	  	<?php print $translate->_("S&apos;identifier"); ?></a></li>
    82 	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink">
    53 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>about.php" class="menuLink">
    83 	  <?php print $translate->_("S&apos;identifier"); ?></a></li>
    54 	  	<?php print $translate->_("A propos"); ?></a></li>
    84 	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
    55 	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
    85 	  <?php print $translate->_("Contact"); ?></a></li>
    56 	  	<?php print $translate->_("Contact"); ?></a></li>
       
    57 	  </ul>
       
    58 	  <ul class="menu"> 
       
    59 		  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>archives.php" class="menuLink">
       
    60 		  	<?php print $translate->_("Archives"); ?></a></li>
    86 	  </ul>
    61 	  </ul>
    87 	  
    62 	  
    88 	  	  <ul class="menu lang" > 
    63 	  <ul class="menu lang" > 
    89 	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" >
    64 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>about.php?lang=ja_JP" class="menuLink" >
    90 	       <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
    65 	       <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
    91 	        <?php print $translate->_("Japonais"); ?></a></li>
    66 	        <?php print $translate->_("Japonais"); ?></a></li>
    92 	  <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink">
    67 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>about.php?lang=fr" class="menuLink">
    93 	       <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
    68 	       <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
    94 	       <?php print $translate->_("Français"); ?></a></li>
    69 	       <?php print $translate->_("Français"); ?></a></li>
    95 	  <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink">
    70 	  <li ><a href="<?php echo(URL_ROOT); ?>about.php?lang=en" class="menuLink">
    96 	       <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
    71 	       <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> />
    97 	       <?php print $translate->_("Anglais"); ?></a></li>
    72 	       <?php print $translate->_("Anglais"); ?></a></li>
    98 	  </ul>
    73 	  </ul>
    99 
    74 
   100 	
    75 	
   125 
   100 
   126 		</div>
   101 		</div>
   127 		<div class="archivesBoxClear"></div>
   102 		<div class="archivesBoxClear"></div>
   128 		<div class="archivesBoxFooter"></div>
   103 		<div class="archivesBoxFooter"></div>
   129 	  </div>
   104 	  </div>
   130 	 <!--
       
   131       <div class="footer">
   105       <div class="footer">
   132 		<hr>
   106 		<hr>
   133 		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
   107 		<a href="http://www.iri.centrepompidou.fr/" class="footerLink"> Tweet polemic </a> 
   134 		est une expérimentation de l'
   108 		est une expérimentation de l'
   135 		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">Institut de recherche et d’innovation </a>
   109 		 <a href="http://www.iri.centrepompidou.fr/" class="footerLink">Institut de recherche et d’innovation </a>
   138 					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
   112 					echo("| 	<a href='clear.php'  class='footerLink'>D&eacute;connexion</a>");
   139 				}
   113 				}
   140 		 ?>
   114 		 ?>
   141 		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
   115 		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
   142 	  </div>   
   116 	  </div>   
   143 	-->
       
   144 
   117 
   145     </div>
   118     </div>
   146 	
   119 	
   147 	<!-- LIGHTBOX --> 
       
   148 	<div style="display:none;">
       
   149 		<div id="Aboutbox" >
       
   150 		<div class="lightBorder">
       
   151 			<div class="lightTitle">ENMI 2010</div>
       
   152 			<div class="lightSubTitle">Annotation critique par tweet </div>
       
   153 			<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.
       
   154 			</div>
       
   155 			<div>
       
   156 				<br/>
       
   157 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
       
   158 				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
       
   159 			</div>
       
   160 		</div>
       
   161 		</div>
       
   162 	</div>
       
   163 
       
   164 	
   120 	
   165   </body>
   121   </body>
   166 </html>
   122 </html>