:hocho:

footer-home.php

@@ -6,7 +6,7 @@
 					<li><a href="<?php echo home_url( '/' ); ?>about"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
 					<li><a href="http://photo.davidawindham.com" title="Photo" ><span class="fa fa-camera-retro fa-fw"></span> Photo</a></li>
 					<li><a href="http://radio.davidawindham.com"><span class="fa fa-microphone fa-fw"></span> Radio</a></li>
-					<li><a href="http://chess.davidawindham.com">&#9814; Chess</a></li>
+					<li><a href="http://chess.davidawindham.com"><span class="chess-html">&#9814;</span> Chess</a></li>
 
 				</ul>
 				<ul style="float:left;margin-right:10px;">
@@ -25,7 +25,7 @@
 				</ul>
 			</div>
 		</div>
-		<div class="row">
+		<div class="row mt-5">
 			<div class="col-md-4">
 				<ul class="social">
 					<li><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
@@ -40,6 +40,10 @@
 			</div>
 		</div>
 	</div>
+	<div class="cookie-notification js-cookie-notification">
+		<p>By using this website, you agree to the use of<br />cookies and the <a href="https://davidawindham.com/privacy/">privacy policy</a>.</p>
+		<button class="btn btn-default" type="submit"><a href="#" class="js-cookie-notification-hide">Agree and dismiss</a></button>
+	</div>
 </div>
 <?php wp_footer(); ?>
 </body>

functions.php

@@ -36,6 +36,10 @@ function dw_editor() {
 }
 add_action( 'enqueue_block_editor_assets', 'dw_editor' );
 
