Mercurial Mercurial > socialmedia / diff
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
startscreen.html
changeset 4 26a901771957
parent 2 0d947d167ec5
child 5 490e4d1b6fee 
--- a/startscreen.html	Fri Feb 15 12:23:01 2013 +0100
+++ b/startscreen.html	Fri Feb 15 18:34:43 2013 +0100
@@ -4,6 +4,7 @@
         <meta charset="utf-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
         <title>IRI/ALBLF Social Media</title>
+        <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" />
@@ -14,37 +15,37 @@
     </head>
     <body>
         <div class="iPad-simulator">
-
-            <div class="start-head">
-                <div class="title-block">
-                    <h1>Le débat</h1>
+            <div class="contents">
+                <div class="start-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="duration">2:44:00</div>
+                    </div>
+                    <div class="explain-block shadow-block">
+                        <h3>Recherchez les sujets de l'émission par mots-clés</h3>
+                        <p><input class="keyword-search" type="search" placeholder="Rechercher" /></p>
+                    </div>
                 </div>
-                <div class="play-block shadow-block">
-                    <div class="play-button">&#9654;</div>
-                    <div class="duration">2:44:00</div>
+                
+                <div class="start-second-line">
+                    <div class="shadow-block description-block">
+                        <p>Description de la vidéo du débat ici</p>
+                    </div>
+                    <div class="topwords-block shadow-block">
+                        <ul class="topwords-list"></ul>
+                    </div>
                 </div>
-                <div class="explain-block shadow-block">
-                    <h3>Recherchez les sujets de l'émission par mots-clés</h3>
+                
+                <div class="start-bottom">
+                    <div class="start-dataviz">
+                        <div class="start-svg"></div>
+                    </div>
+                    <div class="topics-block"></div>
                 </div>
             </div>
-            
-            <div class="start-second-line">
-                <div class="video-block"></div>
-                <div class="description-block shadow-block">
-                    <p>Description de la vidéo du débat ici</p>
-                </div>
-                <ul class="topwords-block shadow-block">
-                    <li>Keyword</li>
-                </ul>
-            </div>
-            
-            <div class="start-bottom">
-                <div class="start-dataviz">
-                    <div class="start-svg"></div>
-                </div>
-                <div class="topics-block"></div>
-            </div>
-            
         </div>
     </body>
 </html>
\ No newline at end of file
socialmedia