playscreen.html
changeset 19 685c406c7d8c
parent 18 cd85b780f4a5
child 20 8b0a464fb5ac
equal deleted inserted replaced
18:cd85b780f4a5 19:685c406c7d8c
     7                 <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     7                 <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width" />
     8         <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" />
     9         <link rel="stylesheet" type="text/css" href="css/reset.css" />
     9         <link rel="stylesheet" type="text/css" href="css/reset.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     </head>
       
    13     <body>
       
    14             <div class="contents">
       
    15                 <div class="play-head">
       
    16                     <div class="title-block">
       
    17                         <h1>Le débat</h1>
       
    18                     </div>
       
    19                     <div class="play-block shadow-block">
       
    20                         <a class="button play-button" href="#" title="Lecture"></a>
       
    21                         <a class="button lock-button locked" href="#" title="Découpler la lecture et la visualisation"></a>
       
    22                         <div class="current-time">0:00:00</div>
       
    23                         <div class="time-separator">/</div>
       
    24                         <div class="duration">0:00:00</div>
       
    25                         <a class="button prev-button" href="#" title="Segment précédent"></a>
       
    26                         <a class="button next-button" href="#" title="Segment suivant"></a>
       
    27                     </div>
       
    28                     <div class="explain-block shadow-block">
       
    29                         <a class="button home-button" href="startscreen.html" title="Retour"></a>
       
    30                         <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></div>
       
    31                     </div>
       
    32                 </div>
       
    33                 
       
    34                 <div class="play-second-line">
       
    35                 	<div class="topics-block">
       
    36                 		<ul class="topics-list"></ul>
       
    37             		</div>
       
    38                 	<div class="left-arrow">
       
    39                 		<div class="inside-arrow"></div>
       
    40                 	</div>
       
    41                 	<div class="right-arrow">
       
    42                 		<div class="inside-arrow"></div>
       
    43                 	</div>
       
    44             	</div>
       
    45                 
       
    46                 <div class="play-bottom">
       
    47                     <div class="play-svg"></div>
       
    48                     <div class="play-images"></div>
       
    49                 	<div class="global-position"></div>
       
    50                 	<div class="local-position"></div>
       
    51                 	<ul class="play-localtweets"></ul>
       
    52                 	<ul class="play-tagcloud"></ul>
       
    53                 	<div class="user-tweets">
       
    54                 		<h3 class="user-tweets-head">Tweets par <span class="user-name"></span></h3>
       
    55                 		<ul class="user-tweets-list"></ul>
       
    56                 	</div>
       
    57                 </div>
       
    58             </div>
    12         <script>
    59         <script>
    13             var pathToDwrServlet = "http://159.217.144.101:8050/sia-solr/dwr";
    60             var pathToDwrServlet = "http://159.217.144.101:8050/sia-solr/dwr";
    14         </script>
    61         </script>
    15         <script src="lib/underscore-min.js"></script>
    62         <script src="lib/underscore-min.js"></script>
    16         <script src="lib/jquery.min.js"></script>
    63         <script src="lib/jquery.min.js"></script>
    22         <script src="js/remote-player.js"></script>
    69         <script src="js/remote-player.js"></script>
    23         <script src="js/playscreen.js"></script>
    70         <script src="js/playscreen.js"></script>
    24         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script>
    71         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script>
    25         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script>
    72         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script>
    26         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script>
    73         <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script>
    27     </head>
       
    28     <body>
       
    29             <div class="contents">
       
    30                 <div class="play-head">
       
    31                     <div class="title-block">
       
    32                         <h1>Le débat</h1>
       
    33                     </div>
       
    34                     <div class="play-block shadow-block">
       
    35                         <a class="button play-button" href="#" title="Lecture"></a>
       
    36                         <div class="current-time">0:00:00</div>
       
    37                         <div class="time-separator">/</div>
       
    38                         <div class="duration">0:00:00</div>
       
    39                         <a class="button prev-button" href="#" title="Segment précédent"></a>
       
    40                         <a class="button next-button" href="#" title="Segment suivant"></a>
       
    41                     </div>
       
    42                     <div class="explain-block shadow-block">
       
    43                         <a class="button home-button" href="startscreen.html" title="Retour"></a>
       
    44                         <div class="keyword-search"><a href="startscreen.html" class="placeholder">Rechercher</a></div>
       
    45                     </div>
       
    46                 </div>
       
    47                 
       
    48                 <div class="play-second-line">
       
    49                 	<div class="topics-block"></div>
       
    50                 	<div class="left-arrow"></div>
       
    51                 	<div class="right-arrow"></div>
       
    52             	</div>
       
    53                 
       
    54                 <div class="play-bottom">
       
    55                     <div class="play-svg"></div>
       
    56                     <div class="play-images"></div>
       
    57                 	<div class="global-position"></div>
       
    58                 	<div class="local-position"></div>
       
    59                 	<ul class="play-localtweets"></ul>
       
    60                 	<ul class="play-tagcloud"></ul>
       
    61                 	<div class="user-tweets">
       
    62                 		<h3 class="user-tweets-head">Tweets par <span class="user-name"></span></h3>
       
    63                 		<ul class="user-tweets-list"></ul>
       
    64                 	</div>
       
    65                 </div>
       
    66             </div>
       
    67     </body>
    74     </body>
    68 </html>
    75 </html>