| author | veltr |
| Tue, 05 Feb 2013 18:41:29 +0100 | |
| changeset 118 | 124f7745a3d6 |
| parent 106 | 8f3da46f4543 |
| child 124 | 8d2376eb825c |
| permissions | -rw-r--r-- |
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
1 |
<!DOCTYPE html> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
2 |
<html lang="fr" |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
3 |
xmlns:og="http://ogp.me/ns#" |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
4 |
xmlns:fb="https://www.facebook.com/2008/fbml"> |
| 36 | 5 |
<head> |
| 103 | 6 |
<meta charset="UTF-8"> |
7 |
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
|
| 36 | 8 |
|
| 105 | 9 |
<meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON"> |
| 103 | 10 |
|
| 106 | 11 |
<meta name="keywords" content="The End, etc, The End, Laetitia Masson, France Télévisions, CNC, Centre national du cinéma et de l'image animée, Nouvelles écritures, Memo Prod, Incandescence, IRI, Institut de recherche et de l'innovation du Centre Georges Pompidou, France Inter, expérience, une expérience de cinéma, film, production Géraldine Michelon, Œuvre en ligne, musique Jean-Louis Murat, engagement, désangagement, Élodie Bouchez, Aurore Clément, Haïm Cohen, Fred et Farid, Denis Jeambar, Jérôme Kircher, Elliot Perlman, Christian Tortu, Philippe Venere, André Wilms, La Marseillaise, L'Internationale, l'idée, Ni Dieu ni maître, Fiction, Portraits"> |
| 103 | 12 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
13 |
<link rel="icon" href="static/res/img/favicon.ico" /> |
| 36 | 14 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
15 |
<!-- Site Optimization for Facebook --> |
| 80 | 16 |
<meta property="og:title" content="The End, etc." /> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
17 |
<meta property="og:type" content="website" /> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
18 |
<meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" /> |
| 80 | 19 |
<meta property="og:site_name" content="The End, etc." /> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
20 |
<meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/> |
| 36 | 21 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
22 |
<!-- Mobile Specific Metas --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
23 |
<meta name="viewport" content="user-scalable=no"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
24 |
<!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
25 |
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
26 |
--> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
27 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
28 |
<!-- Test Smartphone --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
29 |
<script src="static/res/js/incdetectmobile.js"></script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
30 |
<script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
31 |
if (IsSmartphone()) { location.href = "mindex.html"; } |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
32 |
</script> |
| 103 | 33 |
|
34 |
<!-- Test html5 --> |
|
35 |
<script src="static/res/js/modernizr.custom.js"></script> |
|
36 |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> |
|
37 |
<script> |
|
38 |
||
39 |
var nosupport = false; |
|
40 |
if (!Modernizr.canvas) { |
|
41 |
console.log("No canvas support"); |
|
42 |
nosupport = true; |
|
43 |
} |
|
44 |
if (!Modernizr.audio) { |
|
45 |
console.log("No audio support"); |
|
46 |
nosupport = true; |
|
47 |
} |
|
48 |
if (!Modernizr.video) { |
|
49 |
console.log("No video support"); |
|
50 |
nosupport = true; |
|
51 |
} |
|
52 |
if (nosupport) { |
|
53 |
location.href = "non-supporte.html"; |
|
54 |
} |
|
55 |
</script> |
|
56 |
||
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
57 |
<!-- Metanav FranceTV --> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
58 |
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
59 |
|
| 36 | 60 |
<link rel="stylesheet" href="static/res/css/style_1024.css" /> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
61 |
|
| 36 | 62 |
</head> |
63 |
<body> |
|
64 |
<!-- div content - site takes the full height of browser --> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
65 |
<div id="content" class="smallMargin"> |
| 36 | 66 |
|
67 |
<!-- div content_top - the elements takes the full height of "content_top" --> |
|
68 |
<div id="content_top"> |
|
69 |
||
|
37
1f10a9688c1b
interchoix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
36
diff
changeset
|
70 |
<!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
71 |
<header id="top" class="container_vcentering box_transparance"><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
72 |
--><div id="title_hp" class="box_vcentering"> |
| 36 | 73 |
<h2>UNE EXPÉRIENCE DE CINÉMA</h2> |
74 |
<h1>THE END, ETC.</h1> |
|
75 |
<h2 class="h2_exeption">DE LAETITIA MASSON</h2> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
76 |
</div><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
77 |
--></header> |
| 36 | 78 |
|
79 |
<section id="main"> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
80 |
<div id="bd_noir"></div> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
81 |
<canvas id="mosaic" width="100" height="100"></canvas> |
| 36 | 82 |
</section> |
83 |
||
|
37
1f10a9688c1b
interchoix
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
36
diff
changeset
|
84 |
<!-- change with js: height and line-height (the same size) of "container_vcentering" --> |
| 46 | 85 |
<section id="bottom" class="container_vcentering box_transparance"> |
| 36 | 86 |
<div class="box_vcentering"> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
87 |
<p class="big_link pointer"><a onClick="fadeAndNext();">COMPOSEZ VOTRE FILM</a></p> |
| 36 | 88 |
</div> |
89 |
</section> |
|
90 |
</div> |
|
91 |
<!-- /div content_top --> |
|
92 |
||
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
93 |
<footer id="footer" class="box_transparance clearfix"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
94 |
<ul class="logo_partners floatL"> |
| 36 | 95 |
<li>UNE CO-PRODUCTION |
96 |
<ul> |
|
97 |
<li> |
|
98 |
<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
|
| 103 | 99 |
<img alt="Nouvelles écritures - France Télévisions" src="static/res/img/footer/francetv.png" /> |
| 36 | 100 |
</a> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
101 |
</li><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
102 |
--><li> |
| 36 | 103 |
<a href="http://www.memoprod.fr" target="_blank"> |
104 |
<img alt="Memo prod." src="static/res/img/footer/memoprod.png" /> |
|
105 |
</a> |
|
106 |
</li> |
|
107 |
</ul> |
|
108 |
</li><!-- |
|
109 |
--><li>AVEC LE SOUTIEN DE |
|
110 |
<ul> |
|
111 |
<li> |
|
112 |
<a href="http://www.cnc.fr" target="_blank"> |
|
| 103 | 113 |
<img alt="CNC - Centre national du cinéma et de l'image animée" src="static/res/img/footer/cnc.png" /> |
| 36 | 114 |
</a> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
115 |
</li><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
116 |
--><li> |
| 36 | 117 |
<a href="http://www.incandescence.com" target="_blank"> |
118 |
<img alt="Incandescence" src="static/res/img/footer/inc.png" /> |
|
119 |
</a> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
120 |
</li><!-- |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
121 |
--><li> |
| 36 | 122 |
<a href="http://www.iri.centrepompidou.fr" target="_blank"> |
| 103 | 123 |
<img alt="IRI - Institut de recherche et de l'innovation du Centre Georges Pompidou" src="static/res/img/footer/iri.png" /> |
| 36 | 124 |
</a> |
125 |
</li> |
|
126 |
</ul> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
127 |
</li> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
128 |
</ul> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
129 |
<ul class="logo_partners floatL"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
130 |
<li>EN PARTENARIAT AVEC |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
131 |
<ul> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
132 |
<li class="txt_hidden logo_bg"> |
| 106 | 133 |
<a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
134 |
</li> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
135 |
</ul> |
| 36 | 136 |
</li> |
137 |
</ul> |
|
138 |
<ul id="socialMedia" class="floatR"> |
|
| 80 | 139 |
<li class="license"><a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/3.0/fr/" target="_blank"><img alt="Licence Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/3.0/fr/80x15.png" /></a></li><!-- |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
140 |
--><li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!-- |
| 103 | 141 |
--><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!-- |
142 |
--><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
|
| 36 | 143 |
</ul> |
144 |
</footer> |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
145 |
<section id="popUpDiv" style="display:none;"> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
146 |
<div id="popUpTitle"> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
147 |
<h2>Mentions Légales</h2> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
148 |
<a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')"> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
149 |
<img alt="Fermer" src="static/res/img/popUpClose.png"/> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
150 |
</a> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
151 |
</div> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
152 |
<div id="popUpTxtScroll"> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
153 |
<p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
154 |
<span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
155 |
<span class="gris">RCS de Paris :</span> 432 766 947<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
156 |
<span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
157 |
<span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
158 |
<p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
159 |
<span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
160 |
<span class="gris">Tel :</span> + 33(0)1 75 771 660</p> |
|
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
161 |
<h3>DONNEES PERSONNELLES</h3> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
162 |
<p>En application de la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, chaque internaute dispose des droits d’opposition (article 38 de la loi), d’accès (articles 39, 41 et 42 de la loi) et de rectification (article 40 de la loi) des données le concernant. </p> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
163 |
<p>Ainsi, il peut exiger que soient rectifiées, complétées, clarifiées, mises à jour ou effacées les informations le concernant qui sont inexactes, incomplètes, équivoques, périmées, ou dont la collecte ou l’utilisation, la communication ou la conservation est interdite.</p> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
164 |
<p>Chaque internaute peut exercer ces droits :<br> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
165 |
- soit en accédant à son compte à l’aide de son e-mail et de son mot de passe à l’adresse suivante : http://www.leclubfrancetelevisions.fr<br> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
166 |
- soit en écrivant à FranceTélévisions - A l’attention de Monsieur le Responsable du Service Inscription Internet - 7 Esplanade Henri de France 75015 Paris.</p> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
167 |
<h3>CREDITS</h3> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
168 |
<p>Les dépêches de presse et contenus graphiques d’agence utilisés dans la préparation des informations sont la propriété intellectuelle des différentes agences partenaires de francetvinfo (AFP, Reuters, MaxpPPP, Sipa, Getty).</p> |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
169 |
<h3>LOGICIELS</h3> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
170 |
<p>Certains sites de France Télévisions sont créés à partir des logiciels libres (sous licence GPL) de publication Spip (http://www.uzine.net/spip) et Drupal (http://drupal.org).</p> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
171 |
</div> |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
172 |
</section> |
| 36 | 173 |
</div> |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
174 |
<div id="blanket" style="display:none;"></div> |
| 36 | 175 |
|
176 |
<!-- JavaScript --> |
|
177 |
<script src="static/res/js/ease.js"></script> |
|
178 |
<script src="static/res/js/incresize.js"></script> |
|
179 |
<script src="static/res/js/incmosaic.js"></script> |
|
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
180 |
<script src="static/res/js/popup.js"></script> |
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
181 |
<script> |
|
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
182 |
$(function() { |
| 36 | 183 |
// Init the resize object |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
184 |
incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, false, [incMosaic.registerPostNewCanvasSize, resizePopup]); |
| 36 | 185 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
186 |
// Set the images for the mosaic effects |
|
39
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
187 |
incMosaic.addImageUrl("static/res/img/accueil-00.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
188 |
incMosaic.addImageUrl("static/res/img/accueil-01.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
189 |
incMosaic.addImageUrl("static/res/img/accueil-02.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
190 |
incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
191 |
incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
|
6605de5fe0bd
mosaic effect done
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
37
diff
changeset
|
192 |
incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
| 36 | 193 |
|
194 |
// Start mosaic effect |
|
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
195 |
incMosaic.start("mosaic", 1, 9, 5, true, false, null, null); |
| 103 | 196 |
|
197 |
// Set the share url |
|
198 |
var replaceAll = function(txt, replace, with_this) { |
|
199 |
return txt.replace(new RegExp(replace, 'g'),with_this); |
|
200 |
} |
|
201 |
var urlToShare = document.URL.replace("index.html", ""); |
|
202 |
var urlToShareTw = replaceAll(urlToShare, ":", "%3A"); |
|
203 |
urlToShareTw = replaceAll(urlToShareTw, "/", "%2F"); |
|
204 |
$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare); |
|
205 |
$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw); |
|
|
19
26ab64495127
premièrs tests d'intégration
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
18
diff
changeset
|
206 |
}); |
| 46 | 207 |
|
208 |
var cliked = false; |
|
209 |
var fadeAndNext = function() { |
|
210 |
if (cliked) { |
|
211 |
return; |
|
212 |
} |
|
213 |
|
|
214 |
cliked = true; |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
215 |
var logoFadeTime = 4000; |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
216 |
var mosaicFadeStartAtTime = 3000; |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
217 |
var nextPageTime = 6000; |
| 46 | 218 |
|
219 |
// Fade on elements |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
220 |
$(".box_transparance").animate({opacity: 0}, logoFadeTime); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
221 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
222 |
setTimeout(function() { |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
223 |
$("#bd_noir").animate({opacity: 1}, nextPageTime - mosaicFadeStartAtTime - 100); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
224 |
}, mosaicFadeStartAtTime); |
| 46 | 225 |
|
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
226 |
setTimeout(function() { |
|
94
873b0e9ff7f6
update html
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
80
diff
changeset
|
227 |
location.href = "prologue-the-end-etc.html"; |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
228 |
}, nextPageTime); |
| 46 | 229 |
} |
|
78
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
230 |
|
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
231 |
var resizePopup = function() { |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
232 |
popupPosition('popUpDiv', 'content'); |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
233 |
} |
|
8c3f0b94d056
big commit after problems
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
46
diff
changeset
|
234 |
</script> |
| 36 | 235 |
</body> |
|
18
f6232b308fbd
base du player niveau 1
Edwin Razafimahatratra <edwin@robotalismsoft.com>
parents:
diff
changeset
|
236 |
</html> |