theend: web/choix-de-mots-the-end-etc.html@49f930abb58a (annotated)

43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	1	<!DOCTYPE html>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	2	<html lang="fr">
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	3	<head>
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	4	<meta charset="UTF-8">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 94 diff changeset	5	<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	6
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	7	<meta name="robots" content="noindex">
105 7a033d177687 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 103 diff changeset	8	<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	9
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	10	<link rel="icon" href="static/res/img/favicon.ico" />
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	11
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	12	<!-- Mobile Specific Metas -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	13	<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	14	<!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	15	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	16	-->
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	17
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	18	<!-- Test Smartphone -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	19	<script src="static/res/js/incdetectmobile.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	20	<script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	21	if (IsSmartphone()) { location.href = "mindex.html"; }
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	22	</script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	23	<!-- Metanav FranceTV -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	24	<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	25
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	26	<link rel="stylesheet" href="static/res/css/style_1024.css" />
124 8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	27
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	28	<!-- tags FTV -->
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	29	<script src="http://static.francetv.fr/js/audience-min.js"></script>
8d2376eb825c update Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 105 diff changeset	30
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	31	</head>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	32	<body>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	33	<!-- div content - site takes the full height of browser -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	34	<div id="content" class="full_hightScreen">
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	35	<!--this div empty allows the element content_vcentering to be vertically aligned -->
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	36	<div class="strut"></div><!--
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	37	this comment corrects the white-space (display: inline);
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	38	--><section id="bg_mosaic" class="fullScreen_vcentering">
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	39	<canvas id="mosaic" width="100" height="100"></canvas>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	40	</section>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	41	<section id="choice" class="positionAbs">
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	42	<!--this div empty allows the element content_vcentering to be vertically aligned -->
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	43	<div class="strut"></div><!--
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	44	this comment corrects the white-space (display: inline);
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	45	--><div id="mots" class="fullScreen_vcentering blue big_txt pointer" style="display: none;">
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	46	<p><a id="mot1" onClick="incChoice.selectWord(0);">Famille</a></p>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	47	<p><a id="mot2" onClick="incChoice.selectWord(1);">Amour</a></p>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	48	<p><a id="mot3" onClick="incChoice.selectWord(2);">Travail</a></p>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	49	<p><a id="mot4" onClick="incChoice.selectWord(3);">International</a></p>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	50	<p><a id="mot5" onClick="incChoice.selectWord(4);">Dieu</a></p>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	51	<p><a id="mot6" onClick="incChoice.selectWord(5);">Président</a></p>
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	52	</div>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	53	</section>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	54	</div>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	55
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	56	<!-- JavaScript -->
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	57	<script src="static/res/js/jquery-1.8.2.min.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	58	<script src="static/res/js/jquery.cookie.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	59	<script src="static/res/js/ease.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	60	<script src="static/res/js/incresize.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	61	<script src="static/res/js/incmosaic.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	62	<script src="static/res/js/incchoice.js"></script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	63	<script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	64	$(function() {
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	65
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	66	// Init the resize object
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	67	incResize.init("content", null, "mosaic", null, null, 130, 1527/809, false, [incMosaic.registerPostNewCanvasSize]);
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	68
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	69	// Set the mosaic effect
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 45 diff changeset	70	incChoice.setMosaicImages( ["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"],
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 45 diff changeset	71	["choix2fond1.jpg", "choix2fond2.jpg", "choix2fond3.jpg"],
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	72	["choix3fond1.jpg", "choix3fond2.jpg", "choix3fond3.jpg"],
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	73	function() {
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	74	$("#mots").show();
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	75	});
45 f7bfdc49982b ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 43 diff changeset	76
f7bfdc49982b ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 43 diff changeset	77	// Set the list of words and the mosaic effect
f7bfdc49982b ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 43 diff changeset	78	incChoice.setWordsAndEffect(0);
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	79
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	80	// Erase chosen videos
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	81	incChoice.saveChosenVideos([-1, -1, -1]);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	82
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	83	// Set video hd by default
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	84	incChoice.setHD(1);
43 21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	85	});
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	86	</script>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	87	</body>
21a791340354 ecrant choix unique Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	88	</html>

author	ymh <ymh.work@gmail.com>
	Fri, 08 Feb 2013 17:53:10 +0100
changeset 127	49f930abb58a
parent 124	8d2376eb825c
permissions	-rw-r--r--