Browse Source

touch caro

windhamdavid 4 years ago
parent
commit
e2f450f3f3
4 changed files with 117 additions and 22 deletions
  1. 6 0
      js/scripts.js
  2. 2 0
      js/studio.js
  3. 43 16
      page-studio.php
  4. 66 6
      style.css

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


+ 2 - 0
js/studio.js

@@ -106,9 +106,11 @@ jQuery(document).ready(function($) {
 		var animac = new DrawFillSVG({elementId: 'svg-imac'});
 		var animac1 = new DrawFillSVG({elementId: 'sv'});
 		var animac2 = new DrawFillSVG({elementId: 'svg-mac'});
+		var animac3 = new DrawFillSVG({elementId: 'svg-device'});
 		animac.replay();
 		animac1.replay();
 		animac2.replay();
+		animac3.replay();
 	});
 
 	$('#caro').on('slide.bs.carousel', function() {

File diff suppressed because it is too large
+ 43 - 16
page-studio.php


+ 66 - 6
style.css

@@ -213,13 +213,14 @@ h5.contact {
 	body {
 		background: #fff;
 	}
-  article.single {
-  	padding: 20px 0px;
-  }
+	article.single {
+		padding: 20px 0px;
+	}
+    .super-duper {
+    	font-size: 63px;
+    }
 }
-@media (max-width: 768px) 
-	and  (min-width: 668px)
-{
+@media (max-width: 768px) and  (min-width: 668px) {
   article.single {
   	padding: 70px 20px 70px;
   }
@@ -234,6 +235,9 @@ h5.contact {
   article.single {
   	padding: 70px 40px 70px;
   }
+  .super-duper {
+  	font-size: 63px;
+  }
 }
 @media (min-width: 992px) {
 	.container {
@@ -668,6 +672,10 @@ h5.contact {
 	background: transparent url('img/web.gif') no-repeat 28% 15%;
 	background-size:95%;
 }
+#caro #svg-device {
+	float:right;
+	margin-top:-70px;
+}
 #studio-caro {
 	-webkit-transition: all 1s ease;
 	-moz-transition: all 1s ease;
@@ -772,6 +780,58 @@ h5.contact {
 .wallpaper .wallpaper-media.fixed { background-position: center; background-attachment: fixed; height: 100%; width: 100%; }
 .wallpaper .wallpaper-media.fixed img { display: none; }
 
+.touch-carousel {
+	position:relative;
+	overflow:hidden;
+	width:100%;
+	-webkit-transform:translate3d(0,0,0) scale3d(1,1,1);
+	-webkit-backface-visibility:hidden;
+	-webkit-transform-style:preserve-3d;
+	-webkit-tap-highlight-color:rgba(0,0,0,0);
+	-webkit-touch-callout:none;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;user-select:none
+}
+
+.touch-carousel .carousel-inner {
+	overflow:hidden;
+	-webkit-transform:translate3d(0%,0,0) scale3d(1,1,1);
+	-moz-transform:translate3d(0%,0,0) scale3d(1,1,1);
+	-ms-transform:translate3d(0%,0,0) scale3d(1,1,1);
+	transform:translate3d(0%,0,0) scale3d(1,1,1);
+	-webkit-backface-visibility:hidden;
+	-webkit-transform-style:preserve-3d;
+	-webkit-tap-highlight-color:rgba(0,0,0,0);
+	-webkit-touch-callout:none;
+	-webkit-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;
+	user-select:none
+}
+.touch-carousel .carousel-inner>.item {
+	position:relative;
+	float:left;
+	display:block;
+	-webkit-transition:none;
+	-moz-transition:none;
+	transition:none;
+	-webkit-backface-visibility:hidden;
+	-webkit-transform-style:preserve-3d
+}
+.touch-carousel .carousel-inner>.item * {
+	-webkit-transition:none;
+	-moz-transition:none;transition:none
+}
+.touch-carousel .carousel-inner.animate {
+	-webkit-transition:all .3s linear;
+	-moz-transition:all .3s linear;
+	transition:all .3s linear
+}
+@media screen and (max-width:767px){
+	.carousel-caption{display:none}
+}
+
 /*============================================
 					Navbar 
 ==============================================*/