equal
deleted
inserted
replaced
162 </li><!-- item-video --> |
162 </li><!-- item-video --> |
163 </ul> |
163 </ul> |
164 </div><!-- col-left --> |
164 </div><!-- col-left --> |
165 |
165 |
166 <div class="col-middle"> |
166 <div class="col-middle"> |
|
167 |
167 <div class="bloc-segmentation"> |
168 <div class="bloc-segmentation"> |
168 <div class="col-middle-header disable"> |
169 <div class="col-middle-header disable"> |
169 <a href="#" class="segmenter ">Segmenter <em>La cuisine du Popcorn</em></a> |
170 <a href="#" class="segmenter ">Segmenter <em>La cuisine du Popcorn</em></a> |
170 <a href="#" class="previsualiser disable">Prévisualiser</a> |
171 <a href="#" class="previsualiser disable">Prévisualiser</a> |
171 </div> |
172 </div> |
172 <div class="video"> |
173 <div class="video"> |
173 <a class="publier-button" title="Publier" href="#"></a> |
174 <a class="publier-button" title="Publier" href="#"></a> |
174 <img src="img/visuel-player.png" alt="" /> |
175 <img src="img/visuel-player.jpg" alt="" /> |
175 </div> |
176 </div> |
176 <div class="segment"> |
177 <div class="segment"> |
177 <img src="img/visuel-segment.png" alt=""> |
178 <img src="img/visuel-segment.png" alt=""> |
178 </div> |
179 </div> |
179 <div class="popin segmentation" id=""> |
180 <div class="popin segmentation" id=""> |
239 <a href="#" class="segmenter">Segmenter <em>La cuisine du Popcorn</em></a> |
240 <a href="#" class="segmenter">Segmenter <em>La cuisine du Popcorn</em></a> |
240 <a href="#" class="previsualiser">Prévisualiser</a> |
241 <a href="#" class="previsualiser">Prévisualiser</a> |
241 </div> |
242 </div> |
242 <div class="video"> |
243 <div class="video"> |
243 <a class="publier-button" title="Publier" href="#"></a> |
244 <a class="publier-button" title="Publier" href="#"></a> |
244 <img src="img/visuel-player.png" alt="" /> |
245 <img src="img/visuel-player.jpg" alt="" /> |
245 </div> |
246 </div> |
246 |
247 |
247 <div class="frise clearfix"> |
248 <div class="frise clearfix"> |
248 |
249 |
249 <span class="indication" style="left:24%;">00:30</span> |
250 <span class="indication" style="left:24%;">00:30</span> |
292 |
293 |
293 </div><!-- frise --> |
294 </div><!-- frise --> |
294 </div><!-- bloc-pvw --> |
295 </div><!-- bloc-pvw --> |
295 |
296 |
296 |
297 |
|
298 <div class="bloc-vide"> |
|
299 <div class="col-middle-header disable"> |
|
300 <a href="#" class="segmenter disable">Segmenter</a> |
|
301 <a href="#" class="previsualiser disable">Prévisualiser</a> |
|
302 </div> |
|
303 <div class="video"> |
|
304 <div class="tutorial"> |
|
305 <h2>Créer un Hashcut, c’est facile !</h2> |
|
306 <ol> |
|
307 <li>Commencez par choisir une vidéo dans le volet de gauche</li> |
|
308 <li>Créez un segment dans la vidéo et profitez-en pour annoter votre segment</li> |
|
309 <li>Ajoutez votre segment à la liste, réorganisez les segments entre eux</li> |
|
310 <li>Rajoutez quelques commentaires à votre Hashcut. Vous êtes prêts à publier !</li> |
|
311 </ol> |
|
312 </div> |
|
313 <a class="publier-button" title="Publier" href="#"></a> |
|
314 </div> |
|
315 </div><!-- bloc-vide --> |
|
316 |
297 </div><!-- col-middle --> |
317 </div><!-- col-middle --> |
298 |
318 |
299 <div class="col-right"> |
319 <div class="col-right"> |
300 <div class="liste-segment"> |
320 <div class="liste-segment"> |
301 <h2>Liste des segments</h2> |
321 <h2>Liste des segments</h2> |
375 <ul class="links-right"> |
395 <ul class="links-right"> |
376 <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li> |
396 <li><a title="IRI" href="http://www.iri.centrepompidou.fr/"> <img src="img/logo-iri.png" alt="iri" /></a></li> |
377 <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li> |
397 <li><a title="cinecast" href="http://cinecast.fr/"><img src="img/logo-cinecast.png" alt="cinecast" /></a></li> |
378 <li>© 2012</li> |
398 <li>© 2012</li> |
379 </ul> |
399 </ul> |
380 </div> |
400 </div><!-- footer --> |
381 </div> |
401 </div><!-- wrap --> |
382 <!-- JavaScript --> |
402 <!-- JavaScript --> |
383 <script src="js/vendor/jquery-1.8.0.min.js"></script> |
403 <script src="js/vendor/jquery-1.8.0.min.js"></script> |
384 <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script> |
404 <script src="js/vendor/jquery-ui-1.8.24.custom.min.js"></script> |
385 <script src="js/plugins.js"></script> |
405 <script src="js/plugins.js"></script> |
386 <script src="js/main.js"></script> |
406 <script src="js/main.js"></script> |