studio

functions.php

@@ -64,6 +64,7 @@ function dw_scripts() {
 	}
 	
 	elseif ( is_page('studio') ) {
+		wp_enqueue_style( 'ani', get_template_directory_uri() . '/css/animate.css');
 		wp_enqueue_script('jquery', get_template_directory_uri() . '/js/jquery-2.1.1.min.js', array(), false, true);
 		wp_enqueue_script( 'modern', get_template_directory_uri() . '/js/modernizr.js', 'jquery', '', true );
 		wp_enqueue_script( 'boostrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', '', true );

page-studio.php

@@ -14,8 +14,7 @@
 					<div class="container animac">
 						<div class="row">
 							<div class="col-sm-12">
-								<h1 class="light super-duper cm-sans">Studio</h1>
-								<h1 class="light super cm"></h1>
+								<h1 class="light super-duper cm-sans wow fadeInLeft">Studio</h1>
 							</div>
 						</div>
 					</div>
@@ -24,8 +23,8 @@
 					<div class="container animac">
 						<div class="row">
 							<div class="col-sm-6">
-								<h1 class="light super cm-sans">I Can Haz Fancy Communication Designs</h1>
-								<h4 class="light cm">And a Fun Tagline Too</h4>
+								<h1 class="light super cm-sans tight wow fadeInDown" data-wow-delay="500ms">Web</h1>
+								<h2 class="light cm tight">Development &amp; Design</h4>
 								<h5 class="light">How about a couple lines for a description<br/>A second line</h5>
 							</div>
 							<div class="col-sm-6">
@@ -134,11 +133,15 @@
 			</div>
 		</div>
 	</div>
+	
 	<div class="container">
+		<div class="row">
+			<h3 class="big cm-sans">Recent Projects</h3>
+		</div>
 		<div class="row">							
 			<?php query_posts('category_name=studio&showposts=3'); ?>
 			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
-			<div class="col-sm-4 wow fadeInLeft">
+			<div class="col-sm-4">
 				<div class="studio-thumbnail">
 					<?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'medium'); ?>
 					<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><img class="studio-thumb" src="<?php echo $img_url[0];?>" width="100%" alt="<?php the_title(); ?>"/></a>
@@ -155,7 +158,7 @@
 		<div class="row">							
 			<?php query_posts('category_name=studio&offset=3&showposts=3'); ?>
 			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
-			<div class="col-sm-4 wow fadeInLeft">
+			<div class="col-sm-4">
 				<div class="studio-thumbnail">
 					<?php $img_url = wp_get_attachment_image_src(get_post_thumbnail_id(),'studio'); ?>
 					<a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( '%s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><img class="studio-thumb" src="<?php echo $img_url[0];?>" width="100%" alt="<?php the_title(); ?>"/></a>

style.css

@@ -142,6 +142,9 @@ input,button,select,textarea {
 	font-size: inherit;
 	line-height: inherit;
 }
+.tight {
+	margin: 3px 0;
+}
 .light {
 	color:#fcfcfc !important;
 }
@@ -160,13 +163,18 @@ input,button,select,textarea {
 em {
 	font-weight: bold;
 }
-h1.super {
+.big {
+	font-size: 29px;
+	font-weight: bold;
+	letter-spacing: -1px;
+}
+.super {
 	margin: 40px 0 0;
 	font-size: 43px;
 	font-weight: bold;
 	letter-spacing: -2px;
 }
-h1.super-duper {
+.super-duper {
 	font-size: 123px;
 	font-weight: bold;
 	letter-spacing: -2px;
@@ -738,8 +746,8 @@ h5.contact {
 .wallpaper,
 .wallpaper .wallpaper-container,
 .wallpaper .wallpaper-media {
-	-webkit-transition: none !important;
-	        transition: none !important;
+ 	-webkit-transition: opacity 0.5s linear !important;
+	        transition: opacity 0.5s linear !important;
 }
 .wallpaper { overflow: hidden; position: relative; }
 .wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; left:0px; width: 100%; z-index: -1; }