playscreen.html
changeset 11 9833f3e24105
parent 7 a2d5b669f663
child 12 81a8bb1d872a
--- a/playscreen.html	Tue Mar 19 12:27:34 2013 +0100
+++ b/playscreen.html	Thu Mar 21 18:48:12 2013 +0100
@@ -4,9 +4,9 @@
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
         <title>IRI/ALBLF Social Media</title>
+                <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
         <link rel="stylesheet" type="text/css" href="lib/jquery-ui.min.css" />
         <link rel="stylesheet" type="text/css" href="css/reset.css" />
-        <link rel="stylesheet" type="text/css" href="css/ipadsim.css" />
         <link rel="stylesheet" type="text/css" href="css/socialmedia.css" />
         <link rel="stylesheet" type="text/css" href="css/playscreen.css" />
         <script>
@@ -15,26 +15,31 @@
         <script src="lib/underscore-min.js"></script>
         <script src="lib/jquery.min.js"></script>
         <script src="lib/jquery-ui.min.js"></script>
+        <script src="lib/jquery.ui.touch-punch.min.js"></script>
         <script src="lib/jquery.mousewheel.min.js"></script>
+        <script src="lib/hammer.min.js"></script>
         <script src="lib/raphael-min.js"></script>
+        <script src="js/remote-player.js"></script>
         <script src="js/playscreen.js"></script>
         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script>
         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script>
         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script>
     </head>
     <body>
-        <div class="iPad-simulator">
             <div class="contents">
                 <div class="play-head">
                     <div class="title-block">
                         <h1>Le débat</h1>
                     </div>
                     <div class="play-block shadow-block">
-                        <div class="play-button">&#9654;</div>
+                        <div class="play-button">▶</div>
+                        <div class="current-time">0:00:00</div>
+                        <div class="time-separator">/</div>
                         <div class="duration">0:00:00</div>
+                        <div class="next-button">▶▎</div>
                     </div>
                     <div class="explain-block shadow-block">
-                        <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></p>
+                        <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></div>
                     </div>
                 </div>
                 
@@ -43,14 +48,13 @@
             	</div>
                 
                 <div class="play-bottom">
-                    <div class="play-dataviz">
-                        <div class="play-svg"></div>
-                        <div class="play-images"></div>
-                    	<ul class="play-localtweets"></ul>
-                    	<ul class="play-tagcloud"></ul>
-                    </div>
+                    <div class="play-svg"></div>
+                    <div class="play-images"></div>
+                	<div class="global-position"></div>
+                	<div class="local-position"></div>
+                	<ul class="play-localtweets"></ul>
+                	<ul class="play-tagcloud"></ul>
                 </div>
             </div>
-        </div>
     </body>
 </html>
\ No newline at end of file