scrollto intro

header-home.php

@@ -9,6 +9,7 @@
 -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="description" content="David A. Windham - Zeken Woozer Enterprises, Un-Ltd. South Carolina USA" />
 <link rel="shortcut icon" href="../favicon.ico?v=2" />
 <title><?php dw_page_title();?></title>
 <?php wp_head(); ?>

index.php

@@ -17,7 +17,7 @@
 			    </div>
 				<div class="item web" data-id="2">
 					<div class="container">
-						<h1 class="light super cm-sans">There are only <strong>1,028,932,208</strong></h1>
+						<h1 class="light super cm-sans">There are 1,028,932,208</h1>
 						<h2 class="light cm-concrete">Web Sites on the Internet <small>(October 2014)</small></h2>
 						<div class="carousel-caption">
 							<p>Some sort of captions</p>
@@ -30,7 +30,7 @@
 					<div class="container">
 						<div class="row">
 							<div class="col-sm-6">
-								<h1 class="light super cm-sans" data-wow-duration="4s">There are 86,000,000,000 Neurons and <strong>100,000,000,000,000</strong> Synapses</h1>
+								<h1 class="light super cm-sans">There are 86,000,000,000 Neurons and 100,000,000,000,000 Synapses</h1>
 								<h2 class="light cm-concrete">in your brain</h2>
 							</div>
 							<div class="col-sm-6">
@@ -63,6 +63,13 @@
 			</div>
 		</div>
 	</div>
+	<div class="container-fluid leader-gap">
+		<div class="container">
+			<div class="row">
+				
+			</div>
+		</div>
+	</div>
 	<div class="container-fluid posts-front">
 		<div class="container">
 			<h2 class="dim cm-sans wow fadeIn" data-wow-offset="600">Recent Posts</h2>

js/init.js

@@ -160,6 +160,10 @@ $('.nav-toggle').on('touchstart click', function(e) {
 $('#nav').affix({
 	//offset: {top: $('.intro').height()-$('.navbar').height()}
 });	
+$('.about').affix({
+	top: 0,
+	bottom: 0
+});	
 
 $(function dw_hidenav() {
 	var headerHeight = $('.navbar').height();
@@ -191,7 +195,7 @@ $(function dw_hidenav() {
 
 function dw_caro(){
 	$('#caro-lead').carousel({
-		interval: 2777,
+		interval: 5777,
 		wrap: true,
 		pause: false
 	});
@@ -226,23 +230,24 @@ $('#caro-lead').on('slide.bs.carousel', function(event) {
 		}
 		if (consta.find('.item.active').data('id') === 3) {	
 			$('.leader').delay(100).queue(function(closeit){
-			    $('.posts-front').ScrollTo({
-					duration: 1000,
-					easing: 'linear',
-					callback: function(){
-						dw_caro_pause();
-					}	
-			    });
+				dw_caro_hide();
 			    closeit();
 			});
 		}
 	}, 10);
 });
 
-function dw_caro_pause(){
-	//$('#caro-lead').fadeOut('slow', function() {
-    	$('#caro-lead').carousel('pause');
-		//});	
+function dw_caro_hide(){
+    $('.leader').fadeTo(500,0, function() {
+        $('.leader').slideUp(800);
+		$('.leader').delay(1000).queue(function(scrollit){
+		    $('.posts-front').ScrollTo({
+				duration: 1000,
+				easing: 'linear',	
+		    });
+		});
+		$('#caro-lead').carousel('pause');
+    })
 }
 
 $('#caro-lead').on('slid.bs.carousel', function() {

style.css

@@ -588,6 +588,11 @@ h1.super {
 .about {
 	padding: 30px 0;
 }
+.about.affix {
+ 
+	z-index: 3333;
+	width: 100%;
+}
 
 .carousel-fade .carousel-inner .item {
   left: 0 !important;
@@ -891,6 +896,13 @@ img.dw {
 .leader {
 	padding: 100px 0 0;
 }
+.leader-gap {
+	padding: 40px 0;
+}
+.posts-front {
+	padding: 40px 0;
+}
+
 .dark {
 	background: #222;
 }