windhamdavid 4 years ago
parent
commit
4bc791715c
7 changed files with 217 additions and 41 deletions
  1. 1 1
      footer-home.php
  2. 1 1
      footer-studio.php
  3. 1 0
      functions.php
  4. 7 0
      js/scripts.js
  5. 38 6
      js/studio.js
  6. 98 18
      page-studio.php
  7. 71 15
      style.css

+ 1 - 1
footer-home.php

@@ -8,7 +8,7 @@
 					<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
 				</ul>
 				<ul>
-					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-lightbulb-o fa-fw"></span> Studio</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
 				</ul>

+ 1 - 1
footer-studio.php

@@ -8,7 +8,7 @@
 					<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
 				</ul>
 				<ul>
-					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-lightbulb-o fa-fw"></span> Studio</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
 				</ul>

+ 1 - 0
functions.php

@@ -13,6 +13,7 @@ function dw_setup() {
 	add_theme_support( 'post-formats', array( 'aside', 'gallery', 'image', 'video', 'audio', 'quote', 'link', 'status', 'chat' ) );
 	set_post_thumbnail_size( 150, 150, true );
 	add_image_size( 'post-large', 770, 577, true );
+	add_image_size( 'studio', 400, 300, true );
 }
 endif; 
 add_action( 'after_setup_theme', 'dw_setup' );

File diff suppressed because it is too large
+ 7 - 0
js/scripts.js


+ 38 - 6
js/studio.js

@@ -33,16 +33,19 @@ jQuery(document).ready(function($) {
 			}  
 		);
 	});
-
+	$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/desk2.jpg"});
 	$('.caro-grad').appear();
 	$('.caro-grad').one('appear', dw_appear);
 	function dw_appear() {
 		$('#caro').carousel({
-			interval: 7000,
+			interval: 9000,
 			wrap: true,
-			pause: false,
+			//pause: false,
+			cycle: false,
 			keyboard: true
 		});
+		$('#svg-imac').addClass('bg');
+		
 		var anima = new DrawFillSVG({elementId: 'svg-imac'});
 		anima.replay();
 	};
@@ -59,14 +62,41 @@ jQuery(document).ready(function($) {
 	$('#caro').on('slid.bs.carousel', function(event) {
 		var consta = $(event.target);
 		setTimeout(function() {
+			if (consta.find('.item.active').data('id') === 0) {
+				$('#studio-caro').addClass('caro-grad5').removeClass('caro-grad caro-grad3 caro-grad2 caro-grad5');
+				$('.site-title a').addClass('light');
+				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/desk2.jpg"});
+			}
 			if (consta.find('.item.active').data('id') === 1) {
-				$('#studio-caro').addClass('caro-grad').removeClass('caro-grad3 caro-grad2');
+				$('#studio-caro').addClass('caro-grad').removeClass('caro-grad3 caro-grad2 caro-grad5');
+				$('.site-title a').addClass('light');
+				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper("destroy");
 			}
 			if (consta.find('.item.active').data('id') === 2) {
-				$('#studio-caro').removeClass('caro-grad caro-grad3').addClass('caro-grad2');
+				$('#studio-caro').addClass('caro-grad2').removeClass('caro-grad caro-grad3 caro-grad5');
+				$('.site-title a').addClass('light');
+				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper("destroy");
 			}
 			if (consta.find('.item.active').data('id') === 3) {	
-				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad');
+				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad caro-grad5');
+				$('.site-title a').removeClass('light');
+				$('.carousel-indicators li').addClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper("destroy");
+			}
+			if (consta.find('.item.active').data('id') === 4) {	
+				$('#studio-caro').removeClass('caro-grad caro-grad3').addClass('caro-grad5');
+				$('.site-title a').addClass('light');
+				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper({source: {poster:"../wp-content/themes/dw/img/camera.jpg",mp4:"../wp-content/themes/dw/img/camera.mp4"}});
+			}
+			if (consta.find('.item.active').data('id') === 5) {	
+				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad caro-grad5');
+				$('.site-title a').removeClass('light');
+				$('.carousel-indicators li').addClass('darken-carousel-indicators');
+				$("#studio-caro").wallpaper("destroy");
 			}
 		}, 10);
 	});
@@ -95,5 +125,7 @@ jQuery(document).ready(function($) {
 		    screenit();
 		});
 	});
+	
+
 		
 });

File diff suppressed because it is too large
+ 98 - 18
page-studio.php


+ 71 - 15
style.css

@@ -166,6 +166,11 @@ h1.super {
 	font-weight: bold;
 	letter-spacing: -2px;
 }
