|
1 <!DOCTYPE html> |
|
2 <html lang="fr"> |
|
3 <head> |
|
4 <meta charset="utf-8" /> |
|
5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> |
|
6 <title>IRI/ALBLF Social Media</title> |
|
7 <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/ipadsim.css" /> |
|
10 <link rel="stylesheet" type="text/css" href="css/socialmedia.css" /> |
|
11 <link rel="stylesheet" type="text/css" href="css/startscreen.css" /> |
|
12 <script> |
|
13 var pathToDwrServlet = "http://159.217.144.101:8050/sia-solr/dwr"; |
|
14 </script> |
|
15 <script src="lib/underscore-min.js"></script> |
|
16 <script src="lib/jquery.min.js"></script> |
|
17 <script src="lib/jquery-ui.min.js"></script> |
|
18 <script src="lib/raphael-min.js"></script> |
|
19 <script src="js/startscreen.js"></script> |
|
20 <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/engine.js"></script> |
|
21 <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/util.js"></script> |
|
22 <script type="text/javascript" src="http://159.217.144.101:8050/sia-solr/dwr/interface/TopicsBean.js"></script> |
|
23 </head> |
|
24 <body> |
|
25 <div class="iPad-simulator"> |
|
26 <div class="contents"> |
|
27 <div class="start-head"> |
|
28 <div class="title-block"> |
|
29 <h1>Le débat</h1> |
|
30 </div> |
|
31 <div class="play-block shadow-block"> |
|
32 <a class="play-button" href="#">▶</a> |
|
33 <div class="duration">0:00:00</div> |
|
34 </div> |
|
35 <div class="explain-block shadow-block"> |
|
36 <h3>Recherchez les sujets de l'émission par mots-clés</h3> |
|
37 <p><input class="keyword-search" type="search" placeholder="Rechercher" /></p> |
|
38 </div> |
|
39 </div> |
|
40 |
|
41 <div class="start-second-line"> |
|
42 <div class="shadow-block description-block"> |
|
43 <p>Description de la vidéo du débat ici</p> |
|
44 </div> |
|
45 <div class="topwords-block shadow-block"> |
|
46 <ul class="topwords-list"></ul> |
|
47 </div> |
|
48 </div> |
|
49 |
|
50 <div class="start-bottom"> |
|
51 <div class="start-dataviz"> |
|
52 <div class="start-svg"></div> |
|
53 </div> |
|
54 <ul class="topics-block"></div> |
|
55 </div> |
|
56 </div> |
|
57 </div> |
|
58 </body> |
|
59 </html> |