integ/speednoter.html
changeset 0 ca1b8c0fbe35
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/integ/speednoter.html	Tue Apr 02 12:45:17 2013 +0200
@@ -0,0 +1,287 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"><![endif]-->
+<!--[if IE 7]>	<html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
+<!--[if IE 8]><html class="no-js lt-ie9" lang="en"><![endif]-->
+<!--[if IE 9]><html class="no-js ie9" lang="en"><![endif]-->
+<!--[if gt IE 9]><!--> <html class="no-js" lang="en"><!--<![endif]-->
+<head>
+<meta charset="utf-8" />
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<title>Cinegift</title>
+<meta name="description" content="" />
+<meta name="viewport" content="width=980" />
+<link rel="stylesheet" href="css/reset.css" />
+<link rel="stylesheet" href="css/default.css" />
+<link rel="stylesheet" href="css/styles.css" />
+
+<!-- Custom scrollbars CSS -->
+<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
+<script src="js/libs/modernizr-2.5.3.min.js"></script>
+</head>
+
+<body class="">
+  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
+  <header>
+	<h1><img src="img/logo.png" alt="AlloCiné LAB" class="logo" /></h1>
+	<nav>
+		<ul>
+			<li><a href="#">Discover</a></li>
+			<li class="current"><a href="#">Speednoter</a></li>
+			<li><a href="#">Profile</a></li>
+		</ul>
+	</nav>
+	
+	<section class="connect">
+
+		<div class="connected_profiles">
+			<span>Angelo Chiacchio</span> 
+			<img src="img/profil.jpg" alt="photo de profil" />
+		</div><!-- /connected_profiles -->
+		
+		<span class="logout">loggout</span>
+
+	</section>
+	<!-- /connect -->
+  </header>
+  <div role="main">
+	<section class="central">
+		
+		<div id="results" class="results d_block">
+		
+			<h2>Speednoter</h2>
+			<div class="breaker"></div>
+			
+			<!-- SPEEDNOTER -->
+			<!-- --------------------- -->
+			<div class="myAC_speednoter big-rating">
+
+				<div class="j_entity_container hide"> <span data-entity="{ &quot;reftype&quot; : &quot;&quot;, &quot;cref&quot; : &quot;&quot; }" class="tt_r26 j_entity"> </span> </div>
+				<div class="w-speednoter"> </div>
+				<div class="hide" id="tmp_rating_save"> </div>
+				<div class="hide" id="speednoter_staticrating_male">
+					<div>
+						<div class="starsratelabel">Ma note : </div>
+						<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div>
+						<div class="flyingstarsform">
+							<div class="star-rating-control">
+								<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div>
+								<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div>
+								<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div>
+								<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div>
+								<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div>
+								<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div>
+								<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div>
+								<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div>
+								<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div>
+								<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div>
+							</div>
+						</div>
+						<div class="fm_rating_currentrate-class"></div>
+						<div class="fm_rating_wanttosee_class"></div>
+						<div class="fm_rating_notinterested_class"></div>
+						<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div>
+						<div class="spacer"></div>
+					</div>
+					<div class="spacer"></div>
+				</div>
+				<div class="hide" id="speednoter_staticrating_female">
+					<div class="femaleparentobject"><!-- femaleparentobject -->
+						<div>
+							<div class="starsratelabel">Ma note : </div>
+							<div class="star-rating starZero"><a style="margin-left: 0px; " title="0">0</a></div>
+							<div class="flyingstarsform">
+								<div class="star-rating-control">
+									<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="0,5">0,5</a></div>
+									<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="1">1</a></div>
+									<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="1,5">1,5</a></div>
+									<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="2">2</a></div>
+									<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="2,5">2,5</a></div>
+									<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="3">3</a></div>
+									<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="3,5">3,5</a></div>
+									<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="4">4</a></div>
+									<div style="width: 8px; " class="star-rating"><a style="margin-left: 0px; " title="4,5">4,5</a></div>
+									<div style="width: 8px; " class="star-rating star-margin"><a style="margin-left: -8px; " title="5">5</a></div>
+								</div>
+							</div>
+							<div class="fm_rating_currentrate-class"></div>
+							<div class="fm_rating_wanttosee_class"></div>
+							<div class="fm_rating_notinterested_class"></div>
+							<div class="rating-cancel icoredcross"><a title="Effacer ma note"></a></div>
+							<div class="spacer"></div>
+						</div>
+					</div>
+					<div class="spacer"></div>
+				</div>
+				<div class="speednoter ">
+					<div style="z-index:+1; background-color: #FFF; position: absolute; width: 100%; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_txt_nomoreitems">
+						<div style="position: absolute; top: 40%; width: 100%; align: center; vertical-align: middle; text-align: center;"> Il n'y a plus de fiches à afficher.<br>
+							Veuillez rafraichir votre navigateur. </div>
+					</div>
+					<div style="z-index:+1; background-color: #FFF; position: absolute; width: 940px; height: 250px; opacity: 0.9; filter:Alpha(Opacity=90);" class="hide" id="speednoter_loader">
+						<div style="position: absolute; top: 40%; left: 45%; width: 100%; align: center; vertical-align: middle;"> <img alt="" style="width:32px; height:32px;" src="http://images.allocine.fr/commons/ajax-loader.gif"> </div>
+					</div>
+					<div id="speednotertabs_00"> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class=""></a> <a href="#" class="current"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div>
+					<div id="speednoterprevbtn_00" class="navprevbtn"><a><img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div>
+					<div id="speednoter_00" class="speednotercontent">
+						<div id="speednoter_content_3" class="slide" style="display: block;"> 
+							<!--infos content-->
+							<div id="speednoter_content_html_3">
+								<div class="picturezone"><img title="Prison Break" alt="Prison Break" src="http://fr.web.img1.acsta.net/r_160_x/medias/nmedia/18/85/25/52/19779382.jpg"></div>
+								<!-- picturezone -->
+								<div class="contentzone">
+									<h3 class="serieTV" >Prison Break <span>(2002)</span></h3>
+									<!--h3>Prison Break</h3-->
+									<p>Directed By <strong>Martin Scorcese</strong></p>
+									<p>With <strong>Dominic Purcell, Wentworth Miller, Sarah Wayne Callies,Michael Rapaport, Amaury Nolasco</strong></p>
+									<p>Michael Scofield s'engage dans une véritable lutte contre la montre : son frère Lincoln est dans le couloir de la mort, en attente de son exécution. Persuadé de son innocence mais à court de solutions, Michael décide de se faire incarcérer à son tour dans le pénitencier d'état de Fox River pour organiser leur évasion...</p>
+									<!-- !! Existing template --> <!-- !! /Existing template -->
+									<div class="spacer"></div>
+								</div>
+								<!-- /contenzone --><!-- /morezone --></div>
+							<!--rating content-->
+							<div class="speednoterstarsratezone">
+								<div id="speednoter_target_3">
+									<div data-rating="{&quot;savedShowingTime&quot;:100}" class="sya w-opinion w-rating w-interest" id="j_entity_rating">
+										<div id="j_entity_rating_html" class="">
+											<div class="rate ">
+												<p class="lighten_hl label">My opinion</p>
+												<div class="picto_rating rate_cancel load_target hidden j_rate_cancel"></div>
+												<div class="picto_rating rate_null_on load_target hide">
+													<div class="rate_tooltip">0 : Pourri
+														<div class="arrow_b"></div>
+													</div>
+												</div>
+												<div class="rating_module load_target">
+													<div class="star rated_b_l">
+														<div class="rate_tooltip">0.5 : Nul
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="star rated_b_r">
+														<div class="rate_tooltip">1.0 : Très mauvais
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="star rated_b_l">
+														<div class="rate_tooltip">1.5 : Mauvais
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_b_r star">
+														<div class="rate_tooltip">2.0 : Pas terrible
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_b_l star">
+														<div class="rate_tooltip">2.5 : Moyen
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_off_r star">
+														<div class="rate_tooltip">3.0 : Pas mal
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_off_l star">
+														<div class="rate_tooltip">3.5 : Bien
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_off_r star">
+														<div class="rate_tooltip">4.0 : Très bien
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_off_l star">
+														<div class="rate_tooltip">4.5 : Excellent
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+													<div class="rated_off_r star">
+														<div class="rate_tooltip">5.0 : Chef d'œuvre
+															<div class="arrow_b"></div>
+														</div>
+													</div>
+												</div>
+												<!--/rating_module-->
+												<div class="loader">
+													<div class="j_saving loading_item"><img alt="" src="http://images.allocine.fr/skin/loader_green.gif" class="vam">En cours...</div>
+													<div class="lighten align_c j_saved loaded_item">Enregistré</div>
+												</div>
+											</div>
+											<!--/rate--> 
+										</div>
+										<div class="fl margin_30l">
+											<span title="" class="button btn06"><span class="thumb">Oui</span></span> <span title="" class="button btn07"><span class="thumb">Non</span></span>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div id="speednoternextbtn_00" class="navnextbtn"><a> <img width="0" height="0" src="http://images.allocine.fr/commons/empty.gif" alt=" " class="ico"></a></div>
+				</div>
+				<!-- /speednoter -->
+				
+			</div>
+
+			<!-- /SPEEDNOTER -->
+			<!-- ---------------------- -->
+			
+			<p class="align_c">
+				<span class="stillToRate" >Still <span> 9 </span> to rate </span> 
+				<a href="#" class="btn_see uppercase my_reco">See my recommandations</a>
+			</p>
+			
+		</div>
+		<!-- /results -->
+		
+		<div id="basic-modal-content3" class="align_c">
+			<div class="tt_03 align_l margin_20b">Get Started</div>
+			<p class="align_l fs18">
+				Allociné still lacks some rating of yours in order to get a good idea of your taste and being able to provide you with a recommendation of movies and series.
+			</p>
+			<p class="margin_40t margin_60b fs18 bold">
+				Please rate at least 
+				<span class="item_disk_big margin_10h">
+					<span class="">4</span>
+				</span>
+				movies
+			</p>
+			<a href="#" class="btn_see uppercase">START RATING NOW</a>
+		</div>
+		<!-- /modal2 -->
+		
+	</section>
+	<!-- /central -->
+  </div>
+  <!-- /main -->
+  <footer>
+  		<a href="#" class="logofoot" ><img src="img/logo-footer.png" alt="Cinégift" /></a>
+  </footer>
+
+<script src="js/libs/jquery-1.7.1.min.js"></script>
+<script src="js/libs/jquery-ui-1.8.21.custom.min.js"></script>
+
+<script type='text/javascript' src='js/jquery.simplemodal.js'></script>
+<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
+<!-- mousewheel plugin -->
+<script src="js/jquery.mousewheel.min.js"></script>
+<!-- custom scrollbars plugin -->
+<script src="js/jquery.mCustomScrollbar.js"></script>
+
+<script src="js/script.js"></script>
+
+<script>
+	openNodal();
+
+	//call this function when a user note a movie...
+	//youhouNumber();
+	
+	//call this function to show "see my recommandations" button
+	//activateSeeRecommandations();
+
+</script>
+
+</body>
+</html>
\ No newline at end of file