web/index.php
changeset 291 db1e6bfaa54e
parent 276 f7669b499d41
child 294 106c4ec894aa
equal deleted inserted replaced
290:2ddd11ec2da2 291:db1e6bfaa54e
    36     <title>Polemic tweet - Live Video and Annotation</title>
    36     <title>Polemic tweet - Live Video and Annotation</title>
    37 
    37 
    38     <!-- Framework CSS -->
    38     <!-- Framework CSS -->
    39     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-screen','css'));?>" type="text/css" media="screen, projection"/>
    39     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-screen','css'));?>" type="text/css" media="screen, projection"/>
    40     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-print','css'));?>" type="text/css" media="print"/>
    40     <link rel="stylesheet" href="<?php echo(registry_url('blueprint-print','css'));?>" type="text/css" media="print"/>
    41     <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo(registry_url('blueprint-ie','css'));?>" type="text/css" media="screen, projection"><![endif]--> 
    41     <!--[if lt IE 8]><link rel="stylesheet" href="<?php echo(registry_url('blueprint-ie','css'));?>" type="text/css" media="screen, projection"><![endif]-->
    42 	<link rel="stylesheet" href="<?php echo(registry_url('blueprint-plugins-fancy-type','css'));?>" type="text/css" media="screen, projection"/>
    42 	<link rel="stylesheet" href="<?php echo(registry_url('blueprint-plugins-fancy-type','css'));?>" type="text/css" media="screen, projection"/>
    43 	<link rel="stylesheet" href="<?php echo(registry_url('custom','css'));?>" type="text/css" media="screen, projection"/>
    43 	<link rel="stylesheet" href="<?php echo(registry_url('custom','css'));?>" type="text/css" media="screen, projection"/>
    44 	<link rel="stylesheet" href="<?php echo(registry_url('tabs-slideshow','css'));?>" type="text/css" media="screen, projection">
    44 	<link rel="stylesheet" href="<?php echo(registry_url('tabs-slideshow','css'));?>" type="text/css" media="screen, projection">
    45 
    45 
    46 	<!-- JAVASCRIPT --> 
    46 	<!-- JAVASCRIPT -->
    47 	<script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script>
    47 	<script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script>
    48 	<script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'));?>"></script>
    48 	<script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'));?>"></script>
    49 	<script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'));?>"></script>
    49 	<script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'));?>"></script>
    50 	
    50 	
    51 	<!-- FONT -->
    51 	<!-- FONT -->
    52 	<link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'>
    52 	<link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'>
    53 	<link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'>
    53 	<link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'>
    54 	<link href='<?php echo(registry_url('Geo','font'));?>' rel='stylesheet' type='text/css'>
    54 	<link href='<?php echo(registry_url('Geo','font'));?>' rel='stylesheet' type='text/css'>
    55 
    55 
    56 	<script type="text/javascript">	
    56 	<script type="text/javascript">
    57 	$(document).ready(function() {
    57 	$(document).ready(function() {
    58 		$(".loginbutton").click(function() {
    58 		$(".loginbutton").click(function() {
    59 			document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true";
    59 			document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true";
    60 		});
    60 		});
    61 		$("#IDENTIFIER").click(function() {
    61 		$("#IDENTIFIER").click(function() {
    75 		$(".slidetabs").tabs(".images > div", {
    75 		$(".slidetabs").tabs(".images > div", {
    76 			effect: 'fade',
    76 			effect: 'fade',
    77 			rotate: false,
    77 			rotate: false,
    78 			interval: 4000,
    78 			interval: 4000,
    79 			clickable:false
    79 			clickable:false
    80 		}).slideshow();		
    80 		}).slideshow();
    81 		
    81 		
    82 		$(".slidetabs").data("slideshow").play();
    82 		$(".slidetabs").data("slideshow").play();
    83 
    83 
    84 		$(".scrollable").scrollable();
    84 		$(".scrollable").scrollable();
    85 	});
    85 	});
    91 	<script type="text/javascript">
    91 	<script type="text/javascript">
    92 	
    92 	
    93 	  var _gaq = _gaq || [];
    93 	  var _gaq = _gaq || [];
    94 	  _gaq.push(['_setAccount', 'UA-23581291-1']);
    94 	  _gaq.push(['_setAccount', 'UA-23581291-1']);
    95 	  _gaq.push(['_trackPageview']);
    95 	  _gaq.push(['_trackPageview']);
    96 	  _gaq.push(['_setAllowAnchor', true]); 
    96 	  _gaq.push(['_setAllowAnchor', true]);
    97 	
    97 	
    98 	  (function() {
    98 	  (function() {
    99 	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    99 	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   100 	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   100 	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   101 	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   101 	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   104   </head>
   104   </head>
   105   <body>
   105   <body>
   106 	<div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
   106 	<div id="sendUsFeedBack"><a href="<?php echo($C_feedback_form_url); ?>" target="_blank"><img src="<?php echo(URL_ROOT); ?>images/sendusfeedback.png"></a></div>
   107     <div class="container">
   107     <div class="container">
   108       <img src="images/ENMI_2010_logo.gif" class="logo">
   108       <img src="images/ENMI_2010_logo.gif" class="logo">
   109 	  <ul class="menu"> 
   109 	  <ul class="menu">
   110 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true" class="menuLink">
   110 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true" class="menuLink">
   111 	  	<?php print $translate->_("S&apos;identifier"); ?></a></li>
   111 	  	<?php print $translate->_("S&apos;identifier"); ?></a></li>
   112 	  <li class="menuUnderline"><a href="about.php" class="menuLink">
   112 	  <li class="menuUnderline"><a href="about.php" class="menuLink">
   113 	  	<?php print $translate->_("A propos"); ?></a></li>
   113 	  	<?php print $translate->_("A propos"); ?></a></li>
   114 	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
   114 	  <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" >
   115 	  	<?php print $translate->_("Contact"); ?></a></li>
   115 	  	<?php print $translate->_("Contact"); ?></a></li>
   116 	  </ul>
   116 	  </ul>
   117 	  <ul class="menu"> 
   117 	  <ul class="menu">
   118 		  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>archives.php" class="menuLink">
   118 		  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>archives.php" class="menuLink">
   119 		  	<?php print $translate->_("Archives"); ?></a></li>
   119 		  	<?php print $translate->_("Archives"); ?></a></li>
   120 	  </ul>
   120 	  </ul>
   121 	  
   121 	  
   122 	  <ul class="menu lang" > 
   122 	  <ul class="menu lang" >
   123 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=ja_JP" class="menuLink" >
   123 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=ja_JP" class="menuLink" >
   124 	       <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
   124 	       <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> />
   125 	        <?php print $translate->_("Japonais"); ?></a></li>
   125 	        <?php print $translate->_("Japonais"); ?></a></li>
   126 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=fr" class="menuLink">
   126 	  <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=fr" class="menuLink">
   127 	       <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
   127 	       <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> />
   153 				<p style="width:400px;padding-left:400px;" class="slideText">
   153 				<p style="width:400px;padding-left:400px;" class="slideText">
   154 				<a class="button_b" href="#"  id="IDENTIFIER"><span>
   154 				<a class="button_b" href="#"  id="IDENTIFIER"><span>
   155 				<?php print $translate->_("1.1 TextSlide"); ?></span></a>
   155 				<?php print $translate->_("1.1 TextSlide"); ?></span></a>
   156 				<?php print $translate->_("1.2 TextSlide"); ?>,<br/> <br/>
   156 				<?php print $translate->_("1.2 TextSlide"); ?>,<br/> <br/>
   157 				<a class="button_w" href="#"  id="ACCES"><span>
   157 				<a class="button_w" href="#"  id="ACCES"><span>
   158 				<?php print $translate->_("1.3 TextSlide"); ?></span></a> 
   158 				<?php print $translate->_("1.3 TextSlide"); ?></span></a>
   159 				</p>
   159 				</p>
   160 				</div>
   160 				</div>
   161 				<!-- second slide -->
   161 				<!-- second slide -->
   162 				<div class="slides" style="background-image:url('images/slide2.jpg');">
   162 				<div class="slides" style="background-image:url('images/slide2.jpg');">
   163 				<p class="slideTitle" ><?php print $translate->_("2. TitreSlide"); ?></p>
   163 				<p class="slideTitle" ><?php print $translate->_("2. TitreSlide"); ?></p>
   200 		<div class="intro">
   200 		<div class="intro">
   201 			
   201 			
   202 		</div>
   202 		</div>
   203 		  
   203 		  
   204 	  </div>
   204 	  </div>
   205 	  <!-- --> 
   205 	  <!-- -->
   206 	  <div class="archivesBox">
   206 	  <div class="archivesBox">
   207 	  <div class="archivesBoxHeader"></div>
   207 	  <div class="archivesBoxHeader"></div>
   208 
   208 
   209 		<div class="archivesBoxContainer scrollable">
   209 		<div class="archivesBoxContainer scrollable">
   210 			<!-- -->
   210 			<!-- -->
   218 			
   218 			
   219 			<!-- -->
   219 			<!-- -->
   220 			<div class="items">
   220 			<div class="items">
   221 			    <?php
   221 			    <?php
   222 			    $arch_list = array_reverse($archives_list);
   222 			    $arch_list = array_reverse($archives_list);
   223 			   	display_archives_list($arch_list, "archive_box_3 item", URL_ROOT, dirname(__FILE__)."/");
   223 			   	display_archives_list($arch_list, "archive_box_3 item", URL_ROOT, dirname(__FILE__)."/", $translate);
   224 			    ?>
   224 			    ?>
   225 		    </div>
   225 		    </div>
   226 		</div>
   226 		</div>
   227 		<div class="archivesBoxClear"></div>
   227 		<div class="archivesBoxClear"></div>
   228 		<div class="archivesBoxFooter"></div>
   228 		<div class="archivesBoxFooter"></div>
   229 	  </div>
   229 	  </div>
   230 	 
   230 	 
   231       <div class="footer">
   231       <div class="footer">
   232 		<hr>
   232 		<hr>
   233 		<?php
   233 		<?php
   234 			print $translate->_("footer text home"); 
   234 			print $translate->_("footer text home");
   235 			if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   235 			if (isset($_SESSION['TWITTER_ACCESS_TOKEN'])){
   236 					echo("| 	<a href='clear.php'  class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
   236 					echo("| 	<a href='clear.php'  class='footerLink'>".$translate->_("D&eacute;connexion")."</a>");
   237 			}
   237 			}
   238 		 ?>
   238 		 ?>
   239 		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
   239 		  <input type="text" id="txt" size="3" style="visibility:hidden;"/>
   240 	  </div>   
   240 	  </div>
   241 	
   241 	
   242 
   242 
   243     </div>
   243     </div>
   244 	
   244 	
   245 	<!-- LIGHTBOX --> 
   245 	<!-- LIGHTBOX -->
   246 	<div style="display:none;">
   246 	<div style="display:none;">
   247 		<div id="Aboutbox" >
   247 		<div id="Aboutbox" >
   248 		<div class="lightBorder">
   248 		<div class="lightBorder">
   249 			<div class="lightTitle">ENMI 2010</div>
   249 			<div class="lightTitle">ENMI 2010</div>
   250 			<div class="lightSubTitle">Annotation critique par tweet </div>
   250 			<div class="lightSubTitle">Annotation critique par tweet </div>
   251 			<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.
   251 			<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.
   252 			</div>
   252 			</div>
   253 			<div>
   253 			<div>
   254 				<br/>
   254 				<br/>
   255 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
   255 				<a class="button_b" href="#"  id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/>
   256 				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a> 
   256 				<a class="button_w" href="#"  id="ACCES"><span>Libre accès</span></a>
   257 			</div>
   257 			</div>
   258 		</div>
   258 		</div>
   259 		</div>
   259 		</div>
   260 	</div>
   260 	</div>
   261 
   261