windhamdavid 5 years ago
parent
commit
81ad8112a6
8 changed files with 1761 additions and 62 deletions
  1. 6 3
      functions.php
  2. 2 2
      header-home.php
  3. 48 37
      index.php
  4. 1533 0
      js/holder.js
  5. 19 8
      js/init.js
  6. 69 0
      js/jasny-canvas.js
  7. 6 7
      js/scripts.js
  8. 78 5
      style.css

+ 6 - 3
functions.php

@@ -1,5 +1,7 @@
 <?php
 
+add_filter( 'pre_http_request', '__return_true', 100 ); //REMOVE All REMOTE CAllS
+
 if ( ! function_exists( 'dw_setup' ) ):
 function dw_setup() {
 	require( get_template_directory() . '/inc/template.php' );
@@ -29,11 +31,12 @@ function dw_scripts() {
 	wp_deregister_script('jquery');
 	wp_enqueue_script('jquery', get_template_directory_uri() . '/js/jquery-2.1.1.min.js', array(), false, 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-canvas.js', 'jquery', '', true );
-	wp_enqueue_script( 'trans', get_template_directory_uri() . '/js/smooth.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( 'valid', get_template_directory_uri() . '/js/validate.js', 'jquery', '', true );
+	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/holder.js', 'jquery', '', true );
+	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/validate.js', 'jquery', '', true );
+	wp_enqueue_script( 'trans', get_template_directory_uri() . '/js/smooth.js', 'jquery', '', true );
 	wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
 	//wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.min.js', 'jquery', '', true );
 	//wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', 'jquery', '', true );

+ 2 - 2
header-home.php

@@ -31,7 +31,7 @@
 		</div>
 	</div>
 </div>
-<div class="modal fade bs-example-modal-lg terminal" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
+<div class="modal fade terminal" tabindex="-1" role="dialog" aria-labelledby="welcomeback" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
       <div class="welcome-back"></div>
@@ -51,7 +51,7 @@
 		</div>
 	</div>
 </header>
-<nav class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
+<nav id="site-menu" class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
 	<ul class="nav nav-stacked">
 		<li><a href="<?php echo home_url( '/' ); ?>bio" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>notebook" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Notebook</a></li>

+ 48 - 37
index.php

@@ -2,29 +2,28 @@
 	<div class="container-full">
 		<div class="container">
 			<div class="row m-scene scene_element scene_element--fadeinright">
-				<div class="col-md-3  col-xs-3">
-					<img src="<?php echo get_bloginfo('template_directory');?>/img/daw.png" width="100" class="logo" alt="David Windham"/>
-				</div>
-				<div class="col-md-6  col-xs-6">
-					<h1 class="super didot">David A. Windham</h1>
-					<h3 class="cm-concrete">Something Else</h3>
-					<svg class="logo" width="250px" height="250px">
-						
+				<div class="col-xs-5">
+					<h1 class="didot">David A. Windham</h1>
+					
+					<svg class="logo" width="250px" height="0px">
 					</svg>
 				</div>
-				<div class="col-md-3 col-xs-3">
-					<div class="col-md-6  col-sm-6">
+				<div class="col-xs-4">
+					<img src="<?php echo get_bloginfo('template_directory');?>/img/daw.png" width="100" class="logo" alt="David Windham"/>
+				</div>
+				<div class="col-xs-3 front-nav">
+					<div class="col-sm-6">
 						<ul>
-							<li>Notebook</li>
-							<li>Studio</li>
-							<li>Bio</li>
+							<li><a href="notebook">Notebook</a></li>
+							<li><a href="studio">Studio</a></li>
+							<li><a href="bio">Bio</a></li>
 						</ul>
 					</div>
-					<div class="col-md-6  col-sm-6">
+					<div class="col-sm-6">
 						<ul>
-							<li>Contact</li>
-							<li>Archives</li>
-							<li>Essays</li>
+							<li><a href="contact">Contact</a></li>
+							<li><a href="archives">Archives</a></li>
+							<li><a href="essays">Essays</a></li>
 							<li></li>
 							<li></li>
 						</ul>
@@ -32,32 +31,44 @@
 				</div>
 		</div>
 	</div>
-	<div class="big-top container-full leader dark">
-		<div class="container">
-			<div class="row m-scene scene_element scene_element--fadeinright">
-				<div class="col-md-9">
-					<h1 class="light super cm-sans">Computer Modern Sans -2</h1>
-					<h3 class="light cm-concrete">This is really how it works!</h3>
-					<svg class="logo" width="250px" height="250px">
-					</svg>
-				</div>
-				<div class="col-md-3 col-xs-3">
-					<div class="col-md-6  col-sm-6">
-
+	<video id="tv" class="sat" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
+	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.mp4" type="video/mp4">
+	     <source src="<?php echo get_bloginfo('template_directory');?>/img/tv.webm" type="video/webm">
+	</video>
+	<div class="container-full">
+		<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel">
+			<div class="carousel-inner">
+				<div class="item active">
+					<div class="container">
+						<h1 class="light super cm-sans">Computer Modern Sans 1</h1>
+						<h3 class="light cm-concrete">The First tagline about that article</h3>
 					</div>
-					<div class="col-md-6  col-sm-6">
-
+					<div class="carousel-caption">
+						<p>Some sort of captions</p>
 					</div>
 				</div>
+			    <div class="item">
+					<div class="container">
+						<h1 class="light super cm-sanswow wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
+						<h3 class="light cm-concrete">Another line about that Essay</h3>
+					</div>
+					<div class="carousel-caption">
+						<p>Some sort of captions</p>
+					</div>
+			    </div>
+			    <div class="item bg1">
+					<div class="container">
+						
+						<h1 class="light super cm-sans">And A Third Title - 3</h1>
+						<h3 class="light cm-concrete">A Third byline about an Artwork</h3>
+					</div>
+					<div class="carousel-caption">
+						<p>Some sort of captions</p>
+					</div>
+			    </div>
 			</div>
 		</div>
 	</div>
-	<div class="container-full top-lead">
-		<div class="container">
-		<h1 class="light super cm-sans">Some Really Big Titles to Test</h1>
-		<h3 class="light cm-concrete">And a tagline about that article</h3>
-		</div>
-	</div>
 	<div class="container-fluid posts">
 		<div class="container2">
 			<div class="row">

File diff suppressed because it is too large
+ 1533 - 0
js/holder.js


+ 19 - 8
js/init.js

@@ -1,5 +1,3 @@
-new WOW().init();
-
 jQuery(document).ready(function($) {
 
 $(window).bind("load", function () {
@@ -38,7 +36,7 @@ $(function cookieset(){
 			loopCount: false,
 			attr: null,
 			callback: function(){
-			 	shift();
+			 	thecollapse();
 			 }
 		});	
 	}
@@ -56,13 +54,10 @@ function shift(){
 };
 
 function thecollapse(){
-	//$('.intro').collapse('hide')
+	$('.intro').collapse('hide')
 	$('.terminal').modal('hide')
 };
 
-
-
-
 $('#nav').affix({
 	offset: {top: $('.intro').height()-$('#nav').height()}
 });	
@@ -71,6 +66,20 @@ $('.nav-toggle').on( 'click', function() {
 	$( this ).toggleClass( 'active' );
 });
 
+$('.carousel').carousel({
+	interval: 4200
+});
+
+$('.carousel').on('slide.bs.carousel', function () {
+	$('.carousel-caption').fadeIn(600)
+	//$('#tv').removeClass('invert');
+})
+
+$('.carousel').on('slid.bs.carousel', function () {
+	$('.carousel-caption').fadeOut(600)
+	//$('#tv').addClass('invert');
+})
+
 $(function(){
 	$('.calendar').fullCalendar ({
 		firstDay : 1,
@@ -199,4 +208,6 @@ var commentsDiv = $('#comments');
                 }
             }
         }).data('smoothState');
-})(jQuery);
+})(jQuery);
+
+new WOW().init();

+ 69 - 0
js/jasny-canvas.js

@@ -136,6 +136,24 @@
       .emulateTransitionEnd(350)
   }
 
+  OffCanvas.prototype.disableScrolling = function() {
+    var bodyWidth = $('body').width()
+    var prop = 'padding-' + this.opposite(this.placement)
+
+    if ($('body').data('offcanvas-style') === undefined) {
+      $('body').data('offcanvas-style', $('body').attr('style') || '')
+    }
+      
+    $('body').css('overflow', 'hidden')
+
+    if ($('body').width() > bodyWidth) {
+      var padding = parseInt($('body').css(prop), 10) + $('body').width() - bodyWidth
+      
+      setTimeout(function() {
+        $('body').css(prop, padding)
+      }, 1)
+    }
+  }
 
   OffCanvas.prototype.show = function () {
     if (this.state) return
@@ -298,3 +316,54 @@
   })
 
 }(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: transition.js v3.1.3
+ * http://getbootstrap.com/javascript/#transitions
+ * ========================================================================
+ * Copyright 2011-2014 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
+
+
++function ($) {
+  'use strict';
+
+  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
+  // ============================================================
+
+  function transitionEnd() {
+    var el = document.createElement('bootstrap')
+
+    var transEndEventNames = {
+      WebkitTransition : 'webkitTransitionEnd',
+      MozTransition    : 'transitionend',
+      OTransition      : 'oTransitionEnd otransitionend',
+      transition       : 'transitionend'
+    }
+
+    for (var name in transEndEventNames) {
+      if (el.style[name] !== undefined) {
+        return { end: transEndEventNames[name] }
+      }
+    }
+
+    return false // explicit for ie8 (  ._.)
+  }
+
+  if ($.support.transition !== undefined) return  // Prevent conflict with Twitter Bootstrap
+
+  // http://blog.alexmaccaw.com/css-transitions
+  $.fn.emulateTransitionEnd = function (duration) {
+    var called = false, $el = this
+    $(this).one($.support.transition.end, function () { called = true })
+    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
+    setTimeout(callback, duration)
+    return this
+  }
+
+  $(function () {
+    $.support.transition = transitionEnd()
+  })
+
+}(window.jQuery);

+ 6 - 7
js/scripts.js

@@ -1611,13 +1611,12 @@
 })(jQuery, window, document);
 
 
