windhamdavid 5 years ago
parent
commit
2902dbcd56
7 changed files with 1184 additions and 96 deletions
  1. 3 0
      footer.php
  2. 7 4
      functions.php
  3. 3 4
      header-home.php
  4. 67 60
      index.php
  5. 36 19
      js/init.js
  6. 1035 2
      js/scripts.js
  7. 33 7
      style.css

+ 3 - 0
footer.php

@@ -16,6 +16,9 @@
 	</div>
 </div>
 <?php wp_footer(); ?>
+<script>
+new WOW().init();
+</script>
 <!--[if lt IE 9]>
 	<script src="<?php echo get_template_directory_uri(); ?>/js/html5shiv.min.js"></script>
 <![endif]-->

+ 7 - 4
functions.php

@@ -31,17 +31,20 @@ function dw_scripts() {
 	wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
 	wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', 'jquery', '', true );
 	wp_enqueue_script( 'trans', get_template_directory_uri() . '/js/smooth.js', 'jquery', '', true );
+	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/wow.min.js', 'jquery', '', true );
 	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/validate.js', 'jquery', '', true );
-	wp_enqueue_script( 'init', get_template_directory_uri() . '/js/init.js', 'jquery', '', true );
 
 	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
 		wp_enqueue_script( 'comment-reply' );
 	} 
 	
 	if ( is_front_page() || is_home() ) {
-		wp_enqueue_script( 'skroll', get_template_directory_uri() . '/js/skrollr.min.js', 'jquery', '', true );
-		
-	} elseif ( is_page('notebook') || is_archive() || is_search() ) {
+		//wp_enqueue_script( 'skroll', get_template_directory_uri() . '/js/skrollr.min.js', 'jquery', '', true );	
+	} 
+	
+	wp_enqueue_script( 'init', get_template_directory_uri() . '/js/init.js', 'jquery', '', true );
+	
+	if ( is_page('notebook') || is_archive() || is_search() ) {
 		
 		global $wp_rewrite;
 

+ 3 - 4
header-home.php

@@ -15,9 +15,8 @@
 </head>
 <body>
 <?php get_template_part('loader') ?>
-
-<div class="intro">
-	<div id="big-top" class="container-full">
+<div class="intro collapse in" data-toggle="collapse" data-parent="body">
+	<div class="container-full">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-8 col-lg-offset-2 col-centered">
@@ -25,7 +24,7 @@
 					<div class="screen-reader">
 						<h1>Hello,</h1>
 						<h3>Welcome to my little corner of the internet.</h3>		
-						<h4>Very nice to see you here!</h4>
+						<h4>It's very nice to have you here!</h4>
 					</div>
 				</div>
 			</div>

+ 67 - 60
index.php

@@ -1,8 +1,6 @@
-<!--perhaps an altenate header -->
 <?php get_header('home'); ?>
-	<div id="big-top" class="container-full leader dark">
-		<!-- Not sure what I'm going to have on my main page just yet maybe the card again -->
-		<div class="container">
+	<div class="big-top container-full leader dark">
+		<div class="container wow slideInLeft">
 			<div class="m-scene scene_element scene_element--fadeinright">
 				<h1 class="light">Some Static Content</h1>
 				<h2 class="light">Some Static Content</h2>
@@ -13,78 +11,87 @@
 			</div>
 		</div>
 	</div>
-	<div class="container">
-		<div id="content" role="main">
-			<main id="main" class="site-main" role="main">
-				<!-- Not sure what I'm going to have on my main page just yet -->
-				<?php query_posts('showposts=1'); ?>
-				<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
-				<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-					<div class="entry-content">
-						<div class="date">
-							<?php the_date('n/j/Y'); ?>		
-						</div>
-						<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
-						<?php the_content(); ?>
-						<?php comments_template( '', true ); ?>
-						<div class="clear">&nbsp;</div>
-					</div>
-				</div>
-				<?php endwhile; ?>
-			</div>
+	<div class="container-full top-lead">
+		<div class="container">
+	 	   <!-- something else -->
 		</div>
-	<div>
+	</div>
 	<div class="container">
 		<div class="row">
-			<div class="col-md-4">
-				<h1>Some Static Content</h1>
-				<h2>Some Static Content</h2>
-				<h3>Some Static Content</h3>
-				<h4>Some Static Content</h4>
-				<h5>Some Static Content</h5>
-				<h6>Some Static Content</h6>
+			<div class="col-md-4  wow fadeInLeft">
+				<article id="main">
+					<?php query_posts('showposts=1'); ?>
+					<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+					<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+						<div class="entry-content">
+							<div class="date">
+								<?php the_time('n/j/Y'); ?>		
+							</div>
+							<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+							<?php the_excerpt(); ?>
+						</div>
+					</div>
+					<?php endwhile; ?>
+				</article>
 			</div>
-			<div class="col-md-4">
-				<h1>Some Static Content</h1>
-				<h2>Some Static Content</h2>
-				<h3>Some Static Content</h3>
-				<h4>Some Static Content</h4>
-				<h5>Some Static Content</h5>
-				<h6>Some Static Content</h6>
+			<div class="col-md-4 wow animated fadeInUp" data-wow-duration="1s">
+				<article id="main">
+					<?php query_posts('showposts=1&offset=1'); ?>
+					<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+					<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+						<div class="entry-content">
+							<div class="date">
+								<?php the_time('n/j/Y'); ?>		
+							</div>
+							<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+							<?php the_excerpt(); ?>
+						</div>
+					</div>
+					<?php endwhile; ?>
+				</article>
 			</div>
-			<div class="col-md-4">
-				<h1>Some Static Content</h1>
-				<h2>Some Static Content</h2>
-				<h3>Some Static Content</h3>
-				<h4>Some Static Content</h4>
-				<h5>Some Static Content</h5>
-				<h6>Some Static Content</h6>
+			<div class="col-md-4 wow fadeInRight">
+				<article id="main">
+					<?php query_posts('showposts=1&offset=2'); ?>
+					<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+					<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+						<div class="entry-content">
+							<div class="date">
+								<?php the_time('n/j/Y'); ?>
+							</div>
+							<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
+							<?php the_excerpt(); ?>
+						</div>
+					</div>
+					<?php endwhile; ?>
+				</article>
 			</div>
 		</div>
 	</div>
-	<div id="big-top" class="container-full leader dark">
-		<!-- Not sure what I'm going to have on my main page just yet maybe the card again -->
+	
+	<div class="container-full leader dark">
 		<div class="container">
 
 		</div>
 	</div>
-	<div class="container">
-		<div class="row">
-			<div class="col-md-6">
 
-			</div>
-			<div class="col-md-6">
-				<h1>Some Static Content</h1>
-				<h2>Some Static Content</h2>
-				<h3>Some Static Content</h3>
-				<h4>Some Static Content</h4>
-				<h5>Some Static Content</h5>
-				<h6>Some Static Content</h6>
+		<div class="container">
+			<div class="row">
+				<div class="col-md-6">
+
+				</div>
+				<div class="col-md-6">
+					<h1>Some Static Content</h1>
+					<h2>Some Static Content</h2>
+					<h3>Some Static Content</h3>
+					<h4>Some Static Content</h4>
+					<h5>Some Static Content</h5>
+					<h6>Some Static Content</h6>
+				</div>
 			</div>
 		</div>
 	</div>
-	<div id="big-top" class="container-full leader dark">
-		<!-- Not sure what I'm going to have on my main page just yet maybe the card again -->
+	<div class="container-full leader dark">
 		<div class="container">
 			<div class="row">
 				<div class="col-lg-8 col-lg-offset-2 col-centered">

+ 36 - 19
js/init.js

@@ -1,27 +1,16 @@
-jQuery(document).ready(function($) {
+new WOW().init();
 
-$('.nav-toggle').on( 'click', function() {
-	$( this ).toggleClass( 'active' );
-});
+jQuery(document).ready(function($) {
 
 $(window).bind("load", function () {
-    $('#loader').fadeOut(2700);
+	$('#loader').fadeOut(700);
 });
 
-$('#nav').affix({
-	offset: {
-		top: $('.intro').height()-$('#nav').height()
-	}
-});	
-
-
-
-
 $(function(){
   $(".typed").typed({
-    strings: ["Hey,", "Hello,\n^10Welcome to ^1000my domain ^10...", "Hello, \nWelcome to my little corner of the internet \n^10It's nice to ", "Hello, \nWelcome to my little corner of the internet \nIt's very nice to have you here!\n"],
-	typeSpeed: -50,
-	backSpeed: 0,
+    strings: ["Hey,", "Hello,\n^10Welcome to ^10my domain ^10...^10", "Hello, \nWelcome to my little corner of the internet. \n^10It's nice to ", "Hello, \nWelcome to my little corner of the internet. \nIt's very nice to have you here!^10\n"],
+	typeSpeed: -40,
+	backSpeed: -70,
 	startDelay: 0,
 	backDelay: 0,
 	loop: false,
@@ -35,12 +24,40 @@ $(function(){
   
 function shift(){
 	$('.leader').ScrollTo({
-	    duration: 2500,
+	    duration: 1500,
 		easing: 'linear',
-	    durationMode: 'all'
+	    durationMode: 'all',
+		callback: function(){
+			thecollapse();
+		}
 	});
 }
 
+function thecollapse(){
+	//$('.intro').collapse('hide')
+}
+
+$('#nav').affix({
+	offset: {top: $('.intro').height()-$('#nav').height()}
+});	
+
+$('.nav-toggle').on( 'click', function() {
+	$( this ).toggleClass( 'active' );
+});
+
+;(function ($) {
+  'use strict';
+  var content  = $('.transit').smoothState({
+        onStart : {
+          duration: 250,
+          render: function () {
+            content.toggleAnimationClass('is-exiting');
+          }
+        }
+      }).data('smoothState');
+})(jQuery);
+
+
 var headerHeight = $('.navbar').height();
 $(window).on('scroll', { previousTop: 0 },
 function() {

File diff suppressed because it is too large
+ 1035 - 2
js/scripts.js


+ 33 - 7
style.css

@@ -415,7 +415,23 @@ input,button,select,textarea {
 	overflow:hidden;
 }
 
-
+.big-top {
+	background: url(images/desk.jpg) 50% 0 fixed; 
+	height: auto;  
+	margin: 0 auto; 
+	width: 100%; 
+	position: relative; 
+	box-shadow: 0 0 50px rgba(0,0,0,0.8);
+	padding: 100px 0;
+}
+.top-lead {
+min-height: 400px;
+	background: #5E7A9B;
+	background: -webkit-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: -moz-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: -o-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: linear-gradient(top, #355069 0, #5e7a9b 100%);
+}
 
 
 /*============================================
@@ -613,6 +629,13 @@ img.dw {
 	float: none;
 	margin: 0 auto;
 }
+article#main {
+	padding: 10px;
+	margin: 30px 0 0;
+}
+article#main .entry-content {
+	padding: 15px;
+}
 
 
 /*===== Wordpress =====*/
@@ -1454,9 +1477,11 @@ span.quiet {
   margin-right: 10px;
 }
 
-/*
- * Text field
- */
+
+
+/*============================================
+										Forms
+==============================================*/
 
 .text-field {
   width: 50%;
@@ -1544,9 +1569,10 @@ span.quiet {
   }
 }
 
-/*============================================
-										Forms
-==============================================*/
+
+.contact-form-message {
+
+}
 
 .signup-footer {
   background: #101a12;