+function dw_remove_block_library_css(){
+    wp_dequeue_style( 'wp-block-library' );
+}
+add_action( 'wp_enqueue_scripts', 'dw_remove_block_library_css' );
 
 add_action( 'wp_enqueue_scripts', 'dw_scripts' );
 function dw_scripts() {
@@ -49,31 +53,14 @@ function dw_scripts() {
 	wp_deregister_script('jquery');
 
 	if ( is_page('about') ) {
-		//wp_enqueue_style( 'boot', get_template_directory_uri() . '/css/boot.css');
-		//wp_enqueue_style( 'cal', get_template_directory_uri() . '/css/fullcalendar.css');
-		//wp_enqueue_style( 'ani', get_template_directory_uri() . '/css/animate.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( 'valid', get_template_directory_uri() . '/js/validate.min.js', 'jquery', '', true );
-		//wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
-		wp_enqueue_script( 'scriptmin', get_template_directory_uri() . '/js/v3-script.min.js', 'jquery', '', true );
-		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/about.js', 'jquery', '', true );
+		wp_enqueue_script( 'scriptmin', get_template_directory_uri() . '/js/v3-script.min.js', '', '', true );
+		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/about.js', '', '', true );
 		//wp_enqueue_script( 'init', get_template_directory_uri() . '/js/init.min.js', 'jquery', '', true );
 	}
 
 	elseif ( is_page('studio') ) {
-		//wp_enqueue_style( 'ani', get_template_directory_uri() . '/css/animate.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( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
-		wp_enqueue_script( 'scriptmin', get_template_directory_uri() . '/js/script.min.js', '', '', true );
-		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/studio.js', 'jquery', '', true );
+		wp_enqueue_script( 'scriptmin', get_template_directory_uri() . '/js/v3-script.min.js', '', '', true );
+		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/studio.js', '', '', true );
 	}
 
 	elseif ( is_page('music') ) {

js/studio.js

@@ -1,7 +1,7 @@
 new WOW().init();
 
 jQuery(document).ready(function($) {
-	
+
 	$(window).bind('load', function() {
 		$('#loader').fadeOut(100);
 	});
@@ -24,23 +24,23 @@ jQuery(document).ready(function($) {
 						$('.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;
-			}  
+			}
 		);
 	});
-	
+
 	$("#studio-caro").wallpaper({source: "../wp-content/themes/daw/img/desk2.jpg"});
 
 	$('#caro').carousel({
 		interval: 5000,
 		wrap: true,
 	});
-	
+
 	$(document).bind('keyup', function(e) {
 	    if(e.which === 39){
 			$('#caro').carousel('next');
@@ -49,7 +49,7 @@ jQuery(document).ready(function($) {
 			$('#caro').carousel('prev');
 	    }
 	});
-	
+
 	$('.studio-subnav a').click(function (e) {
 	  e.preventDefault()
 	  $(this).tab('show')
@@ -85,7 +85,7 @@ jQuery(document).ready(function($) {
 				$("#studio-caro").wallpaper("destroy");
 			}
 			if (consta.find('.item.active').data('id') === 3) {
-				$('.studio-subnav a[href="#graphic"]').tab('show')	
+				$('.studio-subnav a[href="#graphic"]').tab('show')
 				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad caro-grad5');
 				$('.site-title a').removeClass('light');
 				$('.carousel-indicators li').addClass('darken-carousel-indicators');
@@ -109,7 +109,7 @@ jQuery(document).ready(function($) {
 			}
 		}, 10);
 	});
-	
+
 	$('#caro').on('slide.bs.carousel', function() {
 		$('.active #svg-imac.bg').attr('class', 'svg screen');
 		$('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
@@ -129,5 +129,5 @@ jQuery(document).ready(function($) {
 		animac2.replay();
 		animac3.replay();
 	});
-			
-});
+
+});

page-studio.php

@@ -147,99 +147,111 @@
 			<div class="col-sm-10">
 				<div id="studio-tab" class="tab-content">
 					<div role="tabpanel" class="tab-pane wow fadeIn active" id="studio">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">A</span>lthough it seems that in the shower or sleeping is where my best work occurs,</em> the studio is the place where the shoe leather hits the pavement. I mostly work with web and application development, but I also do a good deal of graphic, print, and multimedia design. On my off hours, I like to turn off the computers to paint with camel hair, canvas, and minerals.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Tools</em></li>
-								<li>Macbook Pro 15'</li>
-								<li>iMac 27'</li>
-								<li>Apple Thunderbolt 27'</li>
-								<li>Lacie Drives</li>
-								<li>Klipsh Monitors</li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">A</span>lthough it seems that in the shower or sleeping is where my best work occurs,</em> the studio is the place where the shoe leather hits the pavement. I mostly work with web and application development, but I also do a good deal of graphic, print, and multimedia design. On my off hours, I like to turn off the computers to paint with camel hair, canvas, and minerals.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Tools</em></li>
+  								<li>Macbook Pro 15'</li>
+  								<li>iMac 27'</li>
+  								<li>Apple Thunderbolt 27'</li>
+  								<li>Lacie Drives</li>
+  								<li>Klipsh Monitors</li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="webdev">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">T</span>hey don't call it the information age for nothing</em>. The web browser has become the default medium for communication and the craft involves a broad spectrum of knowledge that give a developer complete control over how a web application performs, looks, and operates.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Tools</em></li>
-								<li>Z-shell, Vim, SSH, Git, Grunt, Gulp, JavaScript, PHP, Python, Ruby, Node.js, Linux, Apache, Ngnix, MongoDB, MySQL, &amp; Redis.</li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">T</span>hey don't call it the information age for nothing</em>. The web browser has become the default medium for communication and the craft involves a broad spectrum of knowledge that give a developer complete control over how a web application performs, looks, and operates.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Tools</em></li>
+  								<li>Z-shell, Vim, SSH, Git, Grunt, Gulp, JavaScript, PHP, Python, Ruby, Node.js, Linux, Apache, Ngnix, MongoDB, MySQL, &amp; Redis.</li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="ux">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">U</span>ser experience design, interaction design, and behavior design</em> are just a couple of the terms floating around these days for those who work with user interaction, code, and design. I've often found myself refering to cognitive psychology, '<a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two">The magical number seven</a>', when trying to convice others to simplify user navigation options and settings.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Tools</em></li>
-								<li>OmniGraffle</li>
-								<li>Qualtrics</li>
-								<li>PiWik Analytics</li>
-								<li>Google Analytics</li>
-								<li>Hotjar Heatmaps</li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">U</span>ser experience design, interaction design, and behavior design</em> are just a couple of the terms floating around these days for those who work with user interaction, code, and design. I've often found myself refering to cognitive psychology, '<a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two">The magical number seven</a>', when trying to convice others to simplify user navigation options and settings.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Tools</em></li>
+  								<li>OmniGraffle</li>
+  								<li>Qualtrics</li>
+  								<li>PiWik Analytics</li>
+  								<li>Google Analytics</li>
+  								<li>Hotjar Heatmaps</li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="graphic">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">D</span>on't mistake legibility with communication</em> - David Carson. Visual design in communication is powerful and it can make or break a product, company, presentation, or annual report.  Even though I'm using software, I still believe the most powerful tool, besides our imagination is still the pencil &amp; paper.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Tools</em></li>
-								<li>Adobe Illustrator / Photoshop / InDesign</li>
-								<li>Wacom Intuos Pro</li>
-								<li>Design Books</li>
-								<li>Sketchbook</li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">D</span>on't mistake legibility with communication</em> - David Carson. Visual design in communication is powerful and it can make or break a product, company, presentation, or annual report.  Even though I'm using software, I still believe the most powerful tool, besides our imagination is still the pencil &amp; paper.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Tools</em></li>
+  								<li>Adobe Illustrator / Photoshop / InDesign</li>
+  								<li>Wacom Intuos Pro</li>
+  								<li>Design Books</li>
+  								<li>Sketchbook</li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="media">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">T</span>he average human attention span is a bit shorter than that of a goldfish</em>. People often forget that the web is a multimedia medium. I'm a decent with enough production, lighting, equipment, and I have an eye for detail to make your multimedia look and sound like it was actually done by a   professional.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Tools</em></li>
-								<li>Sony a7</li>
-								<li>Tascam DR60d</li>
-								<li>Adobe Premier Pro</li>
-								<li>Blackmagic DaVinci Resolve</li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">T</span>he average human attention span is a bit shorter than that of a goldfish</em>. People often forget that the web is a multimedia medium. I'm a decent with enough production, lighting, equipment, and I have an eye for detail to make your multimedia look and sound like it was actually done by a   professional.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Tools</em></li>
+  								<li>Sony a7</li>
+  								<li>Tascam DR60d</li>
+  								<li>Adobe Premier Pro</li>
+  								<li>Blackmagic DaVinci Resolve</li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="art">
-						<div class="col-sm-9">
-							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">L</span>ife doesn't imitate art, it imitates bad television</em> - Woody Allen. I like to paint portraits, landscapes and abstractions in oil, watercolor and gauche. I wish I was able to paint more often and I keep joking with my better half that it's my retirement plan. Compared to my digital work, it's nice knowing that a painting will last several hundred years.</h4>
-							</div>
-						</div>
-						<div class="col-sm-3 studio-tools">
-							<ul>
-								<li><em>Links</em></li>
-								<li><a href="art">Gallery</a></li>
-								<li><a href="art/#painting">Paintings</a></li>
-								<li><a href="art/#illustration">Illustration</a></li>
-								<li><a href="art/#drawing">Drawings</a></li>
-							</ul>
-						</div>
+            <div class="row">
+  						<div class="col-sm-9">
+  							<div class="entry-content">
+  								<h4 class="georgia"><em><span class="firstcharacter">L</span>ife doesn't imitate art, it imitates bad television</em> - Woody Allen. I like to paint portraits, landscapes and abstractions in oil, watercolor and gauche. I wish I was able to paint more often and I keep joking with my better half that it's my retirement plan. Compared to my digital work, it's nice knowing that a painting will last several hundred years.</h4>
+  							</div>
+  						</div>
+  						<div class="col-sm-3 studio-tools">
+  							<ul>
+  								<li><em>Links</em></li>
+  								<li><a href="art">Gallery</a></li>
+  								<li><a href="art/#painting">Paintings</a></li>
+  								<li><a href="art/#illustration">Illustration</a></li>
+  								<li><a href="art/#drawing">Drawings</a></li>
+  							</ul>
+  						</div>
+            </div>
 					</div>
 				</div>
 			</div>

style.css

@@ -271,7 +271,7 @@ b {
 	letter-spacing: -2px;
 }
 .super-duper {
-	font-size: 100px;
+	font-size: 60px;
 	font-weight: bold;
 	letter-spacing: -2px;
 }
@@ -1464,6 +1464,7 @@ article.home {
 .studio-subnav li.active a {
 	color: #FF0000;
 	text-decoration: none;
+  border: none;
 }
 .studio-subnav li.active .fa {
 	color: #FF0000;
@@ -1471,10 +1472,12 @@ article.home {
 .studio-subnav a:hover {
 	color: #FF0000;
 	text-decoration: none;
+  border: none;
 }
 .studio-subnav .fa {
 	color: #000;
 	text-decoration: none;
+  border: none;
 }
 #studio-tab h4 {
 	line-height: 24px;
@@ -2885,3 +2888,10 @@ pre .variable.class {
 .navbar .container {
   display: block;
 }
+.chess-html {
+  padding: 0 5px 0 5px;
+}
+#studio-caro {
+  background: url(/img/desk2.jpg);
+  background: #111;
+}