theend: web/index.html@be6c1f9cc258 (annotated)

19 26ab64495127 premièrs tests d'intégration Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 18 diff changeset	1	<!DOCTYPE html>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	2	<html lang="fr"
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	3	xmlns:og="http://ogp.me/ns#"
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	4	xmlns:fb="https://www.facebook.com/2008/fbml">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	5	<head>
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	6	<meta charset="UTF-8">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	7	<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	8
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	9	<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.">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	10
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	11	<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 ">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	12
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	13	<link rel="icon" href="static/res/img/favicon.ico" />
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	14
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	15	<!-- Site Optimization for Facebook -->
80 46b897524cc4 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	16	<meta property="og:title" content="The End, etc." />
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	17	<meta property="og:type" content="website" />
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	18	<meta property="og:image" content="http://www.clients.incandescence.com/theend/theend_fb.jpg" />
80 46b897524cc4 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	19	<meta property="og:site_name" content="The End, etc." />
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	20	<meta property="og:description" content="The End, etc. : une expérience web de Laetitia Masson"/>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	21
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	22	<!-- Mobile Specific Metas -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	23	<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	24	<!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	25	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	26	-->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	27
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	28	<!-- Test Smartphone -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	29	<script src="static/res/js/incdetectmobile.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	30	<script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	31	if (IsSmartphone()) { location.href = "mindex.html"; }
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	32	</script>
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	33
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	34	<!-- Test html5 -->
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	35	<script src="static/res/js/modernizr.custom.js"></script>
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	36	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	37	<script>
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	38
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	39	var nosupport = false;
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	40	if (!Modernizr.canvas) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	41	console.log("No canvas support");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	42	nosupport = true;
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	43	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	44	if (!Modernizr.audio) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	45	console.log("No audio support");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	46	nosupport = true;
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	47	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	48	if (!Modernizr.video) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	49	console.log("No video support");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	50	nosupport = true;
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	51	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	52	if (nosupport) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	53	location.href = "non-supporte.html";
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	54	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	55	</script>
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	56
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	57	<!-- Metanav FranceTV -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	58	<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	59
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	60	<link rel="stylesheet" href="static/res/css/style_1024.css" />
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	61
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	62	</head>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	63	<body>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	64	<!-- div content - site takes the full height of browser -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	65	<div id="content" class="smallMargin">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	66
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	67	<!-- div content_top - the elements takes the full height of "content_top" -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	68	<div id="content_top">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	69
37 1f10a9688c1b interchoix Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 36 diff changeset	70	<!-- change with js: height and line-height (the same size) of "container_vcentering" -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	71	<header id="top" class="container_vcentering box_transparance"><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	72	--><div id="title_hp" class="box_vcentering">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	73	<h2>UNE EXPÉRIENCE DE CINÉMA</h2>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	74	<h1>THE END, ETC.</h1>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	75	<h2 class="h2_exeption">DE LAETITIA MASSON</h2>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	76	</div><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	77	--></header>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	78
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	79	<section id="main">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	80	<div id="bd_noir"></div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	81	<canvas id="mosaic" width="100" height="100"></canvas>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	82	</section>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	83
37 1f10a9688c1b interchoix Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 36 diff changeset	84	<!-- change with js: height and line-height (the same size) of "container_vcentering" -->
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	85	<section id="bottom" class="container_vcentering box_transparance">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	86	<div class="box_vcentering">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	87	<p class="big_link pointer"><a onClick="fadeAndNext();">COMPOSEZ VOTRE FILM</a></p>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	88	</div>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	89	</section>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	90	</div>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	91	<!-- /div content_top -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	92
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	93	<footer id="footer" class="box_transparance clearfix">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	94	<ul class="logo_partners floatL">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	95	<li>UNE CO-PRODUCTION
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	96	<ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	97	<li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	98	<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	99	<img alt="Nouvelles écritures - France Télévisions" src="static/res/img/footer/francetv.png" />
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	100	</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	101	</li><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	102	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	103	<a href="http://www.memoprod.fr" target="_blank">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	104	<img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	105	</a>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	106	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	107	</ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	108	</li><!--
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	109	--><li>AVEC LE SOUTIEN DE
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	110	<ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	111	<li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	112	<a href="http://www.cnc.fr" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	113	<img alt="CNC - Centre national du cinéma et de l'image animée" src="static/res/img/footer/cnc.png" />
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	114	</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	115	</li><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	116	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	117	<a href="http://www.incandescence.com" target="_blank">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	118	<img alt="Incandescence" src="static/res/img/footer/inc.png" />
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	119	</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	120	</li><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	121	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	122	<a href="http://www.iri.centrepompidou.fr" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	123	<img alt="IRI - Institut de recherche et de l'innovation du Centre Georges Pompidou" src="static/res/img/footer/iri.png" />
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	124	</a>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	125	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	126	</ul>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	127	</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	128	</ul>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	129	<ul class="logo_partners floatL">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	130	<li>EN PARTENARIAT AVEC
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	131	<ul>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	132	<li class="txt_hidden logo_bg">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	133	<a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	134	</a>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	135	</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	136	</ul>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	137	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	138	</ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	139	<ul id="socialMedia" class="floatR">
80 46b897524cc4 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	140	<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><!--
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	141	--><li><a class="pointer" onclick="popup('popUpDiv', 'content')">Mentions légales</a></li><!--
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	142	--><li class="socialLogo"><a id="sharefb" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png"/></a></li><!--
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	143	--><li class="socialLogo"><a id="sharetw" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	144	</ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	145	</footer>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	146	<section id="popUpDiv" style="display:none;">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	147	<div id="popUpTitle">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	148	<h2>Mentions Légales</h2>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	149	<a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	150	<img alt="Fermer" src="static/res/img/popUpClose.png"/>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	151	</a>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	152	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	153	<div id="popUpTxtScroll">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	154	<p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	155	<span class="gris">Siège social :</span> 7, Esplanade Henri de France 75015 PARIS<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	156	<span class="gris">RCS de Paris :</span> 432 766 947<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	157	<span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	158	<span class="gris">Tel :</span> (+33) 08 90 71 02 02 (0.15 €/min)</p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	159	<p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	160	<span class="gris">Siège social :</span> 25, Boulevard de Strasbourg 75010 Paris<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	161	<span class="gris">Tel :</span> + 33(0)1 75 771 660</p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	162	<h3>DONNEES PERSONNELLES</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	163	<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>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	164	<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>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	165	<p>Chaque internaute peut exercer ces droits :<br>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	166	- 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>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	167	- 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>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	168	<h3>CREDITS</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	169	<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>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	170	<h3>LOGICIELS</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	171	<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>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	172	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	173	</section>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	174	</div>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	175	<div id="blanket" style="display:none;"></div>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	176
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	177	<!-- JavaScript -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	178	<script src="static/res/js/ease.js"></script>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	179	<script src="static/res/js/incresize.js"></script>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	180	<script src="static/res/js/incmosaic.js"></script>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	181	<script src="static/res/js/popup.js"></script>
19 26ab64495127 premièrs tests d'intégration Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 18 diff changeset	182	<script>
26ab64495127 premièrs tests d'intégration Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 18 diff changeset	183	$(function() {
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	184	// Init the resize object
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	185	incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, false, [incMosaic.registerPostNewCanvasSize, resizePopup]);
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	186
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	187	// Set the images for the mosaic effects
39 6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	188	incMosaic.addImageUrl("static/res/img/accueil-00.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	189	incMosaic.addImageUrl("static/res/img/accueil-01.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	190	incMosaic.addImageUrl("static/res/img/accueil-02.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	191	incMosaic.addImageUrl("static/res/img/accueil-03.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	192	incMosaic.addImageUrl("static/res/img/accueil-04.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	193	incMosaic.addImageUrl("static/res/img/accueil-05.jpg");
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	194
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	195	// Start mosaic effect
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	196	incMosaic.start("mosaic", 1, 9, 5, true, false, null, null);
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	197
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	198	// Set the share url
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	199	var replaceAll = function(txt, replace, with_this) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	200	return txt.replace(new RegExp(replace, 'g'),with_this);
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	201	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	202	var urlToShare = document.URL.replace("index.html", "");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	203	var urlToShareTw = replaceAll(urlToShare, ":", "%3A");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	204	urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	205	$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	206	$("#sharetw").attr('href', "https://twitter.com/share?url=" + urlToShareTw);
19 26ab64495127 premièrs tests d'intégration Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 18 diff changeset	207	});
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	208
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	209	var cliked = false;
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	210	var fadeAndNext = function() {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	211	if (cliked) {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	212	return;
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	213	}
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	214
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	215	cliked = true;
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	216	var logoFadeTime = 4000;
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	217	var mosaicFadeStartAtTime = 3000;
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	218	var nextPageTime = 6000;
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	219
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	220	// Fade on elements
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	221	$(".box_transparance").animate({opacity: 0}, logoFadeTime);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	222
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	223	setTimeout(function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	224	$("#bd_noir").animate({opacity: 1}, nextPageTime - mosaicFadeStartAtTime - 100);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	225	}, mosaicFadeStartAtTime);
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	226
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	227	setTimeout(function() {
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	228	location.href = "prologue-the-end-etc.html";
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	229	}, nextPageTime);
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	230	}
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	231
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	232	var resizePopup = function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	233	popupPosition('popUpDiv', 'content');
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	234	}
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	235	</script>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	236	</body>
18 f6232b308fbd base du player niveau 1 Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	237	</html>

author	Edwin Razafimahatratra <edwin@robotalismsoft.com>
	Thu, 24 Jan 2013 16:30:41 +0100
changeset 103	be6c1f9cc258
parent 94	873b0e9ff7f6
child 105	7a033d177687
permissions	-rw-r--r--