--- a/web/choix-de-mots-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/choix-de-mots-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/credits-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/credits-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/fiction-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/fiction-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/film-aleatoire-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/film-aleatoire-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>THE END, ETC. : MA VERSION DU FILM 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 association avec France Inter.">
+ <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" />
--- a/web/index.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/index.html Thu Jan 24 17:43:27 2013 +0100
@@ -6,7 +6,7 @@
<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 association avec France Inter.">
+ <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 ">
--- a/web/instructions-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/instructions-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
@@ -36,7 +36,7 @@
<!-- pour changer la tranparance tu accedes à la class ="box_transparance" et tu changes 'opacity: 0;' maintenat c'est 'opacity : 1;' -->
<div class="box_vcentering box_transparance big_txt">
<p>3 ÉCRANS</p>
- <p>CHOISISSEZ UN MOT PAR ÉCRANS</p>
+ <p>CHOISISSEZ UN MOT PAR ÉCRAN</p>
<p>COMPOSEZ VOTRE FILM</p>
</div>
</section>
--- a/web/mindex.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/mindex.html Thu Jan 24 17:43:27 2013 +0100
@@ -6,7 +6,7 @@
<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 association avec France Inter.">
+ <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 +18,7 @@
<!-- Site Optimization for Facebook -->
<meta property="og:title" content="The End, etc." />
<meta property="og:type" content="website" />
- <meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" />
+ <meta property="og:image" content="http://www.clients.incandescence.com/theend/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"/>
--- a/web/musique-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/musique-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/non-supporte.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/non-supporte.html Thu Jan 24 17:43:27 2013 +0100
@@ -6,7 +6,7 @@
<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 association avec France Inter.">
+ <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,11 +18,19 @@
<!-- Site Optimization for Facebook -->
<meta property="og:title" content="The End, etc." />
<meta property="og:type" content="website" />
- <meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" />
+ <meta property="og:image" content="http://www.clients.incandescence.com/theend/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"/>
<link rel="stylesheet" href="static/res/css/style_nonsupporte.css" />
+ <!--[if lte IE 7]>
+ <style>
+ .inlineIE {
+ zoom: 1;
+ display: inline;
+ }
+ </style>
+ <![endif]-->
</head>
<body id="mobilhp">
@@ -32,23 +40,22 @@
<!-- div content_top - the elements takes the full height of "content_top" -->
<div id="content_top">
- <header id="top">
- <div class="strut"></div>
- <div id="title_hp">
+ <div id="top">
+ <div class="strut inlineIE "></div><!--
+ --><div id="title_hp" class="elementIE">
<h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1>
</div>
- </header>
+ </div>
- <section id="middle" >
- <div class="strut"></div><!--
- --><div class="fullScreen_vcentering">
- <p id="txt_phone">Pour composer votre film, rendez-vous sur une tablette ou mettez à jour votre navigateur internet pour disposer de la dernière version.</p>
+ <div id="middle" >
+ <div class="fullScreen_vcentering">
+ <p class="big_link">Pour composer votre film, rendez-vous sur une tablette ou mettez à jour votre navigateur internet pour disposer de la dernière version.</p>
</div>
- </section>
+ </div>
</div>
<!-- /div content_top -->
- <footer id="footer" class="clearfix">
+ <div id="footer" class="clearfix">
<ul class="logo_partners floatL">
<li>UNE CO-PRODUCTION
<ul>
@@ -56,8 +63,8 @@
<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
<img alt="Nouvelles écritures" src="static/res/img/footer/francetv.png" />
</a>
- </li><!--
- --><li>
+ </li>
+ <li>
<a href="http://www.memoprod.fr" target="_blank">
<img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
</a>
@@ -99,7 +106,7 @@
--><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>
+ </div>
<section id="popUpDiv" style="display:none;">
<div id="popUpTitle">
<h2>Mentions Légales</h2>
--- a/web/partage-du-film-aleatoire-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/partage-du-film-aleatoire-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -6,8 +6,8 @@
<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 association avec France Inter.">
-
+ <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 -->
--- a/web/portraits-regarde-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/portraits-regarde-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/portraits-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/portraits-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/prologue-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/prologue-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />
--- a/web/static/res/css/style_nonsupporte.css Thu Jan 24 17:38:33 2013 +0100
+++ b/web/static/res/css/style_nonsupporte.css Thu Jan 24 17:43:27 2013 +0100
@@ -50,18 +50,31 @@
overflow: hidden;
}
body {
- background-color: #000000;
font-size: 1em;
line-height: 1;
+ background-color: #000000;
}
html, body {
- height: 100%;
+ height: 100%;
width: 100%;
}
#content {
+ max-height: 100%;
margin: 0 auto;
width: 80%;
}
+#top {
+ height: 35%;
+ background-color: #989898;
+}
+#middle {
+ height: 30%;
+ background-color: #966667;
+}
+#footer {
+ height: 35%;
+ background-color: #123457;
+}
#content p {
margin: 1em 0;
font-family: Arial, "arialregular", Helvetica, sans-serif;
@@ -79,23 +92,30 @@
}
h1 {
- margin : auto;
+ margin: auto;
width: 422px;
height: 114px;
background-image: url("../img/hp_title.jpg");
overflow: hidden;
text-indent: -9999px;
}
-#top {
- height: 30%;
- background: red;
+ #content .big_link {
+ margin: 14px 0 16px 0;
+ font-family: "Arial Bold", "arialbold", sans-serif;
+ font-weight: bold;
+ font-size: 21px;
+ text-align: left;
+ text-transform: uppercase;
+}
+.strut {
+ display:inline-block;
+ vertical-align:middle;
+ height:100%;
}
-#middle {
- height: 30%;
- background: green;
-}
-#footer {
- height: 40%;
- background: red;
-
-}
\ No newline at end of file
+.fullScreen_vcentering {
+ margin: auto;
+ display: inline-block;
+ vertical-align: middle;
+ width: 100%;
+ padding: 0;
+}
--- a/web/the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,8 @@
<meta charset="UTF-8">
<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
- <meta name="description" content="@todo">
+ <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 -->
--- a/web/transition-the-end-etc.html Thu Jan 24 17:38:33 2013 +0100
+++ b/web/transition-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
@@ -4,7 +4,7 @@
<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 association avec France Inter.">
+ <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" />