Browse Source

svg screen gif

windhamdavid 5 years ago
parent
commit
8c60b9e5d5
3 changed files with 75 additions and 21 deletions
  1. 35 16
      index.php
  2. 26 3
      js/init.js
  3. 14 2
      style.css

File diff suppressed because it is too large
+ 35 - 16
index.php


+ 26 - 3
js/init.js

@@ -3,7 +3,7 @@ new WOW().init();
 jQuery(document).ready(function($) {
 	
 $(window).bind('load', function() {
-	$('#loader').fadeOut(700);
+	$('#loader').fadeOut(70);
 });
 
 
@@ -131,6 +131,7 @@ function dw_terminal(){
 		if (/what/i.test(text)) return "This is a website silly human";
 		if (/and/i.test(text)) return "and what?";
 		if (/who/i.test(text)) return "David A. Windham";
+		if (/when/i.test(text)) return "Yesterday";
 		if (/how/i.test(text)) return "JavaScript is a dynamic computer programming language";
 		if (/why/i.test(text)) return "For fun";
 		if (/you/i.test(text)) return "your mama";
@@ -190,12 +191,12 @@ $('.carousel').carousel({
 	interval: false
 });
 
-$('.carousel').on('slide.bs.carousel', function() {
+$('#caro-lead').on('slide.bs.carousel', function() {
 	$('.carousel-caption').fadeIn(600);
 	//$('#tv').removeClass('invert');
 });
 
-$('.carousel').on('slid.bs.carousel', function() {
+$('#caro-lead').on('slid.bs.carousel', function() {
 	$('.carousel-caption').fadeOut(600);
 	//$('#tv').addClass('invert');
 });
@@ -204,9 +205,24 @@ $('.caro').carousel({
 	interval: 9000
 });
 
+$(document).bind('keyup', function(e) {
+    if(e.which == 39){
+		//$('#caro-lead').carousel('next');
+		$('#caro').carousel('next');
+    }
+    else if(e.which == 37){
+		//$('#caro-lead').carousel('prev');
+		$('#caro').carousel('prev');
+    }
+});
+
 /*============================================
 		      SVG Animate
 ==============================================*/
+(function() {
+	var myAnimation = new DrawFillSVG({elementId: "sv"});
+})();
+
 
 $('#caro').on('slid.bs.carousel', function() {
 	$('.active .animac').removeClass('hide-svg fade-svg');
@@ -219,11 +235,18 @@ $('#caro').on('slid.bs.carousel', function() {
 });
 
 $('#caro').on('slide.bs.carousel', function() {
+	$('.active #svg-imac.bg').attr('class', 'svg screen');
 	$('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
 	    $(this).addClass('hide-svg');
 	    hideit();
 	});
 });
+$('#caro').on('slid.bs.carousel', function() {
+	$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
+	    $(this).attr('class', 'bg');
+	    screenit();
+	});
+});
 
 
 /*============================================

+ 14 - 2
style.css

@@ -590,10 +590,10 @@ h1.super {
 }
 
 #caro-lead {
-	height: 400px;
+	min-height: 400px;
 }
 #caro {
-	height: 600px;
+	
 }
 .hide-svg {
 	visibility: hidden;
@@ -612,6 +612,18 @@ h1.super {
 	-ms-animation: fadeIn 1s;
 	animation: fadeIn 1s;
 }
+#caro svg#svg-imac.screen {
+	max-height: 460px;
+	margin: 0;
+	float: right;
+}
+#caro svg#svg-imac.bg {
+	max-height: 460px;
+	margin: 0;
+	float: right;
+	background: transparent url('img/web.gif') no-repeat 28% 15%;
+}
+
 .bg1 {
 	//background: url(img/desk.jpg) no-repeat left center;
 	background-size: cover;