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() { |
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'identifier"); ?></a></li> |
111 <?php print $translate->_("S'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> |
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éconnexion")."</a>"); |
236 echo("| <a href='clear.php' class='footerLink'>".$translate->_("Dé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 |