js :triangular_ruler:

README.md

@@ -26,10 +26,12 @@ update libraries:
 * svg-morpheus 0.1.8 -> 0.3.0   
 * animate.css 3.0.0 -> 3.7.0   
 
+added libraries:
+* [https://github.com/jquery-backstretch/jquery-backstretch](https://github.com/jquery-backstretch/jquery-backstretch)
+  * replaced Formstone/Wallpaper
+
 other libraries in scripts.js:   
 * [https://github.com/tuupola/jquery_lazyload](https://github.com/tuupola/jquery_lazyload)   
-* [https://github.com/ixisio/bootstrap-touch-carousel](https://github.com/ixisio/bootstrap-touch-carousel)   
-* [https://github.com/Formstone/Wallpaper](https://github.com/Formstone/Wallpaper)   
 * [https://github.com/ccampbell/rainbow](https://github.com/ccampbell/rainbow)   
 * [https://github.com/morr/jquery.appear](https://github.com/morr/jquery.appear)   
 * [https://github.com/callmenick/Draw-Fill-SVG](https://github.com/callmenick/Draw-Fill-SVG)   
@@ -48,5 +50,6 @@ removed libraries:
 deprecated libaries:   
 * [https://github.com/HubSpot/messenger](https://github.com/HubSpot/messenger)
 * [https://github.com/alexk111/SVG-Morpheus](https://github.com/alexk111/SVG-Morpheus)
-
+* [https://github.com/ixisio/bootstrap-touch-carousel](https://github.com/ixisio/bootstrap-touch-carousel)
+* [https://github.com/Formstone/Wallpaper](https://github.com/Formstone/Wallpaper) 
 

footer-studio.php

@@ -0,0 +1,47 @@
+<div class="container-fluid footer footer-home dark">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-4">
+				<ul style="float:left;margin-right:10px;">
+					<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>
+
+				</ul>
+				<ul style="float:left;margin-right:10px;">
+					<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>studio/art/" title="Art" ><span class="fa fa-paint-brush fa-fw"></span> Paint</a>
+					<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>shop"><span class="fa fa-credit-card fa-fw"></span> Shop</a></li>
+					
+
+				</ul>
+				<ul>		
+					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
+					<li><a href="http://chat.davidawindham.com"><span class="fa fa-comment fa-fw"></span> Chat</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>about/analytics/" title="analytics" ><span class="fa fa-tachometer fa-fw"></span> Stats</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="row">
+			<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>
+					<li><a href="https://plus.google.com/+DavidWindham1" class="gplus" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
+					<li><a href="https://www.facebook.com/davidawindham" class="facebook"><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="https://github.com/windhamdavid" class="github" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
+				</ul>
+			</div>
+			<div class="col-md-3 col-sm-offset-5">
+				<p class="small dim right">&copy; 2004-2020<br />
+				<p class="small dim right"><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a><br />
+				<span class="small dull right">This website uses cookies</span></p>
+			</div>
+		</div>
+	</div>
+</div>
+<?php wp_footer(); ?>
+</body>
+</html>

js/about.js

@@ -2,178 +2,96 @@ new WOW().init();
 
 jQuery(document).ready(function($) {
 
-$(window).bind('load', function() {
-	$('#loader').fadeOut(700);
-});
+  $(window).bind('load', function() {
+  	$('#loader').fadeOut(2000);
+  });
 
-$(function () {
-  $('[data-toggle="tooltip"]').tooltip()
-})
+  $(function () {
+    $('[data-toggle="tooltip"]').tooltip()
+  })
 
+  var person = localStorage.getItem('person');
 
-var person = localStorage.getItem('person');
+  $('.nav-toggle').on('touchstart click', function(e) {
+  	e.preventDefault();
+  	$( this ).toggleClass( 'active' );
+  });
 
+  $(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;
+      }
+    );
+  });
 
-/*============================================
-		     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-lead').carousel({
-	interval: 5777,
-	wrap: true,
-	pause: false
-});
 
-function dw_caro(){
-	$('#caro-lead').carousel({
-		interval: 5777,
-		wrap: true,
-		pause: false
-	});
 	var vidout = document.getElementById('tv');
     vidout.play();
-}
-
-$('#caro-lead').on('slide.bs.carousel', function(event) {
-	$('.carousel-caption').fadeIn(600);
-	var consta = $(event.target);
-	setTimeout(function() {
-		if (consta.find('.item.active').data('id') === 1) {
-			$('#tv').removeClass('unblur').addClass('blur');
-			var anistars = new DrawFillSVG({elementId: 'sites'});
-			anistars.replay();
-			$('#tv').delay(100).queue(function(pauseit){
-				var vidin = document.getElementById('tv');
-			    vidin.pause();
-			    pauseit();
-			});
-		}
-		if (consta.find('.item.active').data('id') === 2) {
-			$('#tv').removeClass('unblur').addClass('blur');
-			var anibrain = new DrawFillSVG({elementId: 'brain'});
-			anibrain.replay();
-			$('#tv').delay(100).queue(function(pauseit){
-				var vidin = document.getElementById('tv');
-			    vidin.pause();
-			    pauseit();
-			});
-		}
-		if (consta.find('.item.active').data('id') === 3) {
-			$('.leader').delay(100).queue(function(closeit){
-				dw_caro_hide();
-			    closeit();
-			});
-		}
-	}, 10);
-});
 
-function dw_caro_hide(){
-    $('.leader').fadeTo(500,0, function() {
-
-		$('#caro-lead').carousel('pause');
-    })
-}
-
-$('#caro-lead').on('slid.bs.carousel', function() {
-	$('.carousel-caption').fadeOut(600);
-	$('#tv').delay(3200).queue(function(playit){
-		$('#tv').addClass('unblur').removeClass('blur');
-		var vidout = document.getElementById('tv');
-	    vidout.play();
-	    playit();
-	});
-});
 
-$('.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();
-};
+  $('#caro-lead').carousel({
+  	interval: 5777,
+  	wrap: true
+  });
 
-$(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');
-    }
-});
+  $('#caro-lead').on('slid.bs.carousel', function(event) {
+  	var consta = $('#caro-lead li.active');
+    console.log('target: ' + consta.data('target') + ' value: ' + consta.data('value') + ' slide-to: ' + consta.data('slideTo'));
+    $('.carousel-caption').fadeIn(600);
+  	setTimeout(function() {
+  		if (consta.data('slideTo') === 0) {
 
+  		}
+  		if (consta.data('slideTo') === 1) {
 
+  		}
+  		if (consta.data('slideTo') === 2) {
 
-/*============================================
-		      SVG Animate
-==============================================*/
+  			});
+  		}
+  	}, 10);
+  });
 
-$('#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();
-});
+  function dw_caro_hide(){
+    $('.leader').fadeTo(500,0, function() {
+  	  $('#caro-lead').carousel('pause');
+    })
+  }
 
-$('#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();
-	});
-});
+  $(document).bind('keyup', function(e) {
+    if(e.which === 39){
+  	$('#caro-lead').carousel('next');
+    }
+    else if(e.which === 37){
+  	$('#caro-lead').carousel('prev');
+    }
+  });
 
