10 <link rel="icon" href="static/res/img/favicon.ico" /> |
10 <link rel="icon" href="static/res/img/favicon.ico" /> |
11 |
11 |
12 <!-- Site Optimization for Facebook --> |
12 <!-- Site Optimization for Facebook --> |
13 <meta property="og:title" content="The End, etc." /> |
13 <meta property="og:title" content="The End, etc." /> |
14 <meta property="og:type" content="website" /> |
14 <meta property="og:type" content="website" /> |
15 <meta property="og:url" content="http://www.clients.incandescence.com/theend/" /> |
15 <meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" /> |
16 <meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" /> |
|
17 <meta property="og:site_name" content="The End, etc." /> |
16 <meta property="og:site_name" content="The End, etc." /> |
18 <meta property="og:description" content="@todo"/> |
17 <meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/> |
19 |
18 |
20 <!-- Mobile Specific Metas --> |
19 <!-- Mobile Specific Metas --> |
21 <meta name="viewport" content="user-scalable=no"> |
20 <meta name="viewport" content="user-scalable=no"> |
22 <!-- |
21 <!-- |
23 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
22 <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" /> |
117 --><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> |
116 --><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> |
118 </ul> |
117 </ul> |
119 </footer> |
118 </footer> |
120 <section id="popUpDiv" style="display:none;"> |
119 <section id="popUpDiv" style="display:none;"> |
121 <div id="popUpTitle"> |
120 <div id="popUpTitle"> |
122 <h3>Mentions Légales</h3> |
121 <h2>Mentions Légales</h2> |
123 <a id="popUpClose" class="floatR clearfix pointer" onclick="popup('popUpDiv', 'content')"> |
122 <a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')"> |
124 <img alt="Fermer" src="static/res/img/popUpClose.png"/> |
123 <img alt="Fermer" src="static/res/img/popUpClose.png"/> |
125 </a> |
124 </a> |
126 </div> |
125 </div> |
127 <div id="popUpTxtScroll"> |
126 <div id="popUpTxtScroll"> |
128 <p><strong>Editeur :</strong> FRANCE TELEVISIONS<br> |
127 <p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br> |
129 <strong>Siège social :</strong> 7, Esplanade Henri de France 75015 PARIS<br> |
128 <span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br> |
130 <strong>RCS de Paris :</strong> 432 766 947<br> |
129 <span class="gris">RCS de Paris :</span> 432 766 947<br> |
131 <strong>Directeur de la Publication :</strong> Rémy Pflimlin<br> |
130 <span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br> |
132 <strong>Tel :</strong> (+33) 08 90 71 02 02 (0.15 €/min)</p> |
131 <span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p> |
133 <p><strong>Hébergeur :</strong> FRANCE OXALIDE<br> |
132 <p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br> |
134 <strong>Siège social :</strong> 25, Boulevard de Strasbourg 75010 Paris<br> |
133 <span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br> |
135 <strong>Tel :</strong> + 33(0)1 75 771 660</p> |
134 <span class="gris">Tel :</span> + 33(0)1 75 771 660</p> |
136 <h4>DONNEES PERSONNELLES</h4> |
135 <h3>DONNEES PERSONNELLES</h3> |
137 <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> |
136 <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> |
138 <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> |
137 <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> |
139 <p>Chaque internaute peut exercer ces droits :<br> |
138 <p>Chaque internaute peut exercer ces droits :<br> |
140 - 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> |
139 - 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> |
141 - 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> |
140 - 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> |
142 <h4>CREDITS</h4> |
141 <h3>CREDITS</h3> |
143 <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> |
142 <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> |
144 <h4>LOGICIELS</h4> |
143 <h3>LOGICIELS</h3> |
145 <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> |
144 <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> |
146 </div> |
145 </div> |
147 </section> |
146 </section> |
148 </div> |
147 </div> |
149 <div id="blanket" style="display:none;"></div> |
148 <div id="blanket" style="display:none;"></div> |
151 <!-- JavaScript --> |
150 <!-- JavaScript --> |
152 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> |
151 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> |
153 <script src="static/res/js/ease.js"></script> |
152 <script src="static/res/js/ease.js"></script> |
154 <script src="static/res/js/incresize.js"></script> |
153 <script src="static/res/js/incresize.js"></script> |
155 <script src="static/res/js/incmosaic.js"></script> |
154 <script src="static/res/js/incmosaic.js"></script> |
156 <script src="static/res/js/popUp.js"></script> |
155 <script src="static/res/js/popup.js"></script> |
157 <script> |
156 <script> |
158 $(function() { |
157 $(function() { |
159 // Init the resize object |
158 // Init the resize object |
160 incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, false, [incMosaic.registerPostNewCanvasSize, resizePopup]); |
159 incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, false, [incMosaic.registerPostNewCanvasSize, resizePopup]); |
161 |
160 |
166 incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
165 incMosaic.addImageUrl("static/res/img/accueil-03.jpg"); |
167 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
166 incMosaic.addImageUrl("static/res/img/accueil-04.jpg"); |
168 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
167 incMosaic.addImageUrl("static/res/img/accueil-05.jpg"); |
169 |
168 |
170 // Start mosaic effect |
169 // Start mosaic effect |
171 incMosaic.start("mosaic", 1, 9, 5, true, false, null); |
170 incMosaic.start("mosaic", 1, 9, 5, true, false, null, null); |
172 }); |
171 }); |
173 |
172 |
174 var cliked = false; |
173 var cliked = false; |
175 var fadeAndNext = function() { |
174 var fadeAndNext = function() { |
176 if (cliked) { |
175 if (cliked) { |