--- a/web/index.html Thu Jan 24 16:28:04 2013 +0100
+++ b/web/index.html Thu Jan 24 16:30:41 2013 +0100
@@ -3,10 +3,13 @@
xmlns:og="http://ogp.me/ns#"
xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
- <meta charset="utf-8">
- <title>The End, etc.</title>
+ <meta charset="UTF-8">
+ <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <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.">
+ <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.">
+
+ <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 ">
+
<link rel="icon" href="static/res/img/favicon.ico" />
<!-- Site Optimization for Facebook -->
@@ -27,6 +30,30 @@
<script>
if (IsSmartphone()) { location.href = "mindex.html"; }
</script>
+
+ <!-- Test html5 -->
+ <script src="static/res/js/modernizr.custom.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
+ <script>
+
+ var nosupport = false;
+ if (!Modernizr.canvas) {
+ console.log("No canvas support");
+ nosupport = true;
+ }
+ if (!Modernizr.audio) {
+ console.log("No audio support");
+ nosupport = true;
+ }
+ if (!Modernizr.video) {
+ console.log("No video support");
+ nosupport = true;
+ }
+ if (nosupport) {
+ location.href = "non-supporte.html";
+ }
+ </script>
+
<!-- Metanav FranceTV -->
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
@@ -69,7 +96,7 @@
<ul>
<li>
<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
- <img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" />
+ <img alt="Nouvelles écritures - France Télévisions" src="static/res/img/footer/francetv.png" />
</a>
</li><!--
--><li>
@@ -83,7 +110,7 @@
<ul>
<li>
<a href="http://www.cnc.fr" target="_blank">
- <img alt="CNC" src="static/res/img/footer/cnc.png" />
+ <img alt="CNC - Centre national du cinéma et de l'image animée" src="static/res/img/footer/cnc.png" />
</a>
</li><!--
--><li>
@@ -93,7 +120,7 @@
</li><!--
--><li>
<a href="http://www.iri.centrepompidou.fr" target="_blank">
- <img alt="iri Centre Pompidou" src="static/res/img/footer/iri.png" />
+ <img alt="IRI - Institut de recherche et de l'innovation du Centre Georges Pompidou" src="static/res/img/footer/iri.png" />
</a>
</li>
</ul>
@@ -112,8 +139,8 @@
<ul id="socialMedia" class="floatR">
<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><!--
--><li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!--
- --><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><!--
- --><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>
+ --><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!--
+ --><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
</ul>
</footer>
<section id="popUpDiv" style="display:none;">
@@ -148,7 +175,6 @@
<div id="blanket" style="display:none;"></div>
<!-- JavaScript -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="static/res/js/ease.js"></script>
<script src="static/res/js/incresize.js"></script>
<script src="static/res/js/incmosaic.js"></script>
@@ -168,6 +194,16 @@
// Start mosaic effect
incMosaic.start("mosaic", 1, 9, 5, true, false, null, null);
+
+ // Set the share url
+ var replaceAll = function(txt, replace, with_this) {
+ return txt.replace(new RegExp(replace, 'g'),with_this);
+ }
+ var urlToShare = document.URL.replace("index.html", "");
+ var urlToShareTw = replaceAll(urlToShare, ":", "%3A");
+ urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");
+ $("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
+ $("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
});
var cliked = false;