-$('#caro').on('slid.bs.carousel', function() {
-	$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
-	    $(this).attr('class', 'bg');
-	    screenit();
+	$('#caro-lead').on('slid.bs.carousel', function() {
+		$('.active .animac').removeClass('hide-svg fade-svg');
+		var animac = new DrawFillSVG({elementId: 'brain'});
+		animac.replay();
 	});
-});
 
 
 /*============================================

js/studio.js

@@ -1,72 +1,69 @@
-new WOW().init();
 
 jQuery(document).ready(function($) {
 
-	$(window).bind('load', function() {
-		$('#loader').fadeOut(100);
+  $(window).bind('load', function() {
+		$('#loader').fadeOut(2000);
 	});
-
 	$('.nav-toggle').on('touchstart click', function(e) {
 		e.preventDefault();
 		$( this ).toggleClass( 'active' );
 	});
 
-	$(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;
-			}
-		);
-	});
+  new WOW().init();
 
-	$("#studio-caro").wallpaper({source: "../wp-content/themes/daw/img/desk2.jpg"});
+  $(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;
+      }
+    );
+  });
 
 	$('#caro').carousel({
 		interval: 5000,
 		wrap: true,
 	});
-
 	$(document).bind('keyup', function(e) {
-	    if(e.which === 39){
-			$('#caro').carousel('next');
-	    }
-	    else if(e.which === 37){
-			$('#caro').carousel('prev');
-	    }
+    if (e.which === 39){
+		  $('#caro').carousel('next');
+    }
+    else if(e.which === 37){
+		  $('#caro').carousel('prev');
+    }
 	});
-
 	$('.studio-subnav a').click(function (e) {
 	  e.preventDefault()
 	  $(this).tab('show')
 	})
-
+  $("#studio-caro").backstretch("../wp-content/themes/daw/img/desk2.jpg");
 	$('#caro').on('slid.bs.carousel', function(event) {
-		var consta = $(event.target);
+    var consta = $('#caro li.active');
+    //console.log('target: ' + consta.data('target') + ' value: ' + consta.data('value') + ' slide-to: ' + consta.data('slideTo'));
+		//var consta = $(event.target);
 		setTimeout(function() {
-			if (consta.find('.item.active').data('id') === 0) {
+			if (consta.data('slideTo') === 0) {
 				$('.studio-subnav a[href="#studio"]').tab('show')
 				$('#studio-caro').addClass('caro-grad5').removeClass('caro-grad caro-grad3 caro-grad2 caro-grad5');
 				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
-				$("#studio-caro").wallpaper("destroy");
-				$("#studio-caro").wallpaper({source: "../wp-content/themes/daw/img/desk2.jpg"});
+				$("#studio-caro").backstretch({url:'../wp-content/themes/daw/img/desk2.jpg', fade: 250 });
 			}
-			if (consta.find('.item.active').data('id') === 1) {
+			if (consta.data('slideTo') === 1) {
 				$('.studio-subnav a[href="#webdev"]').tab('show')
 				$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
 				    $(this).attr('class', 'bg');
@@ -75,37 +72,35 @@ jQuery(document).ready(function($) {
 				$('#studio-caro').addClass('caro-grad').removeClass('caro-grad3 caro-grad2 caro-grad5');
 				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
-				$("#studio-caro").wallpaper("destroy");
+        $("#studio-caro").backstretch('destroy');
 			}
-			if (consta.find('.item.active').data('id') === 2) {
+			if (consta.data('slideTo') === 2) {
 				$('.studio-subnav a[href="#ux"]').tab('show')
 				$('#studio-caro').addClass('caro-grad2').removeClass('caro-grad caro-grad3 caro-grad5');
 				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
-				$("#studio-caro").wallpaper("destroy");
+        $("#studio-caro").backstretch('destroy');
 			}
-			if (consta.find('.item.active').data('id') === 3) {
+			if (consta.data('slideTo') === 3) {
 				$('.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');
-				$("#studio-caro").wallpaper("destroy");
+        $("#studio-caro").backstretch('destroy');
 			}
-			if (consta.find('.item.active').data('id') === 4) {
+			if (consta.data('slideTo') === 4) {
 				$('.studio-subnav a[href="#media"]').tab('show')
 				$('#studio-caro').removeClass('caro-grad caro-grad3').addClass('caro-grad5');
 				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
-				$("#studio-caro").wallpaper("destroy");
-				$("#studio-caro").wallpaper({source: {poster:"../wp-content/themes/dw/img/camera.jpg",mp4:"../wp-content/themes/dw/img/camera.mp4"}});
+				$("#studio-caro").backstretch({isVideo: true, url:'../wp-content/themes/dw/img/camera.mp4', poster:'../wp-content/themes/dw/img/camera.jpg'});
 			}
-			if (consta.find('.item.active').data('id') === 5) {
+			if (consta.data('slideTo') === 5) {
 				$('.studio-subnav a[href="#art"]').tab('show')
 				$( '#studio-caro' ).addClass('caro-grad5').removeClass('caro-grad2 caro-grad caro-grad3');
 				$('.site-title a').addClass('light');
 				$('.carousel-indicators li').removeClass('darken-carousel-indicators');
-				$("#studio-caro").wallpaper("destroy");
-				$("#studio-caro").wallpaper({source: "../wp-content/themes/dw/img/paints2.jpg"});
+				$("#studio-caro").backstretch({url:'../wp-content/themes/dw/img/paints2.jpg', fade: 250 });
 			}
 		}, 10);
 	});

page-studio.php

@@ -148,7 +148,7 @@
 				<div id="studio-tab" class="tab-content">
 					<div role="tabpanel" class="tab-pane wow fadeIn active" id="studio">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>
@@ -167,7 +167,7 @@
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="webdev">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>
@@ -182,7 +182,7 @@
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="ux">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>
@@ -201,7 +201,7 @@
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="graphic">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>
@@ -219,7 +219,7 @@
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="media">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>
@@ -237,7 +237,7 @@
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="art">
             <div class="row">
-  						<div class="col-sm-9">
+  						<div class="col-sm-9 mt-4">
   							<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>

style.css

@@ -866,7 +866,7 @@ h4.spread {
 	font-family: "Computer Modern";
 }
 .site-title a {
-	color: #333;
+	color: #fff;
 	text-decoration: none;
   border: none;
   outline: none;
@@ -1102,6 +1102,9 @@ ul.social a.facebook span:hover {
 #caro-lead {
 	min-height: 400px;
 }
+#caro-lead h2 {
+	font-size: 27px;
+}
 #caro {
 	min-height: 300px;
 }
@@ -1189,12 +1192,14 @@ ul.social a.facebook span:hover {
   -ms-filter: blur(5px);
   filter: blur(5px);
 }
+.about-caro {
+  height:670px;
+}
 #tv {
 	position: fixed;
 	right: 0;
 	top: 0;
 	min-width: 101%;
-	min-height: 101%;
 	width: auto;
 	height: auto;
 	z-index: -100;
@@ -1309,7 +1314,6 @@ ul.social a.facebook span:hover {
 	padding: 100px 0;
 }
 .about {
-	margin: 40px 0 100px;
 	padding: 20px 0 50px;
 }
 
@@ -2869,6 +2873,9 @@ pre .variable.class {
   font-size:17px;
   color: #777;
 }
+.fc-unthemed td.fc-today {
+  background: #ffffff12;
+}
 #calendar {
   color:#555;
 }
@@ -2881,10 +2888,6 @@ pre .variable.class {
 p.powerdby {
   display:none;
 }
-#studio-caro {
-  background: url(/img/desk2.jpg);
-  background: #111;
-}
 .nav {
   display:block;
 }
@@ -2901,6 +2904,9 @@ p.powerdby {
 a {
   color:#67000a;
 }
+.about a {
+  color:#ff4557;
+}
 .navbar.visible {
   background:#383838b3;
 }