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