web/partage.html
changeset 78 8c3f0b94d056
child 88 eeb0a6f3c07d
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/web/partage.html	Wed Jan 16 08:26:00 2013 +0100
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="fr"
+      xmlns:og="http://ogp.me/ns#"
+      xmlns:fb="https://www.facebook.com/2008/fbml" >
+	<head>
+		<meta charset="utf-8">
+		<title>The End - @todo</title>
+		
+		<meta name="description" content="@todo">
+		<link rel="icon" href="static/res/img/favicon.ico" />		
+		
+		<!-- Site Optimization for Facebook -->
+        <meta property="og:title" content="the end- @todo" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="http://www.clients.incandescence.com/theend/" />
+		<meta property="og:image" content="https://www.clients.incandescence.com/theend/theend_fb.jpg" />
+		<meta property="og:site_name" content="the end @todo" />
+        <meta property="og:description" content="@todo"/>
+		
+		<!-- 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 
+		class="hugeMargin" avant avec id="btnChoice" plus possible -->	
+		<div id="content" class="smallMargin">
+			<div class="btnReturn">	
+	       		<button id="btnChoice" class="btn" onClick="location.href='transition.html';">Choice</button>                   		
+			</div>
+			<!--  change with js: height and line-height (the same size) of "container_vcentering"  -->
+			<header id="top" class="container_vcentering">
+
+				<div id="title_sp" class="box_vcentering">
+					<h1>THE END, ETC.</h1>
+				</div>
+			</header>	
+				
+				<section id="imgMiddle" class="bg_smallimg">
+		            <img alt="Élodie Bouchez à la fenêtre" src="static/res/img/partage.jpg" />			
+				</section>
+				
+				<!--  change with js: height and line-height (the same size) of "container_vcentering"  -->
+				<!--  resize js: on supprime pas le footer 70px il y n'en a pas  -->
+				<section id="bottom" class="container_vcentering">
+					<div class="box_vcentering">
+						<p class="big_link">Partagez VOTRE FILM</p>
+						<ul id="socialMedia" >
+							<!--https://developers.facebook.com/docs/reference/dialogs/feed/ -->
+							<li>
+								<a a href="http://www.facebook.com/share.php?u=http://www.clients.incandescence.com/theend/" target="_blank"><img alt="Partager The End sur Facebook" src="static/res/img/footer/facebook.png" /></a></li>
+							<!-- https://dev.twitter.com/docs/tweet-button -->
+							<li><a href="https://twitter.com/share?url=https%3A%2F%2Fwww.clients.incandescence.com%2Ftheend%2F" target="_blank"><img alt="Partager The End sur Twitter" src="static/res/img/footer/twitter.png"/></a></li>
+						</ul>
+					</div>
+				</section>
+		</div>	
+
+		<!-- JavaScript -->		
+        <script src="static/res/js/jquery-1.8.2.min.js"></script>        
+        <script src="static/res/js/incresize.js"></script>
+        <script>        
+            $(function() {
+            	// Init the resize object
+            	incResize.init("content", "top", "imgMiddle", "bottom", null, 130, 1075/604, null, null);
+            	incResize.resizeElements();
+            });
+        </script>			
+	</body>
+</html>
\ No newline at end of file