|
1 <!DOCTYPE html> |
|
2 <html lang="fr"> |
|
3 <head> |
|
4 <meta charset="utf-8"> |
|
5 <title>The End - @todo</title> |
|
6 |
|
7 <meta name="description" content="@todo"> |
|
8 <link rel="icon" href="static/res/img/favicon.ico" /> |
|
9 |
|
10 <!-- Mobile Specific Metas --> |
|
11 <meta name="viewport" content="user-scalable=no"> |
|
12 <!-- |
|
13 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
|
14 --> |
|
15 |
|
16 <!-- Test Smartphone --> |
|
17 <script src="static/res/js/incdetectmobile.js"></script> |
|
18 <script> |
|
19 if (IsSmartphone()) { location.href = "mindex.html"; } |
|
20 </script> |
|
21 <!-- Metanav FranceTV --> |
|
22 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
|
23 |
|
24 <link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
25 |
|
26 </head> |
|
27 <body> |
|
28 <!-- div content - site takes the full height of browser --> |
|
29 <div id="content" class="full_hightScreen pointer" onClick="gotoChoice();"> |
|
30 |
|
31 <!--this div empty allows the element content_vcentering to be vertically aligned --> |
|
32 <div class="strut"></div><!-- |
|
33 this comment corrects the white-space (display: inline); |
|
34 --><section id="inter_choice" class="fullScreen_vcentering container_vcentering"> |
|
35 <!-- pour changer la tranparance tu accedes à la class ="box_transparance" et tu changes 'opacity: 0;' maintenat c'est 'opacity : 1;' --> |
|
36 <div class="box_vcentering box_transparance big_txt"> |
|
37 <p>3 ÉCRANS</p> |
|
38 <p>CHOISISSEZ UN MOT PAR ÉCRANS</p> |
|
39 <p>COMPOSEZ VOTRE FILM</p> |
|
40 </div> |
|
41 </section> |
|
42 </div> |
|
43 |
|
44 <!-- JavaScript --> |
|
45 <script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
46 <script> |
|
47 $(function() { |
|
48 |
|
49 setTimeout(function() { |
|
50 $('.box_transparance').animate({ |
|
51 opacity: 0, |
|
52 }, 4000, function() { |
|
53 gotoChoice(); |
|
54 }); |
|
55 }, 2500); |
|
56 |
|
57 }); |
|
58 var gotoChoice = function() { |
|
59 location.href = "choix.html"; |
|
60 } |
|
61 </script> |
|
62 </body> |
|
63 </html> |