studio

js/studio.js

@@ -38,11 +38,8 @@ jQuery(document).ready(function($) {
 	$('.caro-grad').one('appear', dw_appear);
 	function dw_appear() {
 		$('#caro').carousel({
-			interval: 9000,
+			interval: false,
 			wrap: true,
-			//pause: false,
-			cycle: false,
-			keyboard: true
 		});
 		$('#svg-imac').addClass('bg');
 		
@@ -66,6 +63,7 @@ jQuery(document).ready(function($) {
 				$('#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("destroy");
 				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/desk2.jpg"});
 			}
 			if (consta.find('.item.active').data('id') === 1) {
@@ -90,13 +88,15 @@ jQuery(document).ready(function($) {
 				$('#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("destroy");
 				$("#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');
+				$( '#studio-caro' ).addClass('caro-grad5').removeClass('caro-grad2 caro-grad caro-grad3');
+				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').addClass('darken-carousel-indicators');
 				$("#studio-caro").wallpaper("destroy");
+				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/paints2.jpg"});
 			}
 		}, 10);
 	});
@@ -127,7 +127,5 @@ jQuery(document).ready(function($) {
 		    screenit();
 		});
 	});
-	
-
-		
+			
 });

page-studio.php

@@ -53,19 +53,28 @@
 					<div class="container animac hide-svg">
 						<div class="row">
 							<div class="col-sm-4">
-								<h1 class="light super cm-sans tight wow fadeInDown" data-wow-delay="500ms">UX</h1>
-								<h3 class="light cm tight wow fadeInUp" data-wow-delay="500ms">User Experience Design</h3>
+								<h1 style="margin:0px" class="light super cm-sans tight wow fadeInDown" data-wow-delay="500ms">UX</h1>
+								<h3 class="light cm tight wow fadeInUp" data-wow-delay="500ms">User Experience<br />Design</h3>
 								<h5 class="light wow fadeIn" data-wow-delay="2s">Information Architecture<br/>Interaction Design<br />Usability Testing</h5>
 							</div>
 							<div class="col-sm-8">
-								<svg id="sv" height="200px" viewBox="-450 469 298 342">
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#1572B6" d="M-422.9,777.3l-27.1-303.6h297.4l-27.1,303.6L-301.4,811L-422.9,777.3z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#33A9DC" d="M-301.2,785.2l98.4-27.3l23.2-259.4h-121.6V785.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.2,608.5v23.1v14v0.1H-342h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.1,533.1v23.1v14v0.1h-89.8h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.1z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-255.1,644.2l-4.5,49.9l-41.5,11.2V744l76.3-21.2l0.6-6.3l6.5-72.4H-255.1z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301,705.2l-0.2,0l-41.5-11.2l-2.7-29.7h-20.2h-17.2l5.2,58.5l76.3,21.2l0.2,0V705.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-301.2,608.5h49.3l3.4-38.1h-52.7v-37.2h0.1h93.2l-0.9,10l-9.2,102.6h-83.3V608.5z"/>
+								<svg id="sv" height="220px" viewBox="0 0 600 220">
+								<path fill="#E34F26" stroke="#FFFFFF" stroke-miterlimit="10" d="M426.2,195.4l-17-191.2h187.5l-17,191.2L502.7,217"/>
+								<path fill="#EF652A" stroke="#FFFFFF" stroke-miterlimit="10" d="M504.2,202.6l62.6-17.2l14.7-165.7h-77.4"/>
+								<path fill="#EBEBEB" stroke="#FFFFFF" stroke-miterlimit="10" d="M504.2,91.6h-31.5l-2.1-24.4h33.6V43.7h-0.4h-59.3l0.4,6.3l5.9,65.6h53.4V91.6z"/>
+								<path fill="#EBEBEB" stroke="#FFFFFF" stroke-miterlimit="10" d="M504.2,153.4h-0.4l-26.5-7.1l-1.7-18.9H463H452l2.9,37.4l48.8,13.5h0.4V153.4z"/>
+								<path fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M503.7,91.6v24h29.4l-2.9,30.7l-26.5,7.1v24.8l48.8-13.5l0.4-4.2l5.5-62.6l0.8-6.3h-6.7H503.7z"/>
+								<path fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M503.7,43.7v14.7v8.8l0,0h57.6l0,0l0,0l0.4-5L563,50l0.4-6.3H503.7z"/>
+								<path fill="#F7DF1E" stroke="#FFFFFF" stroke-miterlimit="10" d="M205.2,4.2h190.3v190.3H205.2V4.2z"/>
+								<path fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" d="M333.1,152.9c3.8,6.3,8.8,10.9,17.6,10.9c7.4,0,12.1-3.7,12.1-8.8c0-6.1-4.9-8.3-13-11.9l-4.5-1.9c-12.9-5.5-21.5-12.4-21.5-27c0-13.4,10.2-23.6,26.2-23.6c11.4,0,19.5,4,25.4,14.3l-13.9,8.9c-3.1-5.5-6.4-7.7-11.5-7.7c-5.2,0-8.6,3.3-8.6,7.7c0,5.4,3.3,7.5,11,10.9l4.5,1.9c15.2,6.5,23.8,13.2,23.8,28.1c0,16.1-12.7,24.9-29.6,24.9c-16.6,0-27.3-7.9-32.6-18.3L333.1,152.9z"/>
+								<path fill="#000000" stroke="#FFFFFF" stroke-miterlimit="10" d="M269.9,154.4c2.8,5,5.4,9.2,11.5,9.2c5.9,0,9.6-2.3,9.6-11.2V91.6h17.9v61.1c0,18.5-10.9,27-26.7,27c-14.3,0-22.6-7.4-26.8-16.3L269.9,154.4z"/>
+								<path fill="#1572B6" stroke="#FFFFFF" stroke-miterlimit="10" d="M21.6,196.1L4.4,4.3h187.9l-17.1,191.8l-76.9,21.3L21.6,196.1z"/>
+								<path fill="#33A9DC" stroke="#FFFFFF" stroke-miterlimit="10" d="M98.4,201.1l62.2-17.2L175.3,20H98.4V201.1z"/>
+								<path fill="#EBEBEB" stroke="#FFFFFF" stroke-miterlimit="10" d="M97.9,89.6v14.5v8.8v0.1H72.3h-0.1l-0.4-5.3l-1.1-11.9l-0.6-6.3L97.9,89.6L97.9,89.6z"/>
+								<path fill="#EBEBEB" stroke="#FFFFFF" stroke-miterlimit="10" d="M97.9,42v14.5v8.8v0.1H41.6h-0.1L41,60.1L40,48.2l-0.6-6.3L97.9,42L97.9,42z"/>
+								<path fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M127.6,112.1l-2.8,31.5l-26.2,7.1v24.4l48.2-13.4l0.4-4l4.1-45.7L127.6,112.1L127.6,112.1z"/>
+								<path fill="#EBEBEB" stroke="#FFFFFF" stroke-miterlimit="10" d="M98,150.7h-0.1l-26.1-7l-1.7-18.7H57.4H46.6l3.3,36.7l47.9,13.3h0.1L98,150.7L98,150.7z"/>
+								<path fill="#FFFFFF" stroke="#FFFFFF" stroke-miterlimit="10" d="M98.4,89.5h31.1l2.1-24.1H98.4V41.9h0.1h58.9l-0.6,6.3l-5.8,64.8H98.4L98.4,89.5L98.4,89.5z"/>
 								</svg>
 							</div>
 						</div>
@@ -76,8 +85,8 @@
 						<div class="row">
 							<div class="col-sm-4">
 								<h1 class="super cm-sans tight wow fadeInDown" data-wow-delay="500ms">Graphic</h1>
-								<h3 class="cm tight wow fadeInUp" data-wow-delay="500ms">Design</h3>
-								<h5 class="wow fadeIn" data-wow-delay="2s">Illustration<br />Branding<br/>Print</h5>
+								<h3 class="cm tight wow fadeInUp" data-wow-delay="500ms">Design Communication</h3>
+								<h5 class="wow fadeIn" data-wow-delay="2s">Branding | Print | Illustration<br/>Infographics<br/>Data Visualization</h5>
 							</div>
 							<div class="col-sm-8">
 								<svg id="svg-mac" class="svg" height="300px" viewBox="0 0 500 300">
@@ -110,11 +119,10 @@
 					<div class="container animac hide-svg">
 						<div class="row">
 							<div class="col-sm-3">
-								<h1 class="super cm-sans tight wow fadeInDown" data-wow-delay="500ms">Art</h1>
-								<h5 class="wow fadeIn" data-wow-delay="2s">Painting<br /></h5>
+								<h1 class="light super cm-sans tight wow fadeInDown" data-wow-delay="500ms">Art</h1>
 							</div>
 							<div class="col-sm-9">
-								<img src="<?php echo get_template_directory_uri();?>/img/paints2.jpg" width="100%" alt="oil paints">
+								
 							</div>
 						</div>
 					</div>