+h1.super-duper {
+	font-size: 123px;
+	font-weight: bold;
+	letter-spacing: -2px;
+}
 h5.contact {
 	margin: 0 0 5px !important;
 }
@@ -645,11 +650,18 @@ h5.contact {
 	margin: 0;
 	float: right;
 }
-#caro svg#svg-imac.bg {
-	max-height: 460px;
-	margin: 0;
-	float: right;
+#caro #svg-imac {
+	max-height: 420px;
+}
+#caro #svg-imac.bg {
 	background: transparent url('img/web.gif') no-repeat 28% 15%;
+	background-size:95%;
+}
+#studio-caro {
+	-webkit-transition: all 1s ease;
+	-moz-transition: all 1s ease;
+	-o-transition: all 1s ease;
+	transition: all 1s ease;
 }
 .caro-grad {
 	background: #5E7A9B;
@@ -659,18 +671,19 @@ h5.contact {
 	background: linear-gradient(top, #355069 0, #5e7a9b 100%);
 }
 .caro-grad2 {
-	background: #5E7A9B;
-	background: -webkit-linear-gradient(top, #000 0, #5e7a9b 100%);
-	background: -moz-linear-gradient(top, #000 0, #5e7a9b 100%);
-	background: -o-linear-gradient(top, #000 0, #5e7a9b 100%);
-	background: linear-gradient(top, #000 0, #5e7a9b 100%);
+	background: #000000;
 }
 .caro-grad3 {
-	background: #5E7A9B;
-	background: -webkit-linear-gradient(top, #fff 0, #5e7a9b 100%);
-	background: -moz-linear-gradient(top, #fff 0, #5e7a9b 100%);
-	background: -o-linear-gradient(top, #fff 0, #5e7a9b 100%);
-	background: linear-gradient(top, #fff 0, #5e7a9b 100%);
+	background: #ffffff;
+}
+.caro-grad5 {
+	background: none;
+}
+.darken-carousel-indicators {
+	border: 1px solid #000 !important;
+}
+.carousel-indicators .darken-carousel-indicators.active  {
+	background: #000 !important;
 }
 .bg1 {
 	background-size: cover;
@@ -722,7 +735,28 @@ h5.contact {
 	-webkit-animation: vidunblur 4s;
 	animation: vidunblur 4s;
 }
-
+.wallpaper,
+.wallpaper .wallpaper-container,
+.wallpaper .wallpaper-media {
+	-webkit-transition: none !important;
+	        transition: none !important;
+}
+.wallpaper { overflow: hidden; position: relative; }
+.wallpaper .wallpaper-container { height: 100%; overflow: hidden; position: absolute; top: 0; left:0px; width: 100%; z-index: -1; }
+.wallpaper .wallpaper-media { left: 0; opacity: 0; position: absolute; top: 0; }
+.wallpaper .wallpaper-media.animated {
+ 	-webkit-transition: opacity 0.5s linear !important;
+	        transition: opacity 0.5s linear !important;
+}
+.wallpaper .wallpaper-media img,
+.wallpaper .wallpaper-media video,
+.wallpaper .wallpaper-media iframe { display: block; height: 100%; width: 100%; }
+.wallpaper .wallpaper-embed.ready:after { content: ''; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
+.wallpaper .wallpaper-embed.ready iframe { /* pointer-events: none; - safari doesn't like this :/ */ z-index: 0; }
+.wallpaper .wallpaper-media.native { background-position: center; background-size: cover; height: 100%; width: 100%; }
+.wallpaper .wallpaper-media.native img { display: none; }
+.wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; }
+.wallpaper .wallpaper-media.fixed img { display: none; }
 
 /*============================================
 					Navbar 
@@ -1106,6 +1140,27 @@ article.blurb {
 	margin:25px 0;
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
+article.studio {
+	background: #fff;
+	padding: 0 15px 10px;
+	margin:0 0 20px;
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+}
+.studio-thumbnail {
+	max-height:180px;
+	overflow:hidden;
+}
+img.studio-thumb {
+	box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
+    -webkit-filter: saturate(0) opacity(0.6);
+    filter: saturate(0) opacity(0.6);
+	-webkit-transition: all 1s;
+	transition: all 1s;
+}
+img.studio-thumb:hover {
+    -webkit-filter: saturate(1) opacity(1);
+    filter: saturate(1) opacity(1);
+}
 .post {
 	margin-bottom: 40px;
 }
@@ -1779,6 +1834,7 @@ li.comment.thread-odd {
 
 
 /*===== Images ======*/
+
 img.avatar {
 	width: 50px;
 	height: 50px;