theend: web/index.html@678b07d351ef (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
105 7a033d177687 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 103 diff changeset	9	<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">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	10
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 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">
103 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" />
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	18	<meta property="og:image" content="http://the-end.nouvelles-ecritures.francetv.fr/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>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	38
103 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	}
128 d223f66ae890 return to the first compatibility test Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	44	if (!Modernizr.audio) {
103 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	}
128 d223f66ae890 return to the first compatibility test Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 124 diff changeset	48	if (!Modernizr.video) {
103 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" />
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	61
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	62	<!-- tags FTV Variables Xiti-->
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	63	<script>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	64	<!--//--><![CDATA[//><!--
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	65	// Variables Xiti
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	66	var xtsite = "511613";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	67	var xtn2 = "5";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	68	var xtpage = "Accueil_The_End";
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	69	//--><!]]>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	70	</script>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	71	<noscript>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	72	<img width="1" height="1" alt="" src="http://logc238.xiti.com/hit.xiti?s=511613&s2=5&p=Accueil_The_End" >
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	73	</noscript>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	74	<script src="http://static.francetv.fr/js/audience-min.js"></script>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	75	</head>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	76	<body>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	77	<!-- div content - site takes the full height of browser -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	78	<div id="content" class="smallMargin">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	79
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	80	<!-- div content_top - the elements takes the full height of "content_top" -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	81	<div id="content_top">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	82
37 1f10a9688c1b interchoix Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 36 diff changeset	83	<!-- 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	84	<header id="top" class="container_vcentering box_transparance"><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	85	--><div id="title_hp" class="box_vcentering">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	86	<h2>UNE EXPÉRIENCE DE CINÉMA</h2>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	87	<h1>THE END, ETC.</h1>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	88	<h2 class="h2_exeption">DE LAETITIA MASSON</h2>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	89	</div><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	90	--></header>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	91
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	92	<section id="main">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	93	<div id="bd_noir"></div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	94	<canvas id="mosaic" width="100" height="100"></canvas>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	95	</section>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	96
37 1f10a9688c1b interchoix Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 36 diff changeset	97	<!-- 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	98	<section id="bottom" class="container_vcentering box_transparance">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	99	<div class="box_vcentering">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	100	<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	101	</div>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	102	</section>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	103	</div>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	104	<!-- /div content_top -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	105
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	106	<footer id="footer" class="box_transparance clearfix">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	107	<ul class="logo_partners floatL">
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	108	<li>UNE CO-PRODUCTION
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	109	<ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	110	<li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	111	<a href="http://www.francetv.fr/nouvelles-ecritures" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	112	<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	113	</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	114	</li><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	115	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	116	<a href="http://www.memoprod.fr" target="_blank">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	117	<img alt="Memo prod." src="static/res/img/footer/memoprod.png" />
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	118	</a>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	119	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	120	</ul>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	121	</li>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	122	</ul>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	123	<ul class="logo_partners floatL">
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	124	<li>AVEC LE SOUTIEN DE
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	125	<ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	126	<li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	127	<a href="http://www.cnc.fr" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	128	<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	129	</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	130	</li><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	131	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	132	<a href="http://www.incandescence.com" target="_blank">
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	133	<img alt="Incandescence" src="static/res/img/footer/inc.png" />
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	134	</a>
78 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	--><li>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	137	<a href="http://www.iri.centrepompidou.fr" target="_blank">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	138	<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	139	</a>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	140	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	141	</ul>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	142	</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	143	</ul>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	144	<ul class="logo_partners floatL">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	145	<li>EN PARTENARIAT AVEC
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	146	<ul>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	147	<li class="txt_hidden logo_bg">
106 8f3da46f4543 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	148	<a href="http://www.franceinter.fr/" target="_blank">www.franceinter.fr</a>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	149	</li>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	150	</ul>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	151	</li>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	152	</ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	153	<ul id="socialMedia" class="floatR">
80 46b897524cc4 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 78 diff changeset	154	<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	155	--><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	156	--><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	157	--><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	158	</ul>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	159	</footer>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	160	<section id="popUpDiv" style="display:none;">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	161	<div id="popUpTitle">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	162	<h2>Mentions Légales</h2>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	163	<a id="popUpClose" class="pointer" onclick="popup('popUpDiv', 'content')">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	164	<img alt="Fermer" src="static/res/img/popUpClose.png"/>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	165	</a>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	166	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	167	<div id="popUpTxtScroll">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	168	<p><span class="gris">Editeur :</span> FRANCE TELEVISIONS<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	169	<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	170	<span class="gris">RCS de Paris :</span> 432 766 947<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	171	<span class="gris">Directeur de la Publication :</span> Rémy Pflimlin<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	172	<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	173	<p><span class="gris">Hébergeur :</span> FRANCE OXALIDE<br>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	174	<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	175	<span class="gris">Tel :</span> + 33(0)1 75 771 660</p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	176	<h3>DONNEES PERSONNELLES</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	177	<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	178	<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	179	<p>Chaque internaute peut exercer ces droits :<br>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	180	- 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	181	- 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	182	<h3>CREDITS</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	183	<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	184	<h3>LOGICIELS</h3>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	185	<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	186	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	187	</section>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	188	</div>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	189	<div id="blanket" style="display:none;"></div>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	190
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	191	<!-- JavaScript -->
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	192	<script src="static/res/js/ease.js"></script>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	193	<script src="static/res/js/incresize.js"></script>
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	194	<script src="static/res/js/incmosaic.js"></script>
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 106 diff changeset	195	<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	196	<script>
26ab64495127 premièrs tests d'intégration Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 18 diff changeset	197	$(function() {
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	198	// Init the resize object
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	199	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	200
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	201	// Set the images for the mosaic effects
39 6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	202	incMosaic.addImageUrl("static/res/img/accueil-00.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	203	incMosaic.addImageUrl("static/res/img/accueil-01.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	204	incMosaic.addImageUrl("static/res/img/accueil-02.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	205	incMosaic.addImageUrl("static/res/img/accueil-03.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	206	incMosaic.addImageUrl("static/res/img/accueil-04.jpg");
6605de5fe0bd mosaic effect done Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 37 diff changeset	207	incMosaic.addImageUrl("static/res/img/accueil-05.jpg");
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	208
6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	209	// Start mosaic effect
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	210	incMosaic.start("mosaic", 1, 9, 5, true, false, null, null);
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	211
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	212	// Set the share url
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	213	var replaceAll = function(txt, replace, with_this) {
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	214	return txt.replace(new RegExp(replace, 'g'),with_this);
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	215	}
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	216	var urlToShare = document.URL.replace("index.html", "");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	217	var urlToShareTw = replaceAll(urlToShare, ":", "%3A");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	218	urlToShareTw = replaceAll(urlToShareTw, "/", "%2F");
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	219	$("#sharefb").attr('href', "http://www.facebook.com/share.php?u=" + urlToShare);
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	220	$("#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	221	});
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	222
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	223	var cliked = false;
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	224	var fadeAndNext = function() {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	225	if (cliked) {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	226	return;
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	227	}
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	228
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	229	cliked = true;
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	230	var logoFadeTime = 4000;
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	231	var mosaicFadeStartAtTime = 3000;
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	232	var nextPageTime = 6000;
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	233
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	234	// Fade on elements
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	235	$(".box_transparance").animate({opacity: 0}, logoFadeTime);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	236
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	237	setTimeout(function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	238	$("#bd_noir").animate({opacity: 1}, nextPageTime - mosaicFadeStartAtTime - 100);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	239	}, mosaicFadeStartAtTime);
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	240
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	241	setTimeout(function() {
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 80 diff changeset	242	location.href = "prologue-the-end-etc.html";
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	243	}, nextPageTime);
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 42 diff changeset	244	}
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	245
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	246	var resizePopup = function() {
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	247	popupPosition('popUpDiv', 'content');
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	248	}
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	249	</script>
36 6cd5bc3dc7a2 mosaic Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 19 diff changeset	250	</body>
18 f6232b308fbd base du player niveau 1 Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	251	</html>

author	ymh <ymh.work@gmail.com>
	Tue, 12 Feb 2013 10:54:34 +0100
changeset 134	678b07d351ef
parent 128	d223f66ae890
permissions	-rw-r--r--