--- a/web/choix-de-mots-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/choix-de-mots-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -23,7 +24,10 @@
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
-
+
+ <!-- tags FTV -->
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
+
</head>
<body>
<!-- div content - site takes the full height of browser -->
--- a/web/credits-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/credits-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -2,10 +2,12 @@
<html lang="fr" >
<head>
<meta charset="UTF-8">
- <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <title>LE GÉNÉRIQUE DE THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <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">
-
+ <meta name="description" content="Fiction, portraits, musique, production. Le générique de THE END, ETC. une expérience web de LAETITIA MASSON">
+
+ <meta name="keywords" content="générique, 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" />
<!-- Mobile Specific Metas -->
@@ -24,16 +26,29 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::credits";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::credits" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
- <div id="content" class="smallMargin overflow">
+ <div id="content" class="smallMargin">
<div class="boxReturn">
<button id="btnChoice" class="btn" onClick="location.href='transition-the-end-etc.html';">Choice</button>
</div>
<section id="credit">
- <h3>MEMO PROD</h3>
+ <h3>Memo Prod</h3>
<p class="gris">présente</p>
<h1>THE END, ETC.</h1>
<p class="gris">Une coproduction </p>
@@ -215,14 +230,17 @@
<p>Nan Golding, Galerie Yvon Lambert</p>
<p>Naomi Fisher, Galerie Perrotin</p>
<p>Daniele Bluetti, Joseph Glasco, Carl Lessard</p>
-
+ <p>Charles Belle, Galerie Tatiana Tournemine</p>
+ <p>Jean-Alexandre Delattre</p>
+ <p>Pleix, la Gaité Lyrique</p>
+ <p>Michèle Gaude-Langlade Saint-Preux</p>
<p>Camille Trumer, Isabelle Grossenbacher, Laure Bergheaud</p>
- <p> Marie Audigier, Franck Lellouche, Francis Lucas</p>
- <p> Jean-Paul Allegre, Séverin Favriau, M. Dupin (Les 2 Magots)</p>
+ <p>Marie Audigier, Franck Lellouche, Francis Lucas</p>
+ <p>Jean-Paul Allegre, Séverin Favriau, M. Dupin (Les 2 Magots)</p>
<br>
<br>
<p class="uppercase gris">2013 FRANCE TÉLÉVISIONS – MEMO PROD</p>
</section>
- </div>
+ </div>
</body>
</html>
\ No newline at end of file
--- a/web/erreur404.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/erreur404.html Fri Feb 08 17:07:34 2013 +0100
@@ -1,9 +1,9 @@
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
-
+
+ <meta name="robots" content="noindex">
<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" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />
@@ -23,7 +23,7 @@
</div>
<div id="middle" class="txt">
- <p class="big_link">La page demandée n'existe plus. <a href="index.html">Retourner à la page d'accueil.</a></p>
+ <p class="big_link">La page demandée n'existe pas. <a href="index.html">Retournez à la page d'accueil</a></p>
</div>
<div id="footer" class="clearfix">
--- a/web/fiction-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/fiction-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -23,7 +24,20 @@
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
-
+
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::The_End_Etc::Fiction";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::Fiction" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -47,7 +61,6 @@
</div>
<!-- JavaScript -->
- <script src="static/res/js/jquery-1.8.2.min.js"></script>
-
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
</body>
</html>
\ No newline at end of file
--- a/web/film-aleatoire-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/film-aleatoire-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. : MA VERSION DU FILM DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -11,7 +12,7 @@
<!-- Site Optimization for Facebook -->
<meta property="og:title" content="The End, etc." />
<meta property="og:type" content="website" />
- <meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" />
+ <meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" />
<meta property="og:site_name" content="The End, etc." />
<meta property="og:description" content="The End, etc. : ma version du film de Laetitia Masson #TheEndEtc"/>
@@ -95,24 +96,30 @@
</div>
<div id="popUpTxtScroll">
- <p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…<br>
+ <p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux...<br>
Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
- <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br>
+ <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br>
Fin du monde ?<br>
Fin d'une ère ?<br>
Fin d'un idéal ?<br>
Début d'autre chose ?<br>
Ceci est votre expérience.</p>
- <h3>UNE EXPÉRIENCE DE CINÉMA</h3>
- <p>Trois clics, pour composer « votre » film. Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. »Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes. Vous pouvez recommencer à l’infini. Autant de propositions que de spectateurs...</p>
+ <h3>COMPOSER VOTRE FILM</h3>
+ <p>Une expérience de cinéma qui débute par trois clics.<br>
+ Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.<br>
+ Vous pouvez recommencer à l’infini.<br>
+ Autant de propositions que de spectateurs...</p>
+
+ <h3>THE END, ETC.</h3>
+ <p>Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
+
<h3>PROLONGER L’EXPÉRIENCE</h3>
- <p>Dans cet espace, découvrez les versions intégrales de la fiction et des portraits documentaires. Accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
- <h3>ETC.</h3>
- <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. A vous de choisir votre porte d'entrée dans ces 4h30 de séquences. A vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
- <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux.</p>
+ <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
+ <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.</p>
<br>
- <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale. Préférez les navigateurs Safari ou Chrome.</p>
+ <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.<br>
+ Préférez les navigateurs Safari ou Chrome.</p>
</div>
</div>
</div>
@@ -128,7 +135,7 @@
<script src="static/res/js/incchoice.js"></script>
<script src="static/res/js/popup.js"></script>
<script src="static/res/js/incresize.js"></script>
- <script src="static/res/js/inchidebar.js"></script>
+ <script src="static/res/js/inchidebar.js"></script>
<script>
$(function() {
--- a/web/index.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/index.html Fri Feb 08 17:07:34 2013 +0100
@@ -8,14 +8,14 @@
<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">
- <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">
+ <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 -->
<meta property="og:title" content="The End, etc." />
<meta property="og:type" content="website" />
- <meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" />
+ <meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" />
<meta property="og:site_name" content="The End, etc." />
<meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/>
@@ -35,17 +35,17 @@
<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) {
+ if (!Modernizr.audio || !(Modernizr.audio.mp3 || Modernizr.audio.ogg)) {
console.log("No audio support");
nosupport = true;
}
- if (!Modernizr.video) {
+ if (!Modernizr.video || !(Modernizr.video.mp4 || Modernizr.video.ogg)) {
console.log("No video support");
nosupport = true;
}
@@ -58,7 +58,20 @@
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
-
+
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Accueil_The_End";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Accueil_The_End" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -105,8 +118,10 @@
</a>
</li>
</ul>
- </li><!--
- --><li>AVEC LE SOUTIEN DE
+ </li>
+ </ul>
+ <ul class="logo_partners floatL">
+ <li>AVEC LE SOUTIEN DE
<ul>
<li>
<a href="http://www.cnc.fr" target="_blank">
@@ -177,7 +192,7 @@
<script src="static/res/js/ease.js"></script>
<script src="static/res/js/incresize.js"></script>
<script src="static/res/js/incmosaic.js"></script>
- <script src="static/res/js/popup.js"></script>
+ <script src="static/res/js/popup.js"></script>
<script>
$(function() {
// Init the resize object
--- a/web/instructions-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/instructions-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -43,7 +44,8 @@
</div>
<!-- JavaScript -->
- <script src="static/res/js/jquery-1.8.2.min.js"></script>
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
+
<script>
$(function() {
--- a/web/mindex.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/mindex.html Fri Feb 08 17:07:34 2013 +0100
@@ -6,6 +6,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<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 ">
@@ -18,7 +19,7 @@
<!-- Site Optimization for Facebook -->
<meta property="og:title" content="The End, etc." />
<meta property="og:type" content="website" />
- <meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" />
+ <meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/theend_fb.jpg" />
<meta property="og:site_name" content="The End, etc." />
<meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/>
@@ -63,7 +64,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>
@@ -72,12 +73,14 @@
</a>
</li>
</ul>
- </li><!--
- --><li>AVEC LE SOUTIEN DE
+ </li>
+ </ul>
+ <ul class="logo_partners floatL">
+ <li>AVEC LE SOUTIEN DE
<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>
@@ -87,7 +90,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>
@@ -160,8 +163,6 @@
urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");
$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
- console.log(urlToShare);
- console.log(urlToShareTw);
});
</script>
</body>
--- a/web/mindex_ba.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/mindex_ba.html Fri Feb 08 17:07:34 2013 +0100
@@ -157,8 +157,6 @@
urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");
$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
- console.log(urlToShare);
- console.log(urlToShareTw);
});
</script>
</body>
--- a/web/musique-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/musique-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -23,7 +24,20 @@
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
-
+
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::The_End_Etc::musique";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::musique" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -47,8 +61,8 @@
--><div class="fullScreen_vcentering white big_txt">
<article class="boxAudio">
<audio id="audio1" preload="metadata">
- <source src="http://clients.incandescence.com/theend/musique/MARSEILLAISE-CHANT_3.ogg" type="audio/ogg">
- <source src="http://clients.incandescence.com/theend/musique/MARSEILLAISE-CHANT_3.mp3" type="audio/mpeg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/MARSEILLAISE-CHANT_3.ogg" type="audio/ogg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/MARSEILLAISE-CHANT_3.mp3" type="audio/mpeg">
<p>Audio non supportée </p>
</audio>
<button id="playpause1" onClick="play(1)" class="btnPlayPause txt_hidden">Play</button>
@@ -59,8 +73,8 @@
<audio id="audio2" preload="metadata">
- <source src="http://clients.incandescence.com/theend/musique/IDEE-CHANT_5.ogg" type="audio/ogg">
- <source src="http://clients.incandescence.com/theend/musique/IDEE-CHANT_5.mp3" type="audio/mpeg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/IDEE-CHANT_5.ogg" type="audio/ogg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/IDEE-CHANT_5.mp3" type="audio/mpeg">
<p>Audio non supportée </p>
</audio>
<button id="playpause2" onClick="play(2)" title="play" class="btnPlayPause txt_hidden">Play</button>
@@ -69,8 +83,8 @@
<p id="title2">L'IDÉE</p><br>
<audio id="audio3" preload="metadata">
- <source src="http://clients.incandescence.com/theend/musique/INTERNATIONALE-CHANT_1.ogg" type="audio/ogg">
- <source src="http://clients.incandescence.com/theend/musique/INTERNATIONALE-CHANT_1.mp3" type="audio/mpeg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/INTERNATIONALE-CHANT_1.ogg" type="audio/ogg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/INTERNATIONALE-CHANT_1.mp3" type="audio/mpeg">
<p>Audio non supportée </p>
</audio>
<button id="playpause3" onClick="play(3)" title="play" class="btnPlayPause txt_hidden">Play</button>
@@ -79,8 +93,8 @@
<p id="title3">L'INTERNATIONALE</p><br>
<audio id="audio4" preload="metadata">
- <source src="http://clients.incandescence.com/theend/musique/NIDIEU-CHANT-2.ogg" type="audio/ogg">
- <source src="http://clients.incandescence.com/theend/musique/NIDIEU-CHANT-2.mp3" type="audio/mpeg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/NIDIEU-CHANT-2.ogg" type="audio/ogg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/NIDIEU-CHANT-2.mp3" type="audio/mpeg">
<p>Audio non supportée </p>
</audio>
<button id="playpause4" onClick="play(4)" title="play" class="btnPlayPause txt_hidden">Play</button>
@@ -88,8 +102,8 @@
<p id="title4">NI DIEU NI MAÎTRE</p><br>
<audio id="audio5" preload="metadata">
- <source src="http://clients.incandescence.com/theend/musique/ZEBU-CHANT_4.ogg" type="audio/ogg">
- <source src="http://clients.incandescence.com/theend/musique/ZEBU-CHANT_4.mp3" type="audio/mpeg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/ZEBU-CHANT_4.ogg" type="audio/ogg">
+ <source src="http://dvvsyrlsr21oz.cloudfront.net/musique/ZEBU-CHANT_4.mp3" type="audio/mpeg">
<p>Audio non supportée </p>
</audio>
<button id="playpause5" onClick="play(5)" title="play" class="btnPlayPause txt_hidden">Play</button>
@@ -103,7 +117,7 @@
</div>
<!-- JavaScript -->
- <script src="static/res/js/jquery-1.8.2.min.js"></script>
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
<script>
var playingIndex = -1;
var loading = false;
--- a/web/non-supporte.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/non-supporte.html Fri Feb 08 17:07:34 2013 +0100
@@ -1,9 +1,9 @@
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
-
+
+ <meta name="robots" content="noindex">
<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" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="fr" />
--- a/web/partage-du-film-aleatoire-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/partage-du-film-aleatoire-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,10 +4,12 @@
xmlns:fb="https://www.facebook.com/2008/fbml" >
<head>
<meta charset="UTF-8">
- <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <title>PARTAGE DE MA VERSION DE THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <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">
+ <meta name="description" content="Voici mon film THE END, ETC. que j’ai pu composer à partir des mots de LAETITIA MASSON. Venez le regarder et composer vous-même votre film.">
+ <meta name="keywords" content="Partagez votre film, Facebook, Twitter, réseaux sociaux, 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, une expérience de cinéma, film, production Géraldine Michelon, Œuvre en ligne, musique Jean-Louis Murat, É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" />
<!-- Mobile Specific Metas -->
@@ -26,6 +28,19 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::Partager_votre_film";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::Partager_votre_film" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser
@@ -43,7 +58,7 @@
</header>
<section id="imgMiddle" class="bg_smallimg">
- <img alt="Élodie Bouchez à la fenêtre" src="static/res/img/partage.jpg" />
+ <img alt="Élodie Bouchez, une expérience de cinéma" src="static/res/img/partage.jpg" />
</section>
<!-- change with js: height and line-height (the same size) of "container_vcentering" -->
@@ -66,7 +81,7 @@
<script src="static/res/js/jquery-1.8.2.min.js"></script>
<script src="static/res/js/incresize.js"></script>
<script src="static/res/js/incchoice.js"></script>
- <script src="static/res/js/jquery.cookie.js"></script>
+ <script src="static/res/js/jquery.cookie.js"></script>
<script>
$(function() {
// Init the resize object
--- a/web/portraits-regarde-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/portraits-regarde-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -24,6 +25,19 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::The_End_Etc::portrait_video";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::portrait_video" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -33,7 +47,7 @@
<div id="content_top">
<div id="topEmpty">
<div class="boxReturn">
- <button id="breturn" class="btnReturn" onClick="location.href='the-end-etc.html';">Retour</button>
+ <button id="breturn" class="btnReturn" onClick="location.href='portraits-the-end-etc.html';">Retour</button>
</div>
</div>
<section id="main">
@@ -92,24 +106,30 @@
</div>
<div id="popUpTxtScroll">
- <p>A l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux…<br>
+ <p>À l’aube d’une nouvelle ère digitale, Laetitia Masson a choisi de questionner nos sociétés à travers le prisme de l’engagement et du désengagement : politique, humain, amoureux...<br>
Autant de points de vue pour saisir l’ampleur d’un phénomène global et intemporel.</p>
- <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br>
+ <p>Dans une expérience de cinéma inédite sur internet, la cinéaste propose à chacun de s’approprier sa matière première. Pas d’histoire prédéfinie, pas de fin imposée.<br>
Fin du monde ?<br>
Fin d'une ère ?<br>
Fin d'un idéal ?<br>
Début d'autre chose ?<br>
Ceci est votre expérience.</p>
- <h3>UNE EXPÉRIENCE DE CINÉMA</h3>
- <p>Trois clics, pour composer « votre » film. Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. »Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes. Vous pouvez recommencer à l’infini. Autant de propositions que de spectateurs...</p>
+ <h3>COMPOSER VOTRE FILM</h3>
+ <p>Une expérience de cinéma qui débute par trois clics.<br>
+ Le principe est simple : trois écrans successifs, vous choisissez un mot par écran, le site assemble votre film « The End, etc. » Et cætera, parce que ce n’est qu’un début. Chaque combinaison assemble un film différent, de 5 à 15 minutes.<br>
+ Vous pouvez recommencer à l’infini.<br>
+ Autant de propositions que de spectateurs...</p>
+
+ <h3>THE END, ETC.</h3>
+ <p>Dans cet espace, découvrez la fiction dans son intégralité, les portraits documentaires et accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
+
<h3>PROLONGER L’EXPÉRIENCE</h3>
- <p>Dans cet espace, découvrez les versions intégrales de la fiction et des portraits documentaires. Accédez à l’écoute de la bande originale conçue par Jean-Louis Murat.</p>
- <h3>ETC.</h3>
- <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. A vous de choisir votre porte d'entrée dans ces 4h30 de séquences. A vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
- <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux.</p>
+ <p>Ce niveau est participatif. Son écran d'accueil, mis à jour en temps réel, présente tous les mots cités par les internautes, comme un écho aux mots proposés par la cinéaste. Au centre, les mots les plus cités, et en périphérie, les commentaires singuliers. Chaque mot donne accès à une liste de séquences permettant une lecture transversale de la matière première de la réalisatrice. À vous de choisir votre porte d'entrée dans ces 4h30 de séquences. À vous de les commenter afin de créer vos propres playlists et d'influer sur l'expérience. En choisissant un mot déjà cité, vous renforcez la présence de ce mot dans l'écran d'accueil.</p>
+ <p>Un espace transitoire vous permet de naviguer entre ces différents niveaux et de partager votre film sur les réseaux sociaux.</p>
<br>
- <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale. Préférez les navigateurs Safari ou Chrome.</p>
+ <p class="gris">Ce site proposé en HTML5 nécessite une mise à jour de votre navigateur dans sa dernière version. Cette technologie vous permet de profiter d’une expérience optimale sur PC mais également sur tablette. « THE END, ETC. » nécessite une connexion internet haut-débit pour une utilisation idéale.<br>
+ Préférez les navigateurs Safari ou Chrome.</p>
</div>
</div>
</div>
@@ -125,7 +145,7 @@
<script src="static/res/js/incchoice.js"></script>
<script src="static/res/js/popup.js"></script>
<script src="static/res/js/incresize.js"></script>
- <script src="static/res/js/inchidebar.js"></script>
+ <script src="static/res/js/inchidebar.js"></script>
<script>
$(function() {
--- a/web/portraits-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/portraits-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -24,6 +25,19 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::The_End_Etc::choix_portrait";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::choix_portrait" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -82,7 +96,7 @@
<!-- JavaScript -->
<script src="static/res/js/jquery-1.8.2.min.js"></script>
<script src="static/res/js/jquery.cookie.js"></script>
- <script src="static/res/js/incchoice.js"></script>
+ <script src="static/res/js/incchoice.js"></script>
<script>
var gotoPortraitVideo = function(name) {
--- a/web/prologue-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/prologue-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,9 +4,9 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
-
<link rel="icon" href="static/res/img/favicon.ico" />
<!-- Mobile Specific Metas -->
@@ -25,6 +25,19 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Prologue";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Prologue" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -33,7 +46,7 @@
<div id="content_top" onClick="gotoInterChoice();">
<div id="topEmpty"></div>
<section id="main">
- <video id="video" autoplay poster="static/res/img/poster_prologue.png">
+ <video id="video" autoplay>
<source src="http://dvvsyrlsr21oz.cloudfront.net/PROLOGUE-SD.mp4" type="video/mp4" />
<source src="http://dvvsyrlsr21oz.cloudfront.net/PROLOGUE-SD.webm" type="video/webm" />
@@ -64,6 +77,9 @@
incResize.init("content", "topEmpty", "video", "bottomEmpty", ipad ? "controlContainer" : null, 40, 1388/586, true);
incResize.resizeElements();
+ // Set the video poster
+ $("#video").attr("poster", "static/res/img/poster_prologue.png");
+
if (ipad) {
document.onmousemove = function() {
showBarPointerOnAction(4000);
--- a/web/static/res/css/style_1024.css Thu Feb 07 15:06:40 2013 +0100
+++ b/web/static/res/css/style_1024.css Fri Feb 08 17:07:34 2013 +0100
@@ -209,7 +209,7 @@
#content p,
#content pre {
margin: 1em 0;
- font-family: Arial, "arialregular", Helvetica, sans-serif;
+ font-family: Helvetica, Arial, "arialregular", sans-serif;
font-size: 14px;
/* font-size: 0.875em; 14px/16px*/
color: #ffffff;
@@ -286,9 +286,6 @@
#content .marginBottom {
margin-bottom: 40px ;
}
-#content .header_txt p {
-/*font-family: "Arial Bold", "arialbold", sans-serif;*/
-}
/*----------------------------------------------*/
/* site takes all the space of the browser */
/*----------------------------------------------*/
@@ -479,7 +476,7 @@
}
footer ul {
margin: 0;
-
+
font-family: Arial, "arialregular", Helvetica, sans-serif;
font-size: 9px;
color: #b9b9b9;
@@ -491,11 +488,10 @@
footer ul li a{
display: inline-block;
}
-
-footer .logo_partners>li {
- display: inline-block;
+footer .logo_partners {
+ margin-bottom: 12px;
padding-right: 22px;
-}
+}
footer .logo_partners li a{
margin-top: 10px;
height: 28px;
@@ -503,7 +499,7 @@
text-align: bottom;
}
footer .logo_partners li a img {
- vertical-align:bottom;
+ vertical-align: bottom;
opacity: 1;
}
footer .logo_partners li a:hover img,
@@ -517,14 +513,14 @@
width: 40px;
padding-left: 18px;
}
-footer .logo_partners li+li li a{
+footer .logo_partners+.logo_partners li ul li a{
width: 42px;
}
-footer .logo_partners li+li li+li a{
+footer .logo_partners+.logo_partners li ul li+li a{
width: 62px;
padding-left: 16px;
}
-footer .logo_partners li+li li+li+li a{
+footer .logo_partners+.logo_partners li ul li+li+li a{
width: 56px;
}
footer .logo_partners .logo_bg a,
@@ -817,7 +813,7 @@
top: 28px;
left: 0;
padding: 25px 18px;
- z-index: 999;
+ z-index: 499;
}
.btnReturn {
background: transparent url(../img/btn_return.png) no-repeat top left;
@@ -836,6 +832,8 @@
#credit {
text-align: center;
margin : 25px 0;
+ overflow: auto;
+ height: 95%;
}
.overflow {
overflow-y: scroll;
@@ -891,7 +889,7 @@
margin: 0;
}
#playerAudio p.time {
- font-family: Arial, "arialregular", Helvetica, sans-serif;
+ font-family: Arial, Helvetica, "arialregular", sans-serif;
font-size: 11px;
margin-right: 30px;
}
@@ -1339,9 +1337,7 @@
footer ul {
font-size: 8px;
}
- footer .logo_partners {
- margin-bottom: 12px;
- }
+
/* la taille des icones (plus petites) */
footer .logo_partners li a{
height: 25px;
@@ -1468,7 +1464,23 @@
#mobilhp #content{
width: 98%;
}
-
+ /* changement de la taille de titre */
+ #mobilhp #title_hp {
+ padding: 0;
+ margin-left: -20px ; /* decalage du titre à gauche 32 / 53px */
+ }
+ #mobilhp #title_hp h1 {
+ margin: 1px 0 5px 0;
+ padding-left: 1.142857em; /* 32px 40px / -20% */
+ font-size: 28px; /* 43px */
+ }
+ #mobilhp #title_hp h2 {
+ padding-left: 2em; /* 30px 35px / -20% */
+ font-size: 15px; /* 24px */
+ }
+ #mobilhp #title_hp .h2_exeption {
+ font-size: 16px; /* 25px / -20% */
+ }
#mobilhp footer .logo_partners > li:last-child {
padding-right: 22px;
}
--- a/web/static/res/js/incchoice.js Thu Feb 07 15:06:40 2013 +0100
+++ b/web/static/res/js/incchoice.js Fri Feb 08 17:07:34 2013 +0100
@@ -34,7 +34,7 @@
this.setWordsAndEffect = function(choiceIndex)
{
- if (choiceIndex == 0) {
+ if (choiceIndex === 0) {
$("#mot1").html("famille");
$("#mot2").html("amour");
$("#mot3").html("travail");
@@ -45,7 +45,7 @@
// class
// by default there is the class blue
- } else if (choiceIndex == 1) {
+ } else if (choiceIndex === 1) {
$("#mot1").html("actif");
$("#mot2").html("passif");
$("#mot3").html("corps");
@@ -102,6 +102,9 @@
++this.currentWorldIndex;
+ // FTV Tag
+ xt_click(this,"F" ,"5", "Creation_Film::Choix_mot_" + this.currentWorldIndex);
+
if (this.currentWorldIndex == 3) {
// The 3 words get choosen
location.href = "film-aleatoire-the-end-etc.html";
@@ -209,7 +212,7 @@
}
}
return false;
- }
+ };
this.clearAllVideosChoices = function()
{
@@ -271,19 +274,19 @@
this.createShareUrl = function(index1, index2, index3)
{
var index = this.getChosenVideos();
- var code = index[0] + index[2]
+ var code = index[0] + index[2];
var param = (index[0] << 24) | (index[1] << 16) | (index[2] << 8) | code;
var urlBase = document.URL;
urlBase = urlBase.replace("partage-du-film-aleatoire-the-end-etc", "film-aleatoire-the-end-etc");
var url = urlBase + "?" + param;
return url;
- }
+ };
this.readUrlVideosIndex = function()
{
var query = window.location.search.substring(1);
- if (query.length == 0) {
+ if (query.length === 0) {
return [];
}
return this.decodeUrlIndex(query);
@@ -313,7 +316,7 @@
}
return [index1, index2, index3];
- }
+ };
//----------------------------------------------------------------------------------------------------------------------------
// Cookies tools
--- a/web/static/res/js/inchidebar.js Thu Feb 07 15:06:40 2013 +0100
+++ b/web/static/res/js/inchidebar.js Fri Feb 08 17:07:34 2013 +0100
@@ -10,7 +10,7 @@
// Bar
this.goUp = true;
$("#controlbar").stop(true);
- $("#controlbar").animate({bottom: 0}, 500, function() {incHideBar.goUp = false;})
+ $("#controlbar").animate({bottom: 0}, 500, function() {incHideBar.goUp = false;});
if (!incPlayer.ipad) {
// Pointer
@@ -84,7 +84,7 @@
incHideBar.showBarPointerOnAction(4000);
};
}
- }
-}
+ };
+};
var incHideBar = new incManageHideBar();
\ No newline at end of file
--- a/web/static/res/js/incmosaic.js Thu Feb 07 15:06:40 2013 +0100
+++ b/web/static/res/js/incmosaic.js Fri Feb 08 17:07:34 2013 +0100
@@ -161,7 +161,7 @@
} else {
this.imagesLoaded = 1;
this.pairImages[0] = this.pairImages[1]; // Swap
- this.pairImages[1] = this.getImageFromUrl(this.listeUrls[0], 999)
+ this.pairImages[1] = this.getImageFromUrl(this.listeUrls[0], 999);
}
this.listeUrls.remove(0);
@@ -237,7 +237,7 @@
}
if (!effectsContinue) {
- if (this.endEffecFunc != undefined && this.endEffecFunc != null) {
+ if (this.endEffecFunc !== undefined && this.endEffecFunc !== null) {
// Call the end callback
var func = this.endEffecFunc;
if (!this.loop) {
--- a/web/static/res/js/incplayer.js Thu Feb 07 15:06:40 2013 +0100
+++ b/web/static/res/js/incplayer.js Fri Feb 08 17:07:34 2013 +0100
@@ -25,7 +25,7 @@
// Controls
this.playButton = null;
- this.hdSdButton = null
+ this.hdSdButton = null;
this.progressCurrent = null;
this.progressDuration = null;
this.progressCursor = null;
@@ -429,7 +429,6 @@
}
self.popSeq.on("cycle", function() {
- console.log("CYCLE");
});
self.popSeq.on("ended", function() {
@@ -557,7 +556,7 @@
media.play();
self.playerIsReady = true;
self.recomputeDurationNoAutoPlay();
- console.log("ipad play event");
+ self.logi("ipad play event");
}
media.addEventListener('canplaythrough', mediaCanPlay, false);
--- a/web/the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <meta name="robots" content="noindex">
<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">
<link rel="icon" href="static/res/img/favicon.ico" />
@@ -23,7 +24,20 @@
<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
<link rel="stylesheet" href="static/res/css/style_1024.css" />
-
+
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::The_End_Etc::Selection";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::The_End_Etc::Selection" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -48,15 +62,12 @@
<p><a href="fiction-the-end-etc.html">Fiction</a></p>
<p><a href="portraits-the-end-etc.html">Portraits</a></p>
<p><a href="musique-the-end-etc.html">Musique</a></p>
- <!--<p class="margin_huge black">Director's cut</p>
- <p><a href="int_film.html">Film</a></p>-->
</div>
</div>
</section>
</div>
<!-- JavaScript -->
- <script src="static/res/js/jquery-1.8.2.min.js"></script>
-
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
</body>
</html>
\ No newline at end of file
--- a/web/transition-the-end-etc.html Thu Feb 07 15:06:40 2013 +0100
+++ b/web/transition-the-end-etc.html Fri Feb 08 17:07:34 2013 +0100
@@ -2,10 +2,12 @@
<html lang="fr">
<head>
<meta charset="UTF-8">
- <title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
+ <title>ESPACE DE TRANSITION DE THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <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">
-
+ <meta name="description" content="Partagez, recommencez votre film. Regarder les versions intégrales ou écouter la musique de JEAN-LOUIS MURAT. Prolonger l’expérience THE END, ETC. de LAETITIA MASSON">
+
+ <meta name="keywords" content="Partagez, recommencez votre film, Regarder les versions intégrales ou écouter la musique de JEAN-LOUIS MURAT, The End, etc., The End, Prolonger l’expérience THE END, ETC. de LAETITIA MASSON, 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, Jean-Louis Murat, É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" />
<!-- Mobile Specific Metas -->
@@ -24,6 +26,19 @@
<link rel="stylesheet" href="static/res/css/style_1024.css" />
+ <!-- tags FTV Variables Xiti-->
+ <script>
+ <!--//--><![CDATA[//><!--
+ // Variables Xiti
+ var xtsite = "511613";
+ var xtn2 = "5";
+ var xtpage = "Espace_transitoire::Menu_Fin_experience";
+ //--><!]]>
+ </script>
+ <noscript>
+ <img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Espace_transitoire::Menu_Fin_experience" >
+ </noscript>
+ <script src="http://static.francetv.fr/js/audience-min.js"></script>
</head>
<body>
<!-- div content - site takes the full height of browser -->
@@ -64,7 +79,7 @@
</div>
<!-- JavaScript -->
- <script src="static/res/js/jquery-1.8.2.min.js"></script>
+ <script src="static/res/js/jquery-1.8.2.min.js"></script>
<script>
var r = Math.floor(Math.random()*3);
if (r == 0) {
@@ -82,7 +97,6 @@
$("#transition").animate({opacity: 1}, 2000);
}, 2000);
});
- </script>
-
+ </script>
</body>
</html>
\ No newline at end of file