theend: web/transition-the-end-etc.html@124f7745a3d6 (annotated)

46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	1	<!DOCTYPE html>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	2	<html lang="fr">
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	3	<head>
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 95 diff changeset	4	<meta charset="UTF-8">
be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 95 diff changeset	5	<title>THE END, ETC. UNE EXPÉRIENCE WEB DE LAETITIA MASSON</title>
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	6
105 7a033d177687 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 104 diff changeset	7	<meta name="description" content="MEMO PROD présente THE END, ETC. Une coproduction FRANCE TÉLÉVISIONS - MEMO PROD avec la participation du CENTRE NATIONAL DU CINÉMA ET DE L’IMAGE ANIMÉE. Un projet écrit et réalisé par LAETITIA MASSON">
103 be6c1f9cc258 resync Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 95 diff changeset	8
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	9	<link rel="icon" href="static/res/img/favicon.ico" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	10
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	11	<!-- Mobile Specific Metas -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	12	<meta name="viewport" content="user-scalable=no">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	13	<!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	14	<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	15	-->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	16
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	17	<!-- Test Smartphone -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	18	<script src="static/res/js/incdetectmobile.js"></script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	19	<script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	20	if (IsSmartphone()) { location.href = "mindex.html"; }
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	21	</script>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	22	<!-- Metanav FranceTV -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	23	<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: 48 diff changeset	24
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	25	<link rel="stylesheet" href="static/res/css/style_1024.css" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	26
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	27	</head>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	28	<body>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	29	<!-- div content - site takes the full height of browser -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	30	<div id="content" class="full_hightScreen">
47 dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	31
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	32	<!--Part 1 - opacity -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	33	<section id="theEnd" class="box_transparance">
47 dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	34	<!--this div empty allows the element content_vcentering to be vertically aligned -->
dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	35	<div class="strut"></div><!--
dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	36	this comment corrects the white-space (display: inline);
dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	37	--><h1>THE END, ETC.</h1>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	38	</section>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	39	<!--/Part 1 -->
47 dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	40
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	41	<!--Part 2 -->
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	42	<!--this div empty allows the element content_vcentering to be vertically aligned -->
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	43	<section id="transition" class="full_hightScreen">
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	44	<div class="strut"></div><!--
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	45	this comment corrects the white-space (display: inline);
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	46	--><div id="bg_img" class="fullScreen_vcentering">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	47	<img id="bgimage" alt="The End, etc." src="" />
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	48	</div>
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	49
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	50	<div id="transitionTxt" class="positionAbs">
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	51	<!--this div empty allows the element content_vcentering to be vertically aligned -->
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	52	<div class="strut"></div><!--
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	53	this comment corrects the white-space (display: inline);
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	54	--><div class="fullScreen_vcentering white big_txt">
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	55	<p><a href="partage-du-film-aleatoire-the-end-etc.html">Partagez</a></p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	56	<p><a href="choix-de-mots-the-end-etc.html">Recommencez</a></p>
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	57	<p class="margin_exeptionTop"><a href="the-end-etc.html">The end, etc.</a></p>
114 d0d417052d8f Restore IRI URL ! AGAIN ! veltr parents: 113 diff changeset	58	<p class="margin_exeptionBottom"><a href="theend/prolonger">Prolongez l'expérience</a></p>
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	59	<p><a href="credits-the-end-etc.html">Crédits</a></p>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	60	</div>
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	61	</div>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	62	</section>
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	63	<!--/Part 2 -->
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	64	</div>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	65
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	66	<!-- JavaScript -->
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	67	<script src="static/res/js/jquery-1.8.2.min.js"></script>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	68	<script>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	69	var r = Math.floor(Math.random()*3);
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	70	if (r == 0) {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	71	$("#bgimage").attr("src", "static/res/img/transitionChoix1.jpg");
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	72	} else if (r == 1) {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	73	$("#bgimage").attr("src", "static/res/img/transitionChoix2.jpg");
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	74	} else {
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	75	$("#bgimage").attr("src", "static/res/img/transitionChoix3.jpg");
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	76	}
47 dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	77
dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	78	$(function() {
dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	79	setTimeout(function() {
78 8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	80	$("#theEnd").addClass("display");
8c3f0b94d056 big commit after problems Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 48 diff changeset	81	$("#transition").css({"opacity" : 0});
94 873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	82	$("#transition").animate({opacity: 1}, 2000);
873b0e9ff7f6 update html Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 92 diff changeset	83	}, 2000);
47 dbd46ed42b0d save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: 46 diff changeset	84	});
46 542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	85	</script>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	86
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	87	</body>
542252e0c615 save Edwin Razafimahatratra <edwin@robotalismsoft.com> parents: diff changeset	88	</html>

author	veltr
	Tue, 05 Feb 2013 18:41:29 +0100
changeset 118	124f7745a3d6
parent 114	d0d417052d8f
child 124	8d2376eb825c
permissions	-rw-r--r--