web/choix-de-mots-the-end-etc.html
changeset 92 ab0871ca8819
parent 78 8c3f0b94d056
child 94 873b0e9ff7f6
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/choix-de-mots-the-end-etc.html	Mon Jan 21 21:00:24 2013 +0100
@@ -0,0 +1,79 @@
+<!DOCTYPE html>
+<html lang="fr">
+	<head>
+		<meta charset="utf-8">
+		<title>The End - @todo</title>
+		
+		<meta name="description" content="@todo">
+		<link rel="icon" href="static/res/img/favicon.ico" />		
+		
+		<!-- Mobile Specific Metas -->		
+		<meta name="viewport" content="user-scalable=no">
+		<!--
+		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width" />
+		-->
+		
+		<!-- Test Smartphone  -->
+	    <script src="static/res/js/incdetectmobile.js"></script>        
+		<script>
+			if (IsSmartphone()) { location.href = "mindex.html"; }	
+		</script>
+		<!-- Metanav FranceTV 	-->
+		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
+
+		<link rel="stylesheet" href="static/res/css/style_1024.css" />		
+	
+	</head>
+	<body>
+		<!-- div content - site takes the full height of browser -->	
+		<div id="content" class="full_hightScreen">
+			<!--this div empty allows the element content_vcentering to be vertically aligned -->
+			<div class="strut"></div><!--
+			this comment corrects the white-space (display: inline);
+			--><section id="bg_mosaic" class="fullScreen_vcentering">
+		    	<canvas id="mosaic" width="100" height="100"></canvas> 			
+			</section>	
+			<section id="choice" class="positionAbs">
+				<!--this div empty allows the element content_vcentering to be vertically aligned -->
+				<div class="strut"></div><!--
+				this comment corrects the white-space (display: inline);
+				--><div class="fullScreen_vcentering blue big_txt pointer">
+					<p><a id="mot1" onClick="incChoice.selectWord(0);">Famille</a></p>
+					<p><a id="mot2" onClick="incChoice.selectWord(1);">Amour</a></p>
+					<p><a id="mot3" onClick="incChoice.selectWord(2);">Travail</a></p>
+					<p><a id="mot4" onClick="incChoice.selectWord(3);">International</a></p>
+					<p><a id="mot5" onClick="incChoice.selectWord(4);">Dieu</a></p>
+					<p><a id="mot6" onClick="incChoice.selectWord(5);">Président</a></p>
+				</div>
+			</section>
+		</div>	
+		
+		<!-- JavaScript -->
+       	<script src="static/res/js/jquery-1.8.2.min.js"></script> 
+       	<script src="static/res/js/jquery.cookie.js"></script>        	      
+        <script src="static/res/js/ease.js"></script>        
+        <script src="static/res/js/incresize.js"></script>
+        <script src="static/res/js/incmosaic.js"></script>
+        <script src="static/res/js/incchoice.js"></script>
+        <script>
+            $(function() {
+            	// Init the resize object
+            	incResize.init("content", null, "mosaic", null, null, 130, 1527/809, false, [incMosaic.registerPostNewCanvasSize]);
+
+            	// Set the mosaic effect
+            	incChoice.setMosaicImages(	["choix1fond1.jpg", "choix1fond2.jpg", "choix1fond3.jpg"],
+            								["choix2fond1.jpg", "choix2fond2.jpg", "choix2fond3.jpg"],
+            								["choix3fond1.jpg", "choix3fond2.jpg", "choix3fond3.jpg"]);
+
+            	// Set the list of words and the mosaic effect
+				incChoice.setWordsAndEffect(0);
+
+				// Erase chosen videos
+				incChoice.saveChosenVideos([-1, -1, -1]);
+
+				// Set video hd by default
+				incChoice.setHD(1); 
+            });
+        </script>		
+	</body>
+</html>
\ No newline at end of file