web/choix_2.html
author Edwin Razafimahatratra <edwin@robotalismsoft.com>
Tue, 11 Dec 2012 13:13:44 +0100
changeset 41 f2123b4487e9
child 42 01415303372e
permissions -rw-r--r--
début écrans de choix

<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<title>The End - @todo</title>
		
		<meta name="description" content="@todo">
		
		<!-- Mobile Specific Metas -->
		<meta name="viewport" content="initial-scale=1.0, width=device-width" />
		
		<link rel="stylesheet" href="static/res/css/style_1024.css" /> 
		<!-- stylesheet for ipad 3 
		<link rel="stylesheet" href="static/res/css/style_2048.css" /> 
		-->
		
	</head>
	<body>
		<!-- div content - site takes the full height of browser -->	
		<div id="content" class="full_screen">
			<!--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 class="fullScreen_vcentering container_vcentering choix">
					<div id="choix2" class="box_vcentering white big_txt">
						<p><a href="/" onClick="">Actif</a></p>
						<p><a href="/" onClick="">Passif</a></p>
						<p><a href="/" onClick="">Corps</a></p>
						<p><a href="/" onClick="">Charité</a></p>
						<p><a href="/" onClick="">Patrie</a></p>
						<p><a href="/" onClick="">Politique</a></p>
					</div>
				</section>
				
				<!-- il faut regler comment on nome ici les id. j'aimerai changer id="main" mais je ne sai pas si je peux
				-->
				<section id="main" class="mosaic_choice">
		            <canvas id="mosaic" width="100" height="100"></canvas> 			
				</section>	
		</div>	

		<!-- Metanav FranceTV 	-->
		<script src="http://static.francetv.fr/js/jquery.metanav-min.js" charset="utf-8"></script>
		<!-- JavaScript -->
       <script src="static/res/js/jquery-1.8.2.min.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>        
            $(function() {
            	// Init the resize object
            	//incResize.init("content", "top", "mosaic", "bottom", "footer", 130, 1800/750, null, incMosaic.registerPostNewCanvasSize);

            	// Set mosaic pair of images
                incMosaic.addImageUrl("static/res/img/accueil-00.jpg");
                incMosaic.addImageUrl("static/res/img/accueil-01.jpg");
                incMosaic.addImageUrl("static/res/img/accueil-02.jpg");
                incMosaic.addImageUrl("static/res/img/accueil-03.jpg");
                incMosaic.addImageUrl("static/res/img/accueil-04.jpg");
                incMosaic.addImageUrl("static/res/img/accueil-05.jpg");

                // Start mosaic effect
    			incMosaic.start("mosaic", 9, 5);
            });
        </script>		
			</body>
</html>