| 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 <!-- Mobile Specific Metas --> |
15 <!-- Mobile Specific Metas --> |
13 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
16 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
14 |
17 |
100 </ul> |
103 </ul> |
101 </li> |
104 </li> |
102 </ul> |
105 </ul> |
103 <ul id="socialMedia" class="floatR"> |
106 <ul id="socialMedia" class="floatR"> |
104 <li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!-- |
107 <li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!-- |
105 --><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><!-- |
108 --><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!-- |
106 --><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> |
109 --><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li> |
107 </ul> |
110 </ul> |
108 </footer> |
111 </footer> |
109 <section id="popUpDiv" style="display:none;"> |
112 <section id="popUpDiv" style="display:none;"> |
110 <div id="popUpTitle"> |
113 <div id="popUpTitle"> |
111 <h2>Mentions Légales</h2> |
114 <h2>Mentions Légales</h2> |
145 var resize = function() { |
148 var resize = function() { |
146 popupPosition('popUpDiv', 'content'); |
149 popupPosition('popUpDiv', 'content'); |
147 } |
150 } |
148 $(window).resize(resize); |
151 $(window).resize(resize); |
149 window.onorientationchange = resize; |
152 window.onorientationchange = resize; |
153 |
|
154 // Set the share url |
|
155 var replaceAll = function(txt, replace, with_this) { |
|
156 return txt.replace(new RegExp(replace, 'g'),with_this); |
|
157 } |
|
158 var urlToShare = document.URL.replace("mindex.html", ""); |
|
159 var urlToShareTw = replaceAll(urlToShare, ":", "%3A"); |
|
160 urlToShareTw = replaceAll(urlToShareTw, "/", "%2F"); |
|
161 $("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare); |
|
162 $("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw); |
|
163 console.log(urlToShare); |
|
164 console.log(urlToShareTw); |
|
150 }); |
165 }); |
151 </script> |
166 </script> |
152 </body> |
167 </body> |
153 </html> |
168 </html> |