equal
deleted
inserted
replaced
21 |
21 |
22 <!-- div content_top - the elements takes the full height of "content_top" --> |
22 <!-- div content_top - the elements takes the full height of "content_top" --> |
23 <div id="content_top"> |
23 <div id="content_top"> |
24 |
24 |
25 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
25 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
26 <header id="top" class="container_vcentering"> |
26 <header id="top" class="container_vcentering box_transparance"> |
27 <div id="title_hp" class="box_vcentering"> |
27 <div id="title_hp" class="box_vcentering"> |
28 <h2>UNE EXPÉRIENCE DE CINÉMA</h2> |
28 <h2>UNE EXPÉRIENCE DE CINÉMA</h2> |
29 <h1>THE END, ETC.</h1> |
29 <h1>THE END, ETC.</h1> |
30 <h2 class="h2_exeption">DE LAETITIA MASSON</h2> |
30 <h2 class="h2_exeption">DE LAETITIA MASSON</h2> |
31 </div> |
31 </div> |
34 <section id="main"> |
34 <section id="main"> |
35 <canvas id="mosaic" width="100" height="100"></canvas> |
35 <canvas id="mosaic" width="100" height="100"></canvas> |
36 </section> |
36 </section> |
37 |
37 |
38 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
38 <!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
39 <section id="bottom" class="container_vcentering"> |
39 <section id="bottom" class="container_vcentering box_transparance"> |
40 <div class="box_vcentering"> |
40 <div class="box_vcentering"> |
41 <p class="big_link"><a href ="prologue.html">COMPOSEZ VOTRE FILM</a></p> |
41 <p class="big_link"><a onClick="fadeAndNext();">COMPOSEZ VOTRE FILM</a></p> |
42 </div> |
42 </div> |
43 </section> |
43 </section> |
44 </div> |
44 </div> |
45 <!-- /div content_top --> |
45 <!-- /div content_top --> |
46 |
46 |
47 <footer id="footer"> |
47 <footer id="footer" class="box_transparance"> |
48 <ul id="logo_partners" class="floatL"> |
48 <ul id="logo_partners" class="floatL"> |
49 <li>UNE CO-PRODUCTION |
49 <li>UNE CO-PRODUCTION |
50 <ul> |
50 <ul> |
51 <li> |
51 <li> |
52 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
52 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
110 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
110 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
111 |
111 |
112 // Start mosaic effect |
112 // Start mosaic effect |
113 incMosaic.start("mosaic", 1, 9, 5, true, false, null); |
113 incMosaic.start("mosaic", 1, 9, 5, true, false, null); |
114 }); |
114 }); |
|
115 |
|
116 var cliked = false; |
|
117 var fadeAndNext = function() { |
|
118 if (cliked) { |
|
119 return; |
|
120 } |
|
121 |
|
122 cliked = true; |
|
123 var time = 4000; |
|
124 |
|
125 // Fade on elements |
|
126 $('.box_transparance').animate({opacity: 0}, time - 100); |
|
127 |
|
128 setTimeout(function() { |
|
129 location.href = "prologue.html"; |
|
130 }, time); |
|
131 } |
115 </script> |
132 </script> |
116 </body> |
133 </body> |
117 </html> |
134 </html> |