Browse Source

studio front

windhamdavid 4 years ago
parent
commit
c9dc7ccc74
11 changed files with 375 additions and 78 deletions
  1. 16 2
      front-page.php
  2. 12 0
      functions.php
  3. 0 1
      header-home.php
  4. 4 1
      js/front-page.js
  5. 4 1
      js/front-page.min.js
  6. 1 1
      js/front.min.js
  7. 325 0
      js/studio.js
  8. 1 70
      page-about.php
  9. 6 1
      page-bio.php
  10. 5 0
      style.css
  11. 1 1
      style.min.css

File diff suppressed because it is too large
+ 16 - 2
front-page.php


+ 12 - 0
functions.php

@@ -62,6 +62,18 @@ function dw_scripts() {
 		//wp_enqueue_script( 'init', get_template_directory_uri() . '/js/init.min.js', 'jquery', '', true );
 	}
 	
+	elseif ( is_page('studio') ) {
+		wp_enqueue_style( 'cal', get_template_directory_uri() . '/css/fullcalendar.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 );
+		wp_enqueue_script( 'offcanvas', get_template_directory_uri() . '/js/jasny-bootstrap.js', 'jquery', '', true );
+		wp_enqueue_script( 'time', get_template_directory_uri() . '/js/moment.min.js', 'jquery', '', true );
+		wp_enqueue_script( 'cal', get_template_directory_uri() . '/js/fullcalendar.min.js', 'jquery', '', true );
+		wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
+		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/studio.js', 'jquery', '', true );
+	}
+	
 	elseif ( is_page('music') ) {
 		//wp_enqueue_script( 'script-o', get_template_directory_uri() . '/js/script-o.js', 'jquery', '', true );
 		wp_enqueue_script( 'script-o-min', get_template_directory_uri() . '/js/script-o.min.js', 'jquery', '', true );

+ 0 - 1
header-home.php

@@ -10,7 +10,6 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <meta name="description" content="David A. Windham - Zeken Woozer Enterprises, Un-Ltd. South Carolina USA" />
-<link rel="shortcut icon" href="../favicon.ico?v=2" />
 <title><?php dw_page_title();?></title>
 <?php wp_head(); ?>
 </head>

+ 4 - 1
js/front-page.js

@@ -33,9 +33,12 @@ $(document).ready(function(){
     $('#link2').swapAttr('rel');
 	
 	var iconmorph = new SVGMorpheus('#icon')
-	$( "a.home-card" ).hover(function() {
+	$( "a.zw-card" ).hover(function() {
 		iconmorph.to('zw', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
+	$( "a.dw-card" ).hover(function() {
+		iconmorph.to('dw', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	});
 	$( "a.phone-card" ).hover(function() {
 		iconmorph.to('phone', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});

+ 4 - 1
js/front-page.min.js

@@ -37,9 +37,12 @@ $(document).ready(function(){
     $('#link2').swapAttr('rel');
 	
 	var iconmorph = new SVGMorpheus('#icon')
-	$( "a.home-card" ).hover(function() {
+	$( "a.zw-card" ).hover(function() {
 		iconmorph.to('zw', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
+	$( "a.dw-card" ).hover(function() {
+		iconmorph.to('dw', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	});
 	$( "a.phone-card" ).hover(function() {
 		iconmorph.to('phone', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});

File diff suppressed because it is too large
+ 1 - 1
js/front.min.js


+ 325 - 0
js/studio.js

@@ -0,0 +1,325 @@
+new WOW().init();
+
+jQuery(document).ready(function($) {
+	
+$(window).bind('load', function() {
+	$('#loader').fadeOut(700);
+});
+
+
+/*============================================
+		      Welcome Cookies
+==============================================*/
+
+$(function dw_set_cookie() {
+	var COOKIE = 'windhamdavid-cookie';
+	var dwcookie = $.cookie(COOKIE);
+	if (dwcookie == null) {
+		$.cookie(COOKIE, 'yum-cookies', { expires: 7, path: '/'});
+		$('.terminal-welcome').modal('show');	
+		$('.welcome').typed({
+			strings: ['Hey,', 'Hello,\n^10Welcome to ^10my domain ^10...^10', 'Hello, \nWelcome to my little corner of the internet. \n^10It is nice to ', 'Hello, \nWelcome to my little corner of the internet. \nWhat is your name?^200\n'],
+			typeSpeed: 30,
+			backSpeed: 50,
+			startDelay: 0,
+			backDelay: 0,
+			loop: false,
+			loopCount: false,
+			attr: null,
+			callback: function(){
+				dw_terminal();
+			 }
+		});
+		$('.first-slide').css('visibility','hidden');	
+	}
+	else {
+		$('.terminal').modal('show');
+		if (localStorage.getItem('person') === null) {
+			var person = 'anonymous person';
+		}
+		else {
+			var person = localStorage.getItem('person');
+		}
+		$('.welcome-back-text').typed({
+			strings: ['...', 'Welcome back ' +person],
+			typeSpeed: 30,
+			backSpeed: 50,
+			startDelay: 0,
+			backDelay: 0,
+			loop: false,
+			loopCount: false,
+			attr: null,
+			callback: function(){	
+				dw_terminal();	
+			 }
+		});
+		$('.first-slide').css('visibility','hidden');
+		$('.terminal').on('hidden.bs.modal', function () {
+		    dw_caro();
+			$('.first-slide').css('visibility','visible');
+		});
+	}
+});
+	
+function dw_shift() {
+	$('.terminal-welcome').modal('hide');
+	$('.terminal-welcome').on('hidden.bs.modal', function () {
+	    dw_caro();
+		$('.first-slide').css('visibility','visible');
+	});
+}
+
+
+/*============================================
+		      Terminal
+==============================================*/
+(function ($){
+	$.fn.cli = function(handler, prompt, effect){
+		if (!prompt) prompt = '<span class="u">you</span><span class="at">@</span><span class="mee">david</span>&nbsp;&gt;&nbsp;';
+		if (!effect) effect = $.fn.text;
+		return this.each(function(){
+			var self = $(this);
+			function newline(){
+				self.
+				 append('<p class=input><span class=prompt>'+prompt+'</span><span  style=outline:none contenteditable></span></p>');
+				try {
+					$('[contenteditable]', self)[0].focus();
+				}catch(e){
+				}
+			}
+			newline();
+			self.on('keydown', '[contenteditable]', function(evt){
+				if (evt.keyCode === 13){
+					$(this).removeAttr('contenteditable');
+					effect.call($('<p class=response>').appendTo(self),handler(this.textContent || this.innerText));
+					newline();
+					return false;
+				}
+			});
+		});
+	};
+})(jQuery);
+
+function dw_terminal(){
+	function type(text){
+		var span = $('<span>').appendTo(this).after('<span id="blinker" style="background:green">&nbsp;&nbsp;</span>');
+		var style = $('<style>p.input {visibility: hidden} p.input.old {visibility: visible}</style>').appendTo('head');
+		$('p.input').addClass('old');
+		var progress = 0;
+		var timer = setInterval (function(){
+			span.text(text.substr(0, progress++));
+			if (progress > text.length){
+				$('#blinker').remove();
+				style.remove();
+				$('[contenteditable]')[0].focus();
+				clearInterval(timer);
+			}
+		},100);
+	}
+	$('.thermo-intro').cli(function(text){
+		if (text.length > 1) {
+			localStorage.setItem('person', text),
+			dw_shift();
+		};
+		return '';
+		}, null, type);
+	$('.thermo').cli(function(text){
+		if (/exit/i.test(text)) {
+			$('.terminal').modal('hide');
+		}
+		if (/help/i.test(text)) return "I need somebody. Type 'exit' to close";
+		if (/hello/i.test(text)) return "Hello to you!";
+		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";
+		if (/cd ../i.test(text)) return "Oh, I see";
+		if (/thermonuclear/i.test(text)) return "Wouldn't you prefer a nice game of chess?";
+		if (text.length < 3) return "type 'exit' to close";
+		return 'command not found: '+text;
+		}, null, type);
+	$('p.input').on('touchstart click', function(e) {
+		e.preventDefault();
+		$('[contenteditable]')[0].focus();
+	});
+}
+
+
+/*============================================
+		     Navigation 
+==============================================*/
+
+$('.nav-toggle').on('touchstart click', function(e) {
+	e.preventDefault();
+	$( this ).toggleClass( 'active' );
+});
+
+$('#nav').affix({
+	//offset: {top: $('.intro').height()-$('.navbar').height()}
+});	
+
+$(function dw_hidenav() {
+	var headerHeight = $('.navbar').height();
+	$(window).on('scroll', { previousTop: 0 },
+		function() {
+		var currentTop = $(window).scrollTop();
+		if (currentTop < this.previousTop) {
+			if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
+					$('.navbar').addClass('visible');
+					$('.site-title a').removeClass('light');
+				} else {
+					$('.navbar').removeClass('visible fixed');
+					$('.site-title a').addClass('light');
+				}
+		} 
+		else {
+			$('.navbar').removeClass('visible');
+			if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
+		}
+		this.previousTop = currentTop;
+		}  
+	);
+});
+
+
+/*============================================
+		      Carousel 
+==============================================*/
+
+$('.caro-grad').appear();
+$('.caro-grad').one('appear', dw_appear);
+function dw_appear() {
+	$('#caro').carousel({
+		interval: 5555,
+		wrap: false,
+		pause: false
+	});
+	var anima = new DrawFillSVG({elementId: 'sv'});
+	anima.replay();
+};
+
+$(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
+==============================================*/
+
+$('#caro').on('slid.bs.carousel', function() {
+	$('.active .animac').removeClass('hide-svg fade-svg');
+	var animac = new DrawFillSVG({elementId: 'svg-mac'});
+	var animac1 = new DrawFillSVG({elementId: 'svg-imac'});
+	var animac2 = new DrawFillSVG({elementId: 'svg'});
+	animac.replay();
+	animac1.replay();
+	animac2.replay();
+});
+
+$('#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();
+	});
+});
+
+
+
+		
+/*============================================
+		      Calendar
+==============================================*/	
+
+$('.calendar').fullCalendar ({
+	firstDay : 1,
+	height: 345,
+	events: [
+			{
+				title: 'Project',
+				start: '2014-09-27',
+				end: '2014-10-02'
+			},
+			{
+				title: 'Conf',
+				start: '2014-10-11',
+				end: '2014-10-13',
+				borderColor: 'red'
+			},
+			{
+				title: 'off',
+				start: '2014-10-13',
+				end: '2014-10-16'	
+			},
+			{
+				title: 'Contract',
+				start: '2014-10-16',
+				end: '2014-10-31'
+			},
+			{
+				title: 'Contract',
+				start: '2014-11-03',
+				end: '2014-11-22'
+			},
+			{
+				title: 'Project',
+				start: '2014-12-01',
+				end: '2014-12-06'
+			},
+			{
+				title: 'Project',
+				start: '2014-12-08',
+				end: '2014-12-13'
+			},
+			{
+				title: 'Holiday',
+				start: '2014-12-22',
+				end: '2015-01-05',
+				borderColor: 'red'
+			},
+			{
+				title: 'Project',
+				start: '2015-01-06',
+				end: '2015-01-25'
+			},
+			{
+				title: 'Project',
+				start: '2015-02-02',
+				end: '2015-02-14'
+			},
+			{
+				title: 'Holiday',
+				start: '2015-02-14',
+				end: '2015-02-19',
+				borderColor: 'red'
+			},
+			{
+				title: 'Project',
+				start: '2015-02-19',
+				end: '2015-03-07'
+			}
+	]
+});
+
+
+		
+});

File diff suppressed because it is too large
+ 1 - 70
page-about.php


+ 6 - 1
page-bio.php

@@ -16,8 +16,12 @@
 						</div>
 						<div class="col-md-6">
 							I am 41 years old<br>
-							I am married to Ginny<br>
+							I am 67 years old in spirit<br>
+							I am 12 years old at heart<br>
+							I am happily married to Ginny<br>
+							I am a web developer<br>
 							I live in Greenwood South Carolina.<br>
+							I lived here the last 5 years.<br>
 							I lived in Charleston, SC for 18 years<br>
 							I lived in Columbia, SC for 18 years<br>
 							I’ve been to every state except Texas and Alaska<br>
@@ -26,6 +30,7 @@
 							I have two cats – Cotton &amp; Peanut<br>
 							I enjoy playing tennis and golf<br>
 							I enjoy cooking and gardening<br>
+							I enjoy listening to <a href="../../studio/music">music</a><br>
 							I enjoy learning, solving puzzles, and games<br>
 							I enjoy traveling and meeting people<br>
 							I enjoy art and music<br>

+ 5 - 0
style.css

@@ -1033,6 +1033,11 @@ img.dw {
 	height:1px;
 	overflow:hidden;
 }
+.divider {
+	border-bottom: 1px solid #cecece;
+	width:100%;
+	margin: 30px 0 30px;
+}
 
 /*===== Structure =====*/
 .a:hover {

File diff suppressed because it is too large
+ 1 - 1
style.min.css