44 ?> |
44 ?> |
45 |
45 |
46 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
46 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" |
47 "http://www.w3.org/TR/html4/strict.dtd"> |
47 "http://www.w3.org/TR/html4/strict.dtd"> |
48 |
48 |
49 <html lang="en"> |
49 <html lang="<?php echo($actual); ?>"> |
50 <head> |
50 <head> |
51 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
51 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
52 <title>RSLN - Live Video and Annotation</title> |
52 <title>RSLN - Live Video and Annotation</title> |
53 <meta http-equiv="X-UA-Compatible" content="IE=8" /> |
53 <meta http-equiv="X-UA-Compatible" content="IE=8" /> |
54 |
54 |
55 <!-- Framework CSS --> |
55 <!-- Framework CSS --> |
56 <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection"> |
56 <link rel="stylesheet" href="res/blueprint/screen.css" type="text/css" media="screen, projection"> |
57 <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print"> |
57 <link rel="stylesheet" href="res/blueprint/print.css" type="text/css" media="print"> |
58 <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
58 <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]--> |
59 |
|
60 <!-- Import fancy-type plugin for the sample page. --> |
|
61 |
|
62 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
59 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
63 <link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection"> |
60 <link rel="stylesheet" href="custom.css" type="text/css" media="screen, projection"> |
64 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
61 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
65 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
62 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
66 |
63 |
67 <!-- JAVASCRIPT --> |
64 <!-- JAVASCRIPT --> |
68 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
65 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
251 <body> |
248 <body> |
252 <div class="container"> |
249 <div class="container"> |
253 <img src="<?php echo($C_REP); ?>/images/head_logo.gif" class="Producteur logo"> |
250 <img src="<?php echo($C_REP); ?>/images/head_logo.gif" class="Producteur logo"> |
254 <div id="minilogo" style="margin-left:85px;height:5px;top:5px;"></div> |
251 <div id="minilogo" style="margin-left:85px;height:5px;top:5px;"></div> |
255 <ul class="menu"> |
252 <ul class="menu"> |
256 <li class="menuUnderline"><a href="index.php" class="menuLink">Archives </a></li> |
253 <li class="menuUnderline"><a href="index.php" class="menuLink"> |
257 <li class="menuUnderline" ><a href="http://www.rslnmag.fr/blog/2011/3/13/_nous-en-sommes-2020_toutes-les-donnees-sont-liberees_/" class="menuLink" target="_blank"> Programme</a> |
254 <?php print $translate->_("Accueil"); ?> </a></li> |
258 <li ><a href="about.php" class="menuLink" >A propos</a></li> |
255 <li class="menuUnderline" ><a href="<?php echo($C_link); ?>" class="menuLink" target="_blank" id='Program'> |
259 |
256 <?php print $translate->_("Programme"); ?></a></li> |
|
257 <li ><a href="about.php" class="menuLink" > |
|
258 <?php print $translate->_("A propos"); ?></a></li> |
|
259 |
|
260 </ul> |
|
261 |
|
262 <ul class="menu" > |
|
263 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" > |
|
264 <img src='images/flag_jp.gif'<?php if($actual!="ja_JP"){echo("style='opacity: .5;'"); } ?> /> |
|
265 <?php print $translate->_("Japonais"); ?></a></li> |
|
266 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink"> |
|
267 <img src='images/flag_fr.gif' <?php if($actual!="fr"){echo("style='opacity: .5;'"); } ?> /> |
|
268 <?php print $translate->_("Français"); ?></a></li> |
|
269 <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink"> |
|
270 <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
|
271 <?php print $translate->_("Anglais"); ?></a></li> |
260 </ul> |
272 </ul> |
261 |
273 |
262 |
274 |
263 <div class="videoLive"> |
275 <div class="videoLive"> |
264 <div class="videoLivePlayer"> |
276 <div class="videoLivePlayer"> |
279 |
291 |
280 |
292 |
281 </div> |
293 </div> |
282 |
294 |
283 <div class="tweetWriter"> |
295 <div class="tweetWriter"> |
284 <h3 class="tweetWriterTitle">Annotations polémique : </h3> |
296 <h3 class="tweetWriterTitle"><?php print $translate->_("ClientTitle1 :"); ?></h3> |
285 <form action="tweet.php" method="post" id="statusform" > |
297 <form action="tweet.php" method="post" id="statusform" > |
286 <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){ |
298 <?php if (!isset($_SESSION['TWITTER_ACCESS_TOKEN'])){ |
287 echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'> |
299 echo("<div class='loginbutton' ><a href='".URL_ROOT."?CONNECT=true' class='loginlink'> |
288 Vous n'êtes pas connecté.<br> |
300 ".$translate->_("Vous n'êtes pas connecté.")."</a></div>"); |
289 Pour participer, veuillez vous identifier en cliquant ici. </a></div>"); |
|
290 }else{ |
301 }else{ |
291 echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>".$C_hashtag."</textarea>"); |
302 echo("<textarea name='status' id='status' rows='3' cols='50' onkeypress='return imposemax(this);'>".$C_hashtag."</textarea>"); |
292 } |
303 } |
293 ?> |
304 ?> |
294 |
305 |
295 |
306 |
296 <div id="messageSuccess" style="background-color:lightgreen;"> |
307 <div id="messageSuccess" style="background-color:lightgreen;"> |
297 Votre tweet a bien été envoyé !<br><br> |
308 <?php print $translate->_("Envoyé"); ?><br><br> |
298 </div> |
309 </div> |
299 |
310 |
300 <div id="messageFailed" style="background-color:red;"> |
311 <div id="messageFailed" style="background-color:red;"> |
301 Ooups! il y a une erreur vous avez le droit de frapper le developpeur :<div id="error"> </div><br/><br> |
312 <?php print $translate->_("Erreur1"); ?><div id="error"> </div><br/><br> |
302 </div> |
313 </div> |
303 |
314 |
304 |
315 |
305 |
316 |
306 <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" ><span>Envoyer</span></a> |
317 <a class="button_w" href="#" id="sendTweet" style="float:right;margin-right:15px;margin-left:35px;width:70px;" > |
|
318 <span><?php print $translate->_("Envoyer"); ?></span></a> |
307 <!--<button name="s" type="button" id="sendTweet" |
319 <!--<button name="s" type="button" id="sendTweet" |
308 style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>--> |
320 style="float:right;margin-right:15px;margin-left:35px;width:70px;" >Envoyer</button>--> |
309 <a |
321 <a |
310 |
322 |
311 id="positive" |
323 id="positive" |
385 <!-- LIGHTBOX --> |
396 <!-- LIGHTBOX --> |
386 <div style="display:none;"> |
397 <div style="display:none;"> |
387 <div id="Aboutbox" > |
398 <div id="Aboutbox" > |
388 <div class="lightBorder"> |
399 <div class="lightBorder"> |
389 <div class="lightTitle" style="height:45px;"> </div> |
400 <div class="lightTitle" style="height:45px;"> </div> |
390 <div class="lightSubTitle">Annotation polémique par tweet </div> |
401 <div class="lightSubTitle"><?php print $translate->_("splatchPageTitle"); ?></div> |
391 <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. |
402 <div class="lightDescription"><?php print $translate->_("splatchPageText"); ?></div> |
392 </div> |
|
393 <div> |
403 <div> |
394 <br/> |
404 <br/> |
395 <a class="button_b" href="#" id="IDENTIFIER"><span>S'identifier</span></a> <br/><br/> |
405 <a class="button_b" href="#" id="IDENTIFIER"><span><?php print $translate->_("S'identifier"); ?></span></a> <br/><br/> |
396 <a class="button_w" href="#" id="ACCES"><span>Libre accès</span></a> |
406 <a class="button_w" href="#" id="ACCES"><span><?php print $translate->_("Libre accès"); ?></span></a> |
397 </div> |
407 </div> |
398 </div> |
408 </div> |
399 </div> |
409 </div> |
400 </div> |
410 </div> |
401 <!-- END LIGHTBOX --> |
411 <!-- END LIGHTBOX --> |