156 <div class="Ldt-Ctrl-Volume-Bar ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" title="Volume : 100%"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></a></div> |
156 <div class="Ldt-Ctrl-Volume-Bar ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all" title="Volume : 100%"><a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 100%;"></a></div> |
157 </div> |
157 </div> |
158 </div> |
158 </div> |
159 |
159 |
160 </div> |
160 </div> |
161 <div class="frise"> |
161 <div class="frise mashup-frise"> |
162 <div class="frise-overflow"> |
162 <div class="frise-overflow"> |
163 <div class="frise-segments"> |
163 <div class="frise-segments"> |
164 <div style="background-color:#9467bd; left:0%; width:41.02564102564102%;" class="frise-segment"></div><div style="background-color:#d62728; left:41.02564102564102%; width:58.97435897435897%;" class="frise-segment"></div> |
|
165 </div> |
164 </div> |
166 <div class="frise-indications"> |
165 <div class="frise-indications"> |
167 <span style="left:12.82051282051282%;" class="frise-indication">15:00</span><span style="left:25.64102564102564%;" class="frise-indication">30:00</span><span style="left:38.46153846153846%;" class="frise-indication">45:00</span><span style="left:51.28205128205128%;" class="frise-indication">1:00:00</span><span style="left:64.1025641025641%;" class="frise-indication">1:15:00</span><span style="left:76.92307692307692%;" class="frise-indication">1:30:00</span><span style="left:89.74358974358974%;" class="frise-indication">1:45:00</span> |
|
168 </div> |
166 </div> |
169 </div> |
167 </div> |
170 <div class="frise-position"></div> |
168 <div class="frise-position"></div> |
171 |
169 |
172 </div> |
170 </div> |
195 </div><!-- bloc-video --> |
193 </div><!-- bloc-video --> |
196 </div><!-- left-content --> |
194 </div><!-- left-content --> |
197 |
195 |
198 <div class="right-content"> |
196 <div class="right-content"> |
199 <h2>Plus d’informations</h2> |
197 <h2>Plus d’informations</h2> |
200 <div class="more-info-wrap clearfix"> |
198 <div class="more-info-wrap"> |
201 <table class="more-info "> |
199 <table class="more-info "> |
202 <tbody> |
200 <tbody> |
203 <tr class="info-title"> |
201 <tr class="info-title"> |
204 <th>Titre :</th> |
202 <th>Titre :</th> |
205 <td><a href="#">Titre du Hashcut</a></td> |
203 <td><a href="#">Titre du Hashcut</a></td> |
206 </tr> |
204 </tr> |
207 <tr class="info-duration"> |
205 <tr class="info-duration"> |
208 <th>Durée :</th> |
206 <th>Durée :</th> |
209 <td>17:03</td> |
207 <td></td> |
210 </tr> |
208 </tr> |
211 <tr class="info-author"> |
209 <tr class="info-author"> |
212 <th>Auteur : </th> |
210 <th>Auteur : </th> |
213 <td><a href="#">Hashcutter75</a></td> |
211 <td><a href="#"></a></td> |
214 </tr> |
212 </tr> |
215 <tr class="info-description"> |
213 <tr class="info-description"> |
216 <th>Description : </th> |
214 <th>Description : </th> |
217 <td> An Atlas V rocket lofted the Juno spacecraft toward Jupiter from Space Launch Complex-41. The 4-ton Juno spacecraft will take five years to reach Jupiter on a mission to study its structure and decipher its history.</td> |
215 <td></td> |
218 </tr> |
216 </tr> |
219 <tr class="info-tags"> |
217 <!-- <tr class="info-tags"> |
220 <th>Tags : </th> |
218 <th>Tags : </th> |
221 <td>Mashup, Création, Art</td> |
219 <td>Mashup, Création, Art</td> |
222 </tr> |
220 </tr> --> |
223 </tbody> |
221 </tbody> |
224 </table> |
222 </table> |
225 <a href="#" class="button cloner">Cloner le Hashcut</a> |
223 <a href="#" class="button cloner">Cloner le Hashcut</a> |
226 </div> |
224 </div> |
227 <h2>Médias utilisés dans le Hashcut</h2> |
225 <h2>Médias utilisés dans le Hashcut</h2> |
278 <!-- JavaScript --> |
276 <!-- JavaScript --> |
279 <script type="text/javascript" src="lib/jquery.min.js"></script> |
277 <script type="text/javascript" src="lib/jquery.min.js"></script> |
280 <script type="text/javascript" src="lib/jquery-ui.min.js"></script> |
278 <script type="text/javascript" src="lib/jquery-ui.min.js"></script> |
281 <script type="text/javascript" src="lib/underscore-min.js"></script> |
279 <script type="text/javascript" src="lib/underscore-min.js"></script> |
282 <script type="text/javascript" src="lib/popcorn-complete.min.js"></script> |
280 <script type="text/javascript" src="lib/popcorn-complete.min.js"></script> |
|
281 <script type="text/javascript" src="js/init.js"></script> |
|
282 <script type="text/javascript" src="js/ldt-serializer.js"></script> |
|
283 <script type="text/javascript" src="js/model.js"></script> |
|
284 <script type="text/javascript" src="js/mashupcore.js"></script> |
|
285 <script type="text/javascript" src="js/mashupplayer.js"></script> |
283 <script type="text/javascript" src="js/common.js"></script> |
286 <script type="text/javascript" src="js/common.js"></script> |
|
287 <script type="text/javascript"> |
|
288 $(function() { |
|
289 IriSP.player({ |
|
290 url: "data/moon-mashup.json" |
|
291 }) |
|
292 }) |
|
293 </script> |
284 </body> |
294 </body> |
285 </html> |
295 </html> |