playscreen.html
changeset 11 9833f3e24105
parent 7 a2d5b669f663
child 12 81a8bb1d872a
equal deleted inserted replaced
10:ab587bf164f9 11:9833f3e24105
     2 <html lang="fr">
     2 <html lang="fr">
     3     <head>
     3     <head>
     4         <meta charset="utf-8" />
     4         <meta charset="utf-8" />
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     5         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     6         <title>IRI/ALBLF Social Media</title>
     6         <title>IRI/ALBLF Social Media</title>
       
     7                 <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     7         <link rel="stylesheet" type="text/css" href="lib/jquery-ui.min.css" />
     8         <link rel="stylesheet" type="text/css" href="lib/jquery-ui.min.css" />
     8         <link rel="stylesheet" type="text/css" href="css/reset.css" />
     9         <link rel="stylesheet" type="text/css" href="css/reset.css" />
     9         <link rel="stylesheet" type="text/css" href="css/ipadsim.css" />
       
    10         <link rel="stylesheet" type="text/css" href="css/socialmedia.css" />
    10         <link rel="stylesheet" type="text/css" href="css/socialmedia.css" />
    11         <link rel="stylesheet" type="text/css" href="css/playscreen.css" />
    11         <link rel="stylesheet" type="text/css" href="css/playscreen.css" />
    12         <script>
    12         <script>
    13             var pathToDwrServlet = "http://159.217.144.101:8050/sia-solr/dwr";
    13             var pathToDwrServlet = "http://159.217.144.101:8050/sia-solr/dwr";
    14         </script>
    14         </script>
    15         <script src="lib/underscore-min.js"></script>
    15         <script src="lib/underscore-min.js"></script>
    16         <script src="lib/jquery.min.js"></script>
    16         <script src="lib/jquery.min.js"></script>
    17         <script src="lib/jquery-ui.min.js"></script>
    17         <script src="lib/jquery-ui.min.js"></script>
       
    18         <script src="lib/jquery.ui.touch-punch.min.js"></script>
    18         <script src="lib/jquery.mousewheel.min.js"></script>
    19         <script src="lib/jquery.mousewheel.min.js"></script>
       
    20         <script src="lib/hammer.min.js"></script>
    19         <script src="lib/raphael-min.js"></script>
    21         <script src="lib/raphael-min.js"></script>
       
    22         <script src="js/remote-player.js"></script>
    20         <script src="js/playscreen.js"></script>
    23         <script src="js/playscreen.js"></script>
    21         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script>
    24         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script>
    22         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script>
    25         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script>
    23         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script>
    26         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script>
    24     </head>
    27     </head>
    25     <body>
    28     <body>
    26         <div class="iPad-simulator">
       
    27             <div class="contents">
    29             <div class="contents">
    28                 <div class="play-head">
    30                 <div class="play-head">
    29                     <div class="title-block">
    31                     <div class="title-block">
    30                         <h1>Le débat</h1>
    32                         <h1>Le débat</h1>
    31                     </div>
    33                     </div>
    32                     <div class="play-block shadow-block">
    34                     <div class="play-block shadow-block">
    33                         <div class="play-button">&#9654;</div>
    35                         <div class="play-button">▶</div>
       
    36                         <div class="current-time">0:00:00</div>
       
    37                         <div class="time-separator">/</div>
    34                         <div class="duration">0:00:00</div>
    38                         <div class="duration">0:00:00</div>
       
    39                         <div class="next-button">▶▎</div>
    35                     </div>
    40                     </div>
    36                     <div class="explain-block shadow-block">
    41                     <div class="explain-block shadow-block">
    37                         <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></p>
    42                         <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></div>
    38                     </div>
    43                     </div>
    39                 </div>
    44                 </div>
    40                 
    45                 
    41                 <div class="play-second-line">
    46                 <div class="play-second-line">
    42                 	<div class="topics-block"></div>
    47                 	<div class="topics-block"></div>
    43             	</div>
    48             	</div>
    44                 
    49                 
    45                 <div class="play-bottom">
    50                 <div class="play-bottom">
    46                     <div class="play-dataviz">
    51                     <div class="play-svg"></div>
    47                         <div class="play-svg"></div>
    52                     <div class="play-images"></div>
    48                         <div class="play-images"></div>
    53                 	<div class="global-position"></div>
    49                     	<ul class="play-localtweets"></ul>
    54                 	<div class="local-position"></div>
    50                     	<ul class="play-tagcloud"></ul>
    55                 	<ul class="play-localtweets"></ul>
    51                     </div>
    56                 	<ul class="play-tagcloud"></ul>
    52                 </div>
    57                 </div>
    53             </div>
    58             </div>
    54         </div>
       
    55     </body>
    59     </body>
    56 </html>
    60 </html>