--- a/web/index.html Thu Jan 24 17:43:27 2013 +0100
+++ b/web/index.html Thu Jan 24 18:03:29 2013 +0100
@@ -8,7 +8,7 @@
<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" />
@@ -130,8 +130,7 @@
<li>EN PARTENARIAT AVEC
<ul>
<li class="txt_hidden logo_bg">
- <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr
- </a>
+ <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a>
</li>
</ul>
</li>
--- a/web/non-supporte.html Thu Jan 24 17:43:27 2013 +0100
+++ b/web/non-supporte.html Thu Jan 24 18:03:29 2013 +0100
@@ -1,31 +1,21 @@
<!DOCTYPE html>
-<html lang="fr"
- xmlns:og="http://ogp.me/ns#"
- xmlns:fb="https://www.facebook.com/2008/fbml">
+<html lang="fr">
<head>
<meta charset="UTF-8">
<title>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="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" />
<!-- Mobile Specific Metas -->
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
-
- <!-- 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: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 {
+ #footer li a {
zoom: 1;
display: inline;
}
@@ -41,8 +31,7 @@
<div id="content_top">
<div id="top">
- <div class="strut inlineIE "></div><!--
- --><div id="title_hp" class="elementIE">
+ <div id="title_hp">
<h1>UNE EXPÉRIENCE DE CINÉMA THE END, ETC. DE LAETITIA MASSON</h1>
</div>
</div>
@@ -95,72 +84,11 @@
<li>EN PARTENARIAT AVEC
<ul>
<li class="txt_hidden logo_bg">
- <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr
- </a>
+ <a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a>
</li>
</ul>
</li>
- </ul>
- <ul id="socialMedia" class="floatR">
- <li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</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>
- </div>
- <section id="popUpDiv" style="display:none;">
- <div id="popUpTitle">
- <h2>Mentions Légales</h2>
- <a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')">
- <img alt="Fermer" src="static/res/img/popUpClose.png"/>
- </a>
- </div>
- <div id="popUpTxtScroll">
- <p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br>
- <span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br>
- <span class="gris">RCS de Paris :</span> 432 766 947<br>
- <span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br>
- <span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p>
- <p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br>
- <span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br>
- <span class="gris">Tel :</span> + 33(0)1 75 771 660</p>
- <h3>DONNEES PERSONNELLES</h3>
- <p>En application de la loi n°78-17 du 6 janvier 1978 relative à l’informatique, aux fichiers et aux libertés, chaque internaute dispose des droits d’opposition (article 38 de la loi), d’accès (articles 39, 41 et 42 de la loi) et de rectification (article 40 de la loi) des données le concernant. </p>
- <p>Ainsi, il peut exiger que soient rectifiées, complétées, clarifiées, mises à jour ou effacées les informations le concernant qui sont inexactes, incomplètes, équivoques, périmées, ou dont la collecte ou l’utilisation, la communication ou la conservation est interdite.</p>
- <p>Chaque internaute peut exercer ces droits :<br>
- - soit en accédant à son compte à l’aide de son e-mail et de son mot de passe à l’adresse suivante : http://www.leclubfrancetelevisions.fr<br>
- - soit en écrivant à FranceTélévisions - A l’attention de Monsieur le Responsable du Service Inscription Internet - 7 Esplanade Henri de France 75015 Paris.</p>
- <h3>CREDITS</h3>
- <p>Les dépêches de presse et contenus graphiques d’agence utilisés dans la préparation des informations sont la propriété intellectuelle des différentes agences partenaires de francetvinfo (AFP, Reuters, MaxpPPP, Sipa, Getty).</p>
- <h3>LOGICIELS</h3>
- <p>Certains sites de France Télévisions sont créés à partir des logiciels libres (sous licence GPL) de publication Spip (http://www.uzine.net/spip) et Drupal (http://drupal.org).</p>
- </div>
- </section>
- </div>
- <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/popup.js"></script>
- <script>
- $(function() {
- var resize = function() {
- popupPosition('popUpDiv', 'content');
- }
- $(window).resize(resize);
- window.onorientationchange = resize;
-
- // 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("mindex.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);
- console.log(urlToShare);
- console.log(urlToShareTw);
- });
- </script>
+ </div>
</body>
</html>
\ No newline at end of file
--- a/web/static/res/css/style_1024.css Thu Jan 24 17:43:27 2013 +0100
+++ b/web/static/res/css/style_1024.css Thu Jan 24 18:03:29 2013 +0100
@@ -87,7 +87,7 @@
fieldset, img, button {
border: 0;
}
-img, table, td, blockquote, code, pre, textarea, input, object, embed /*, video */ {
+img, table, td, blockquote, code, pre, textarea, input, object /*, video */ {
max-width: 100%;
}
/* Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3 */
@@ -206,9 +206,6 @@
}
-h6 {
-
-}
#content p,
#content pre {
margin: 1em 0;
@@ -242,10 +239,6 @@
.clearfix:after {
clear: both;
}
-/* For IE 6/7 only. Include this rule to trigger hasLayout and contain floats */
-.clearfix {
- *zoom: 1;
-}
.box_transparance {
opacity :1;
@@ -320,7 +313,7 @@
}
/* exception index : width: 98%; margin left and margin right have 1% */
-#content.smallMargin{
+#content.smallMargin {
width: 98%; /* le footer adapte sa largeur */
}
#content.hugeMargin {
@@ -404,11 +397,11 @@
section a:visited,
section a:active {
color: #ffffff;
- }
+}
section a:hover,
section a:focus {
color: #bfbfbf;
- }
+}
#title_hp {
text-align : left;
@@ -586,7 +579,6 @@
footer #socialMedia li.license a:hover img,
footer #socialMedia li.license a:focus img {
opacity: 1;
-
}
/*----------------------------------------------*/
/* PopUP */
@@ -989,16 +981,6 @@
height: 38px;
margin: 0 25px;
}
- /*
- -webkit-transition: all 0.3s ease-in-out;
- -moz-transition: all 0.3s ease-in-out;
- -o-transition: all 0.3s ease-in-out;
- transition: all 0.3s ease-in-out;
-}
-footer:hover #controlbar {
- bottom: 0;
-}
-*/
.progress_bar {
height: 5px;
margin-top: 8px;
@@ -1091,12 +1073,7 @@
margin-right: 10px;
text-align: left;
}
-/*
-#btnPlayPause:hover,
-#btnPlayPause:focus {
- background-position: -77px -17px;
-}
-*/
+
#btnFwd,
#btnFwd:link,
#btnFwd:visited,
@@ -1237,10 +1214,7 @@
input[type="submit"]:focus{
background-color: #ffffff;
}
-input:focus {
-/* outline: medium;
- border: 1px solid rgba(255,255,255, 0.5);
-*/ }
+
#form_tag,
#form_search {
float: right;
@@ -1291,9 +1265,9 @@
right: 0;
}
/*----------------------------------------------*/
-/* Resize for screen (max-width: 525px) and smartphone */
+/* Resize for screen (max-width: 900px) and smartphone */
/*----------------------------------------------*/
- /* la taille du texte choix (plus petit) */
+/* la taille du texte (plus petit) */
@media only screen and (max-width: 900px) {
#inter_choice .big_txt p,
#choice .big_txt p,
@@ -1346,7 +1320,7 @@
#choice .big_txt p,
#transitionTxt .big_txt p,
#menuBonus .big_txt p,
- #playerAudio .big_txt p + p {
+ #playerAudio .big_txt p + p {
font-size: 22px;
}
#inter_choice .big_txt p {
@@ -1433,7 +1407,6 @@
}
-
/*----------------------------------------------*/
/* Resize for smartphone */
/*----------------------------------------------*/
--- a/web/static/res/css/style_nonsupporte.css Thu Jan 24 17:43:27 2013 +0100
+++ b/web/static/res/css/style_nonsupporte.css Thu Jan 24 18:03:29 2013 +0100
@@ -58,22 +58,18 @@
height: 100%;
width: 100%;
}
-#content {
- max-height: 100%;
+#content {
margin: 0 auto;
width: 80%;
}
#top {
- height: 35%;
- background-color: #989898;
+ margin: 40px 0;
}
#middle {
- height: 30%;
- background-color: #966667;
+ margin: 40px 0;
}
#footer {
- height: 35%;
- background-color: #123457;
+ margin: 40px 0;
}
#content p {
margin: 1em 0;
@@ -81,17 +77,7 @@
font-size: 14px;
color: #ffffff;
}
-b,
-strong,
-.bold {
- font-weight: bold;
-}
-
-.txt_hidden {
- text-indent: -9999em;
-}
-
-h1 {
+#title_hp h1 {
margin: auto;
width: 422px;
height: 114px;
@@ -106,16 +92,20 @@
font-size: 21px;
text-align: left;
text-transform: uppercase;
-}
-.strut {
- display:inline-block;
- vertical-align:middle;
- height:100%;
}
-.fullScreen_vcentering {
- margin: auto;
+#footer ul {
+ margin: 0;
+ font-family: Arial, "arialregular", Helvetica, sans-serif;
+ font-size: 9px;
+ color: #b9b9b9;
+ text-transform: uppercase;
+}
+#footer li {
+ display: inline;
+ list-style: none;
+}
+#footer li a {
display: inline-block;
- vertical-align: middle;
- width: 100%;
- padding: 0;
+ text-decoration: none;
}
+
--- a/web/transition-the-end-etc.html Thu Jan 24 17:43:27 2013 +0100
+++ b/web/transition-the-end-etc.html Thu Jan 24 18:03:29 2013 +0100
@@ -55,7 +55,7 @@
<p><a href="partage-du-film-aleatoire-the-end-etc.html">Partagez</a></p>
<p><a href="choix-de-mots-the-end-etc.html">Recommencez</a></p>
<p class="margin_exeptionTop"><a href="the-end-etc.html">The end, etc.</a></p>
- <p class="margin_exeptionBottom"><a href="theend/prolonger">Prolongez l'expérience</a></p>
+ <p class="margin_exeptionBottom"><a href="experience-the-end-etc.html">Prolongez l'expérience</a></p>
<p><a href="credits-the-end-etc.html">Crédits</a></p>
</div>
</div>