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 <meta name="description" content="Interface d'édition de Hashcuts (Mashups vidéo cliquables)" /> |
6 <meta name="description" content="Interface d'édition de Hashcuts (Mashups vidéo cliquables)" /> |
7 <meta name="copyright" content="Institut de Recherche et d'Innovation (IRI), 2012" /> |
7 <meta name="copyright" content="Institut de Recherche et d'Innovation (IRI), 2012" /> |
8 <meta name="author" content="Anthony Ly, Raphaël Velt" /> |
8 <meta name="author" content="Anthony Ly, Raphaël Velt" /> |
9 <title>Hashcut > Edition</title> |
9 <title>Hashcut > Edition</title> |
|
10 <link rel="stylesheet" href="lib/jquery-ui.css" /> |
10 <link rel="stylesheet" href="css/reset.css" /> |
11 <link rel="stylesheet" href="css/reset.css" /> |
11 <link rel="stylesheet" href="css/common.css" /> |
12 <link rel="stylesheet" href="css/common.css" /> |
12 <link rel="stylesheet" href="css/edition.css" /> |
13 <link rel="stylesheet" href="css/edition.css" /> |
13 <link rel="stylesheet" href="lib/jquery-ui.css"> |
|
14 </head> |
14 </head> |
15 <body> |
15 <body> |
16 <div class="wrap"> |
16 <div class="wrap"> |
17 <div class="wrap-header"> |
17 <div class="wrap-header"> |
18 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
18 <a title="Bibliothèque Publique d'Information" href="#"><img src="img/pompidou-logo.png" alt="Bibliothèque centre Pompidou" /></a> |
149 <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li> |
149 <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li> |
150 <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li> |
150 <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li> |
151 </ol> |
151 </ol> |
152 </div> |
152 </div> |
153 <a class="publier-button" title="Publier" href="#"></a> |
153 <a class="publier-button" title="Publier" href="#"></a> |
|
154 </div> |
|
155 |
|
156 <div class="widget"> |
|
157 <div class="Ldt-Slider"></div> |
|
158 <div class="Ldt-Slider-Time">00:00</div> |
|
159 |
|
160 <div class="Ldt-Ctrl"> |
|
161 <div class="Ldt-Ctrl-Left"> |
|
162 <div class="Ldt-Ctrl-button Ldt-Ctrl-Play Ldt-Ctrl-Play-PlayState" title="Lecture/Pause"></div> |
|
163 <div class="Ldt-Ctrl-spacer"></div> |
|
164 </div> |
|
165 <div class="Ldt-Ctrl-Right"> |
|
166 <div class="Ldt-Ctrl-spacer"></div> |
|
167 <div class="Ldt-Ctrl-Time"> |
|
168 <div class="Ldt-Ctrl-Time-Elapsed" title="Temps écoulé">00:00</div> |
|
169 <div class="Ldt-Ctrl-Time-Separator">/</div> |
|
170 <div class="Ldt-Ctrl-Time-Total" title="Temps total">00:00</div> |
|
171 </div> |
|
172 <div class="Ldt-Ctrl-spacer"></div> |
|
173 <div class="Ldt-Ctrl-button Ldt-Ctrl-Sound Ldt-Ctrl-Sound-Full Ldt-TraceMe" title="Couper/Activer le son"></div> |
|
174 </div> |
|
175 <div class="Ldt-Ctrl-Volume-Control" title="Changer le volume"> |
|
176 <div class="Ldt-Ctrl-Volume-Bar"></div> |
|
177 </div> |
|
178 </div> |
154 </div> |
179 </div> |
155 |
180 |
156 <div class="bloc-segmentation"> |
181 <div class="bloc-segmentation"> |
157 <div class="segment"> |
182 <div class="segment"> |
158 <img src="img/visuel-segment.png" alt=""> |
183 <img src="img/visuel-segment.png" alt=""> |