31 <head> |
34 <head> |
32 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
35 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> |
33 <title>Polemic tweet - Live Video and Annotation</title> |
36 <title>Polemic tweet - Live Video and Annotation</title> |
34 |
37 |
35 <!-- Framework CSS --> |
38 <!-- Framework CSS --> |
36 <link rel="stylesheet" href="res/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"/> |
37 <link rel="stylesheet" href="res/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"/> |
38 <!--[if lt IE 8]><link rel="stylesheet" href="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]--> |
39 |
42 <link rel="stylesheet" href="<?php echo(registry_url('blueprint-plugins-fancy-type','css'));?>" type="text/css" media="screen, projection"/> |
40 <!-- Import fancy-type plugin for the sample page. --> |
43 <link rel="stylesheet" href="<?php echo(registry_url('custom','css'));?>" type="text/css" media="screen, projection"/> |
41 |
44 <link rel="stylesheet" href="<?php echo(registry_url('tabs-slideshow','css'));?>" type="text/css" media="screen, projection"> |
42 <link rel="stylesheet" href="res/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection"> |
|
43 <link rel="stylesheet" href="res/css/custom.css" type="text/css" media="screen, projection"> |
|
44 <link rel="stylesheet" href="res/css/tabs-slideshow.css" type="text/css" media="screen, projection"> |
|
45 <link rel="stylesheet" type="text/css" href="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.css" media="screen"> |
|
46 <link rel="stylesheet" type="text/css" href="res/niceforms/niceforms-custom.css" media="screen" > |
|
47 |
45 |
48 <!-- JAVASCRIPT --> |
46 <!-- JAVASCRIPT --> |
49 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> |
47 <script type="text/javascript" src="<?php echo(registry_url('jquery','js'));?>"></script> |
50 <!--<script type="text/javascript" src="res/jquery.tools/jquery.tools.min.js"></script>--> |
48 <script type="text/javascript" src="<?php echo(registry_url('jquery-tools','js'));?>"></script> |
51 <script src="http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js"></script> |
49 <script type="text/javascript" src="<?php echo(registry_url('jquery-mousewheel','js'));?>"></script> |
52 <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.mousewheel-3.0.4.pack.js"></script> |
|
53 <script type="text/javascript" src="res/jquery.fancybox/fancybox/jquery.fancybox-1.3.4.pack.js"></script> |
|
54 <script type="text/javascript" src="res/niceforms/niceforms.js"></script> |
|
55 <script src="http://widgets.twimg.com/j/2/widget.js"></script> |
|
56 |
50 |
57 <!-- FONT --> |
51 <!-- FONT --> |
58 <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&subset=latin' rel='stylesheet' type='text/css'> |
52 <link href='<?php echo(registry_url('PT-Sans_Narrow','font'));?>' rel='stylesheet' type='text/css'> |
59 <link href='http://fonts.googleapis.com/css?family=PT+Sans&subset=latin' rel='stylesheet' type='text/css'> |
53 <link href='<?php echo(registry_url('PT-Sans','font'));?>' rel='stylesheet' type='text/css'> |
60 <link href='http://fonts.googleapis.com/css?family=Geo&subset=latin' rel='stylesheet' type='text/css'> |
54 <link href='<?php echo(registry_url('Geo','font'));?>' rel='stylesheet' type='text/css'> |
61 |
55 |
62 <script type="text/javascript"> |
56 <script type="text/javascript"> |
63 $(document).ready(function() { |
57 $(document).ready(function() { |
64 $(".loginbutton").click(function() { |
58 $(".loginbutton").click(function() { |
65 document.location.href="<?php URL_ROOT ?>?CONNECT=true"; |
59 document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true"; |
66 }); |
60 }); |
67 $("#IDENTIFIER").click(function() { |
61 $("#IDENTIFIER").click(function() { |
68 document.location.href="<?php URL_ROOT ?>?CONNECT=true"; |
62 document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true"; |
69 }); |
63 }); |
70 $("#ACCES").click(function() { |
64 $("#ACCES").click(function() { |
71 document.location.href="client.php"; |
65 document.location.href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php"; |
72 }); |
66 }); |
73 $(".archivesVideoBox").mouseover(function() { |
67 $(".archivesVideoBox").mouseover(function() { |
74 //$(this).animate({'backgroundColor'}); |
|
75 //$(this).css({'backgroundColor':'#d6d6d6'}); |
|
76 $(this).css({'backgroundColor':'#fff'}); |
68 $(this).css({'backgroundColor':'#fff'}); |
77 $(this).cursor = "pointer"; |
69 $(this).cursor = "pointer"; |
78 }).mouseout(function() { |
70 }).mouseout(function() { |
79 //$(this).css({'backgroundColor':'#f6f6f6'}); |
|
80 $(this).css({'backgroundColor':'#f2f2f2'}); |
71 $(this).css({'backgroundColor':'#f2f2f2'}); |
81 }); |
72 }); |
82 |
73 |
83 //<!-- SLIDER --> |
74 //<!-- SLIDER --> |
84 $(".slidetabs").tabs(".images > div", { |
75 $(".slidetabs").tabs(".images > div", { |
109 })(); |
101 })(); |
110 |
102 |
111 </script> |
103 </script> |
112 </head> |
104 </head> |
113 <body> |
105 <body> |
|
106 <div id="sendUsFeedBack"><a href="https://spreadsheets.google.com/spreadsheet/viewform?hl=en_US&formkey=dDZILVdXVHRzd0xhWGVZXzkweHN2RGc6MQ#gid=0" target="_blank"><img src="/images/sendusfeedback.png"></a></div> |
114 <div class="container"> |
107 <div class="container"> |
115 <img src="images/ENMI_2010_logo.gif" class="logo"> |
108 <img src="images/ENMI_2010_logo.gif" class="logo"> |
116 <ul class="menu"> |
109 <ul class="menu"> |
117 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?CONNECT=true" class="menuLink"> |
110 <li class="menuUnderline"><a href="<?php echo(URL_ROOT.$C_default_rep); ?>/client.php?CONNECT=true" class="menuLink"> |
118 <?php print $translate->_("S'identifier"); ?></a></li> |
111 <?php print $translate->_("S'identifier"); ?></a></li> |
119 <li class="menuUnderline"><a href="about.php" class="menuLink"> |
112 <li class="menuUnderline"><a href="about.php" class="menuLink"> |
120 <?php print $translate->_("A propos"); ?></a></li> |
113 <?php print $translate->_("A propos"); ?></a></li> |
121 <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" > |
114 <li ><a href="mailto:contact@iri.centrepompidou.fr" class="menuLink" > |
122 <?php print $translate->_("Contact"); ?></a></li> |
115 <?php print $translate->_("Contact"); ?></a></li> |
123 </ul> |
116 </ul> |
|
117 <ul class="menu"> |
|
118 <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>archives.php" class="menuLink"> |
|
119 <?php print $translate->_("Archives"); ?></a></li> |
|
120 </ul> |
124 |
121 |
125 <ul class="menu lang" > |
122 <ul class="menu lang" > |
126 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=ja_JP" class="menuLink" > |
123 <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=ja_JP" class="menuLink" > |
127 <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;'"); } ?> /> |
128 <?php print $translate->_("Japonais"); ?></a></li> |
125 <?php print $translate->_("Japonais"); ?></a></li> |
129 <li class="menuUnderline"><a href="<?php URL_ROOT ?>?lang=fr" class="menuLink"> |
126 <li class="menuUnderline"><a href="<?php echo(URL_ROOT); ?>index.php?lang=fr" class="menuLink"> |
130 <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;'"); } ?> /> |
131 <?php print $translate->_("Français"); ?></a></li> |
128 <?php print $translate->_("Français"); ?></a></li> |
132 <li ><a href="<?php URL_ROOT ?>?lang=en" class="menuLink"> |
129 <li ><a href="<?php echo(URL_ROOT); ?>index.php?lang=en" class="menuLink"> |
133 <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
130 <img src='images/flag_en.gif' <?php if($actual!="en"){echo("style='opacity: .5;'"); } ?> /> |
134 <?php print $translate->_("Anglais"); ?></a></li> |
131 <?php print $translate->_("Anglais"); ?></a></li> |
135 </ul> |
132 </ul> |
136 |
133 |
137 <div class="introBox"> |
134 <div class="introBox"> |
206 |
203 |
207 </div> |
204 </div> |
208 <!-- --> |
205 <!-- --> |
209 <div class="archivesBox"> |
206 <div class="archivesBox"> |
210 <div class="archivesBoxHeader"></div> |
207 <div class="archivesBoxHeader"></div> |
211 <div class="archivesBoxContainer"> |
208 |
|
209 <div class="archivesBoxContainer scrollable"> |
212 <!-- --> |
210 <!-- --> |
213 <h3 class="archivesTitle"><?php print $translate->_("Archive Title :"); ?></h3> |
211 <div class="archivesTitleActionsContainer"> |
|
212 <div class="archivesTitleContainer"><h3 class="archivesTitle"><?php print $translate->_("Archive Title :"); ?></h3></div> |
|
213 <div class="archivesActionsContainer" id="actions"> |
|
214 <a class="prev browse left disabled"></a> |
|
215 <a class="next browse right"></a> |
|
216 </div> |
|
217 </div> |
|
218 |
214 <!-- --> |
219 <!-- --> |
215 <div id="AVB3" class="archivesVideoBox"> |
220 <div class="items"> |
216 <a href="rsln/polemicaltimeline.php"> |
221 <?php |
217 <img src="images/tail_clay.jpg" width="270" height="150"/> |
222 $arch_list = array_reverse($archives_list); |
218 </a> |
223 display_archives_list($arch_list, "archive_box_3 item", URL_ROOT, dirname(__FILE__)."/"); |
219 <div class="AVBtitle">Clay Shirky le net, le surplus cognitif</div> |
224 ?> |
220 <div class="AVBtext"> |
225 </div> |
221 par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France |
|
222 <br/>le lundi 31 janvier 2011·| 08:30 - 10:30 |
|
223 </div> |
|
224 </div> |
|
225 <!-- --> |
|
226 <div id="AVB2" class="archivesVideoBox"> |
|
227 <a href="rsln-opendata/polemicaltimeline.php"> |
|
228 <img src="images/tail_opendata.jpg" width="270" height="150"/> |
|
229 </a> |
|
230 <div class="AVBtitle">OPENDATA</div> |
|
231 <div class="AVBtext"> |
|
232 par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France |
|
233 <br/>le jeudi 17 mars 2011 | 14:30 - 17:15 |
|
234 </div> |
|
235 </div> |
|
236 <!-- --> |
|
237 <div id="AVB4" class="archivesVideoBox"> |
|
238 <a href="rsln-mercedes-bunz/polemicaltimeline.php"> |
|
239 <img src="images/tail_mercedes_bunz.jpg" width="270" height="150"/> |
|
240 </a> |
|
241 <div class="AVBtitle">Mercedes Bunz</div> |
|
242 <div class="AVBtext"> |
|
243 par <a href="http://www.rslnmag.fr/" target="_blank">RSLN</a> à Microsoft France |
|
244 <br/>le jeudi 7 avril 2011 | 19:30 - 21:00 |
|
245 </div> |
|
246 </div> |
|
247 |
|
248 </div> |
226 </div> |
249 <div class="archivesBoxClear"></div> |
227 <div class="archivesBoxClear"></div> |
250 <div class="archivesBoxFooter"></div> |
228 <div class="archivesBoxFooter"></div> |
251 </div> |
229 </div> |
252 |
230 |