| author | veltr |
| Fri, 04 Jan 2013 18:13:55 +0100 | |
| changeset 66 | 331e70527d74 |
| parent 46 | 542252e0c615 |
| child 78 | 8c3f0b94d056 |
| permissions | -rw-r--r-- |
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
1 |
<!DOCTYPE html> |
|
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
2 |
<html lang="fr"> |
| 36 | 3 |
<head> |
4 |
<meta charset="utf-8"> |
|
5 |
<title>The End - @todo</title> |
|
6 |
||
7 |
<meta name="description" content="@todo"> |
|
8 |
||
9 |
<!-- Mobile Specific Metas --> |
|
10 |
<meta name="viewport" content="initial-scale=1.0, width=device-width" /> |
|
11 |
||
12 |
<link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
13 |
<!-- stylesheet for ipad 3 |
|
14 |
<link rel="stylesheet" href="static/res/css/style_2048.css" /> |
|
15 |
--> |
|
16 |
||
17 |
</head> |
|
18 |
<body> |
|
19 |
<!-- div content - site takes the full height of browser --> |
|
20 |
<div id="content"> |
|
21 |
||
22 |
<!-- div content_top - the elements takes the full height of "content_top" --> |
|
23 |
<div id="content_top"> |
|
24 |
||
|
37
1f10a9688c1b
interchoix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
36
diff
changeset
|
25 |
<!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
| 46 | 26 |
<header id="top" class="container_vcentering box_transparance"> |
| 36 | 27 |
<div id="title_hp" class="box_vcentering"> |
28 |
<h2>UNE EXPÉRIENCE DE CINÉMA</h2> |
|
29 |
<h1>THE END, ETC.</h1> |
|
30 |
<h2 class="h2_exeption">DE LAETITIA MASSON</h2> |
|
31 |
</div> |
|
32 |
</header> |
|
33 |
||
34 |
<section id="main"> |
|
35 |
<canvas id="mosaic" width="100" height="100"></canvas> |
|
36 |
</section> |
|
37 |
||
|
37
1f10a9688c1b
interchoix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
36
diff
changeset
|
38 |
<!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
| 46 | 39 |
<section id="bottom" class="container_vcentering box_transparance"> |
| 36 | 40 |
<div class="box_vcentering"> |
| 46 | 41 |
<p class="big_link"><a onClick="fadeAndNext();">COMPOSEZ VOTRE FILM</a></p> |
| 36 | 42 |
</div> |
43 |
</section> |
|
44 |
</div> |
|
45 |
<!-- /div content_top --> |
|
46 |
||
| 46 | 47 |
<footer id="footer" class="box_transparance"> |
| 36 | 48 |
<ul id="logo_partners" class="floatL"> |
49 |
<li>UNE CO-PRODUCTION |
|
50 |
<ul> |
|
51 |
<li> |
|
52 |
<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
|
53 |
<img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" /> |
|
54 |
</a> |
|
55 |
</li> |
|
56 |
<li> |
|
57 |
<a href="http://www.memoprod.fr" target="_blank"> |
|
58 |
<img alt="Memo prod." src="static/res/img/footer/memoprod.png" /> |
|
59 |
</a> |
|
60 |
</li> |
|
61 |
</ul> |
|
62 |
</li><!-- |
|
63 |
--><li>AVEC LE SOUTIEN DE |
|
64 |
<ul> |
|
65 |
<li> |
|
66 |
<a href="http://www.cnc.fr" target="_blank"> |
|
67 |
<img alt="CNC" src="static/res/img/footer/cnc.png" /> |
|
68 |
</a> |
|
69 |
</li> |
|
70 |
<li> |
|
71 |
<a href="http://www.incandescence.com" target="_blank"> |
|
72 |
<img alt="Incandescence" src="static/res/img/footer/inc.png" /> |
|
73 |
</a> |
|
74 |
</li> |
|
75 |
<li> |
|
76 |
<a href="http://www.iri.centrepompidou.fr" target="_blank"> |
|
77 |
<img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" /> |
|
78 |
</a> |
|
79 |
</li> |
|
80 |
</ul> |
|
81 |
</li> |
|
82 |
</ul> |
|
83 |
<ul id="socialMedia" class="floatR"> |
|
84 |
<li><a href="/">Mentions légales</a></li> |
|
85 |
<li><a href="/" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png" width ="50"/></a></li> |
|
86 |
<li><a href="/" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
|
87 |
</ul> |
|
88 |
</footer> |
|
89 |
||
90 |
</div> |
|
91 |
||
92 |
<!-- Metanav FranceTV --> |
|
93 |
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
|
94 |
<!-- JavaScript --> |
|
95 |
<script src="static/res/js/jquery-1.8.2.min.js"></script> |
|
96 |
<script src="static/res/js/ease.js"></script> |
|
97 |
<script src="static/res/js/incresize.js"></script> |
|
98 |
<script src="static/res/js/incmosaic.js"></script> |
|
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
99 |
<script> |
|
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
100 |
$(function() { |
| 36 | 101 |
// Init the resize object |
102 |
incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, null, incMosaic.registerPostNewCanvasSize); |
|
103 |
||
104 |
// Set mosaic pair of images |
|
|
39
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
105 |
incMosaic.addImageUrl("static/res/img/accueil-00.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
106 |
incMosaic.addImageUrl("static/res/img/accueil-01.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
107 |
incMosaic.addImageUrl("static/res/img/accueil-02.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
108 |
incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
109 |
incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
110 |
incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
| 36 | 111 |
|
112 |
// Start mosaic effect |
|
|
42
01415303372e
écran choix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
39
diff
changeset
|
113 |
incMosaic.start("mosaic", 1, 9, 5, true, false, null); |
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
114 |
}); |
| 46 | 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 |
} |
|
| 36 | 132 |
</script> |
133 |
</body> |
|
|
18
f6232b308fbd
base du player niveau 1
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff
changeset
|
134 |
</html> |