-/*!
- * jQuery Cookie Plugin v1.4.1
- * https://github.com/carhartl/jquery-cookie
- *
- * Copyright 2006, 2014 Klaus Hartl
- * Released under the MIT license
- */
+
+// ------------- jQuery Cookie Plugin v1.4.1 -------------------------------- //
+// ============ https://github.com/carhartl/jquery-cookie =================== //
+// -------------------------------------------------------------------------- //
+
+
 (function (factory) {
 	if (typeof define === 'function' && define.amd) {
 		// AMD

+ 78 - 5
style.css

@@ -479,11 +479,19 @@ h1.super {
 	animation: blink 1s 30;
 }
 .welcome-back {
-	padding: 10px;
+	height: 420px;
+	padding: 80px 220px;
 	max-width: 100%;
 	display: block;
 	white-space: pre;
 	font-size: 27px;
+	background: transparent url('img/macbook.png') no-repeat center;
+}
+.terminal .modal-content {
+	margin: 100px;
+	border: none;
+	-webkit-box-shadow:none;
+	background-color: transparent !important;
 }
 .welcome-back:after {
   visibility: visible;
@@ -561,6 +569,70 @@ h1.super {
 	-ms-filter: blur(5px);		
 }
 
+.carousel-fade .carousel-inner .item {
+  opacity: 0;
+  -webkit-transition-property: opacity;
+  -moz-transition-property: opacity;
+  -o-transition-property: opacity;
+  transition-property: opacity;
+}
+.carousel-fade .carousel-inner .active {
+  opacity: 1;
+}
+.carousel-fade .carousel-inner .active.left,
+.carousel-fade .carousel-inner .active.right {
+  left: 0;
+  opacity: 0;
+  z-index: 1;
+}
+.carousel-fade .carousel-inner .next.left,
+.carousel-fade .carousel-inner .prev.right {
+  opacity: 1;
+}
+.carousel-fade .carousel-control {
+  z-index: 2;
+}
+
+.blur {
+  -webkit-filter: blur(5px);
+  -moz-filter: blur(5px);
+  -o-filter: blur(5px);
+  -ms-filter: blur(5px);
+  filter: blur(5px);
+}
+
+#carousel {
+	height: 400px;
+}
+.bg1 {
+	//background: url(img/desk.jpg) no-repeat left center;
+	background-size: cover;
+	-webkit-background-size: cover;
+	-moz-background-size: cover;
+	-o-background-size: cover;
+	background-size: cover;
+}
+#tv {
+	position: fixed; 
+	right: 0; 
+	bottom: 0;
+	min-width: 100%; 
+	min-height: 100%;
+	width: 100%; 
+	height: 200px; 
+	z-index: -100;
+	background: url(tv.jpg) no-repeat;
+	background-size: cover;
+	-webkit-filter: blur(0px);
+	-webkit-filter: saturate(10%);	
+}
+#tv.invert {
+	-webkit-filter: invert(100%);
+}
+#tv.contrast {
+	-webkit-filter: contrast(100%);
+}
+
 
 /*============================================
 										Navbar 
@@ -740,7 +812,9 @@ img.dw {
 	margin: 0 auto;
 	vertical-align: top;
 }
-
+.front-nav {
+	margin: 10px 0 0;
+}
 
 
 /*============================================
@@ -1598,8 +1672,8 @@ span.right {
 	float: right;
 }
 .footer {
-	background: url(img/space.jpg);
-	padding: 100px 0 300px;
+	background: //url(img/space.jpg);
+	padding: 50px 0 30px;
 }
 
 
@@ -1712,7 +1786,6 @@ span.right {
   }
 }
 
-
 .contact-form-message {
 
 }