| changeset 103 | be6c1f9cc258 |
| parent 94 | 873b0e9ff7f6 |
| child 105 | 7a033d177687 |
| 102:097e4023ede3 | 103:be6c1f9cc258 |
|---|---|
1 <!DOCTYPE html> |
1 <!DOCTYPE html> |
2 <html lang="fr" |
2 <html lang="fr" |
3 xmlns:og="http://ogp.me/ns#" |
3 xmlns:og="http://ogp.me/ns#" |
4 xmlns:fb="https://www.facebook.com/2008/fbml"> |
4 xmlns:fb="https://www.facebook.com/2008/fbml"> |
5 <head> |
5 <head> |
6 <meta charset="utf-8"> |
6 <meta charset="UTF-8"> |
7 <title>The End, etc.</title> |
7 <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title> |
8 |
8 |
9 <meta name="description" content="Géraldine Michelon présente The End, etc. Un projet écrit et réalisé par Laetitia Masson. Une coproduction France Télévisions - Memo Prod avec la participation du Centre national du cinéma et de l'image animée, Incandescence et Institut de recherche et de l'innovation du Centre Georges Pompidou, en participation avec France Inter."> |
9 <meta name="description" content="Géraldine Michelon présente The End, etc. Un projet écrit et réalisé par Laetitia Masson. Une coproduction France Télévisions - Memo Prod avec la participation du Centre national du cinéma et de l'image animée, Incandescence et Institut de recherche et de l'innovation du Centre Georges Pompidou, en association avec France Inter."> |
10 |
|
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 "> |
|
12 |
|
10 <link rel="icon" href="static/res/img/favicon.ico" /> |
13 <link rel="icon" href="static/res/img/favicon.ico" /> |
11 |
14 |
12 <!-- Site Optimization for Facebook --> |
15 <!-- Site Optimization for Facebook --> |
13 <meta property="og:title" content="The End, etc." /> |
16 <meta property="og:title" content="The End, etc." /> |
14 <meta property="og:type" content="website" /> |
17 <meta property="og:type" content="website" /> |
25 <!-- Test Smartphone --> |
28 <!-- Test Smartphone --> |
26 <script src="static/res/js/incdetectmobile.js"></script> |
29 <script src="static/res/js/incdetectmobile.js"></script> |
27 <script> |
30 <script> |
28 if (IsSmartphone()) { location.href = "mindex.html"; } |
31 if (IsSmartphone()) { location.href = "mindex.html"; } |
29 </script> |
32 </script> |
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 |
|
30 <!-- Metanav FranceTV --> |
57 <!-- Metanav FranceTV --> |
31 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
58 <script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script> |
32 |
59 |
33 <link rel="stylesheet" href="static/res/css/style_1024.css" /> |
60 <link rel="stylesheet" href="static/res/css/style_1024.css" /> |
34 |
61 |
67 <ul class="logo_partners floatL"> |
94 <ul class="logo_partners floatL"> |
68 <li>UNE CO-PRODUCTION |
95 <li>UNE CO-PRODUCTION |
69 <ul> |
96 <ul> |
70 <li> |
97 <li> |
71 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
98 <a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank"> |
72 <img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" /> |
99 <img alt="Nouvelles écritures - France Télévisions" src="static/res/img/footer/francetv.png" /> |
73 </a> |
100 </a> |
74 </li><!-- |
101 </li><!-- |
75 --><li> |
102 --><li> |
76 <a href="http://www.memoprod.fr" target="_blank"> |
103 <a href="http://www.memoprod.fr" target="_blank"> |
77 <img alt="Memo prod." src="static/res/img/footer/memoprod.png" /> |
104 <img alt="Memo prod." src="static/res/img/footer/memoprod.png" /> |
81 </li><!-- |
108 </li><!-- |
82 --><li>AVEC LE SOUTIEN DE |
109 --><li>AVEC LE SOUTIEN DE |
83 <ul> |
110 <ul> |
84 <li> |
111 <li> |
85 <a href="http://www.cnc.fr" target="_blank"> |
112 <a href="http://www.cnc.fr" target="_blank"> |
86 <img alt="CNC" src="static/res/img/footer/cnc.png" /> |
113 <img alt="CNC - Centre national du cinéma et de l'image animée" src="static/res/img/footer/cnc.png" /> |
87 </a> |
114 </a> |
88 </li><!-- |
115 </li><!-- |
89 --><li> |
116 --><li> |
90 <a href="http://www.incandescence.com" target="_blank"> |
117 <a href="http://www.incandescence.com" target="_blank"> |
91 <img alt="Incandescence" src="static/res/img/footer/inc.png" /> |
118 <img alt="Incandescence" src="static/res/img/footer/inc.png" /> |
92 </a> |
119 </a> |
93 </li><!-- |
120 </li><!-- |
94 --><li> |
121 --><li> |
95 <a href="http://www.iri.centrepompidou.fr" target="_blank"> |
122 <a href="http://www.iri.centrepompidou.fr" target="_blank"> |
96 <img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" /> |
123 <img alt="IRI - Institut de recherche et de l'innovation du Centre Georges Pompidou" src="static/res/img/footer/iri.png" /> |
97 </a> |
124 </a> |
98 </li> |
125 </li> |
99 </ul> |
126 </ul> |
100 </li> |
127 </li> |
101 </ul> |
128 </ul> |
110 </li> |
137 </li> |
111 </ul> |
138 </ul> |
112 <ul id="socialMedia" class="floatR"> |
139 <ul id="socialMedia" class="floatR"> |
113 <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><!-- |
140 <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><!-- |
114 --><li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!-- |
141 --><li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!-- |
115 --><li class="socialLogo"><a href="http://www.facebook.com/share.php?u=http://www.clients.incandescence.com/theend/" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!-- |
142 --><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!-- |
116 --><li class="socialLogo"><a href="https://twitter.com/share?url=https%3A%2F%2Fwww.clients.incandescence.com%2Ftheend%2F" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
143 --><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
117 </ul> |
144 </ul> |
118 </footer> |
145 </footer> |
119 <section id="popUpDiv" style="display:none;"> |
146 <section id="popUpDiv" style="display:none;"> |
120 <div id="popUpTitle"> |
147 <div id="popUpTitle"> |
121 <h2>Mentions Légales</h2> |
148 <h2>Mentions Légales</h2> |
146 </section> |
173 </section> |
147 </div> |
174 </div> |
148 <div id="blanket" style="display:none;"></div> |
175 <div id="blanket" style="display:none;"></div> |
149 |
176 |
150 <!-- JavaScript --> |
177 <!-- JavaScript --> |
151 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> |
|
152 <script src="static/res/js/ease.js"></script> |
178 <script src="static/res/js/ease.js"></script> |
153 <script src="static/res/js/incresize.js"></script> |
179 <script src="static/res/js/incresize.js"></script> |
154 <script src="static/res/js/incmosaic.js"></script> |
180 <script src="static/res/js/incmosaic.js"></script> |
155 <script src="static/res/js/popup.js"></script> |
181 <script src="static/res/js/popup.js"></script> |
156 <script> |
182 <script> |
166 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
192 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
167 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
193 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
168 |
194 |
169 // Start mosaic effect |
195 // Start mosaic effect |
170 incMosaic.start("mosaic", 1, 9, 5, true, false, null, null); |
196 incMosaic.start("mosaic", 1, 9, 5, true, false, null, null); |
197 |
|
198 // Set the share url |
|
199 var replaceAll = function(txt, replace, with_this) { |
|
200 return txt.replace(new RegExp(replace, 'g'),with_this); |
|
201 } |
|
202 var urlToShare = document.URL.replace("index.html", ""); |
|
203 var urlToShareTw = replaceAll(urlToShare, ":", "%3A"); |
|
204 urlToShareTw = replaceAll(urlToShareTw, "/", "%2F"); |
|
205 $("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare); |
|
206 $("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw); |
|
171 }); |
207 }); |
172 |
208 |
173 var cliked = false; |
209 var cliked = false; |
174 var fadeAndNext = function() { |
210 var fadeAndNext = function() { |
175 if (cliked) { |
211 if (cliked) { |