studio front

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 );

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>

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'});
 	});

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'});
 	});

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'
+			}
+	]
+});
+
+
+		
+});

page-about.php

@@ -184,76 +184,7 @@ get_header('home'); ?>
 			</div>
 		</div>
 	</div>
-	<div class="container-fluid caro-grad">
-		<div id="caro" class="carousel slide">
-			<ol class="carousel-indicators">
-			    <li data-target="#caro" data-slide-to="0" class="active"></li>
-			    <li data-target="#caro" data-slide-to="1"></li>
-			    <li data-target="#caro" data-slide-to="2"></li>
-				<li data-target="#caro" data-slide-to="3"></li>
-			  </ol>
-			<div class="carousel-inner">
-				<div class="item active">
-					<div class="container animac">
-						<div class="row">
-							<div class="col-sm-6">
-								<h1 class="light super cm-sans">Computer Modern</h1>
-							</div>
-							<div class="col-sm-6">
-								<svg xmlns="http://www.w3.org/2000/svg" id="sv" height="200px" viewBox="-450 469 298 342">
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#1572B6" d="M-422.9,777.3l-27.1-303.6h297.4l-27.1,303.6L-301.4,811L-422.9,777.3z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#33A9DC" d="M-301.2,785.2l98.4-27.3l23.2-259.4h-121.6V785.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.2,608.5v23.1v14v0.1H-342h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.1,533.1v23.1v14v0.1h-89.8h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.1z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-255.1,644.2l-4.5,49.9l-41.5,11.2V744l76.3-21.2l0.6-6.3l6.5-72.4H-255.1z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301,705.2l-0.2,0l-41.5-11.2l-2.7-29.7h-20.2h-17.2l5.2,58.5l76.3,21.2l0.2,0V705.2z"/>
-								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#FFFFFF" d="M-301.2,608.5h49.3l3.4-38.1h-52.7v-37.2h0.1h93.2l-0.9,10l-9.2,102.6h-83.3V608.5z"/>
-								</svg>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="item">
-					<div class="container animac hide-svg">
-						<svg xmlns="http://www.w3.org/2000/svg" id="svg-mac" class="svg" viewBox="0 0 960 480" preserveAspectRatio="xMinYMin meet">
-							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M570.14 440.2l-29.165-28.99c-7.103-8.5-6.152-36.718-6.02-40.665H425.048c.133 3.947 1.082 32.164-6.018 40.666l-29.166 28.99c-1.237 1.404-1.712 2.505-1.623 3.37h-.054c.76 7.727 6.664 6.332 13.607 6.332H558.01c6.696 0 12.412 1.27 13.493-5.56.58-.953.274-2.282-1.364-4.14z"/>
-							<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M727.488 355.125c0 8.514-6.597 15.42-14.738 15.42h-465.5c-8.14 0-14.74-6.906-14.74-15.42V45.42c0-8.517 6.6-15.42 14.74-15.42h465.5c8.142 0 14.738 6.903 14.738 15.42v309.705z"/>
-							<path fill="#fff" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M489.01 343.713c-.042-4.223 3.447-6.254 3.605-6.352-1.963-2.866-5.018-3.263-6.102-3.31-2.602-.26-5.074 1.53-6.39 1.53s-3.356-1.49-5.506-1.448c-2.836.04-5.445 1.645-6.907 4.182-2.942 5.11-.75 12.672 2.116 16.814 1.4 2.02 3.072 4.305 5.268 4.22 2.114-.08 2.913-1.362 5.467-1.362 2.556 0 3.274 1.363 5.51 1.322 2.273-.04 3.716-2.064 5.105-4.098 1.61-2.35 2.273-4.63 2.313-4.748-.05-.02-4.434-1.7-4.48-6.75M484.807 331.31c1.168-1.41 1.953-3.37 1.738-5.327-1.68.068-3.713 1.12-4.916 2.53-1.08 1.247-2.027 3.245-1.77 5.16 1.87.143 3.784-.95 4.947-2.362"/>
-							<path fill="#3C4650" stroke="#3C4650" stroke-width="2px" stroke-miterlimit="10" d="M727.488 315.527V45.982c0-8.828-6.597-15.982-14.738-15.982h-465.5c-8.14 0-14.74 7.155-14.74 15.982v269.545H727.49z"/>
-							<path fill="#141E28" stroke="#141E28" stroke-width="2px" stroke-miterlimit="10" d="M251.2 48.887h457.205v245.52H251.2z"/>
-						</svg>
-					</div>
-				</div>
-				<div class="item">
-					<div class="container animac hide-svg">
-						<div class="row">
-							<div class="col-sm-6">
-								<h1 class="light super cm-sans">Computer Modern</h1>
-							</div>
-							<div class="col-sm-6">
-								<svg xmlns="http://www.w3.org/2000/svg" id="svg-imac" class="svg screen" viewBox="0 0 460 400" preserveAspectRatio="xMinYMin meet">
-									<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2" stroke-miterlimit="10" d="M312.5,381.9l-26.5-26.4c-6.5-7.7-5.6-33.4-5.5-37h-99.9c0.1,3.6,1,29.2-5.5,37l-26.5,26.4c-1.1,1.3-1.6,2.3-1.5,3.1h0c0.7,7,6.1,5.8,12.4,5.8h142c6.1,0,11.3,1.2,12.3-5.1C314.2,384.8,313.9,383.6,312.5,381.9L312.5,381.9z"/>
-									<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.2,5,23v281.6c0,7.7,6.5,14.5,13.9,14.5h423.2c7.4,0,13.9-6.7,13.9-14.5V23C456,15.2,449.5,9,442.1,9z M438,249H23V26h415V249z"/>
-									<path fill="#FFFFFF" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M238.7,294.2c0-3.8,3.1-5.7,3.3-5.8c-1.8-2.6-4.6-3-5.5-3c-2.4-0.2-4.6,1.4-5.8,1.4s-3.1-1.4-5-1.3c-2.6,0-5,1.5-6.3,3.8c-2.7,4.6-0.7,11.5,1.9,15.3c1.3,1.8,2.8,3.9,4.8,3.8c1.9-0.1,2.6-1.2,5-1.2c2.3,0,3,1.2,5,1.2c2.1,0,3.4-1.9,4.6-3.7c1.5-2.1,2.1-4.2,2.1-4.3C242.7,300.3,238.7,298.8,238.7,294.2 M234.9,282.9c1.1-1.3,1.8-3.1,1.6-4.8c-1.5,0.1-3.4,1-4.5,2.3c-1,1.1-1.8,3-1.6,4.7C232.1,285.2,233.8,284.2,234.9,282.9"/>
-									<path fill="#3C4650" stroke="#3C4650" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.4,5,23.5V269h451V23.5C456,15.4,449.5,9,442.1,9z M438,249H22V26h416V249z"/>
-									<path fill="none" stroke="#141E28" stroke-width="2" stroke-miterlimit="10" d="M22.5,26.1h415.7v223.2H22.5V26.1z"/>
-								</svg>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="item">
-					<div class="container animac hide-svg">
-						<svg xmlns="http://www.w3.org/2000/svg" id="svg" class="svg" width="250px" height="250px" preserveAspectRatio="xMinYMin meet">
-							<path fill="#3C4650" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M0.5,125a124.5,124.5 0 1,0 249,0a124.5,124.5 0 1,0 -249,0"/>
-							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M242.8,131.8c-0.4-29.9-22.1-50.1-48.1-50c-16.9,0-28.6,8.4-28.6,8.4s12.7-16.2,12.6-36.9c-0.2-24.7-23-47.9-52.4-47.9C97.6,5.4,71.8,26,72.3,55.5C72.6,76.3,85,90.2,85,90.2c0,0-13.9-8.7-29-8.2C16.5,83,6.6,115.8,7.3,132.9c1.2,33.4,15.4,53.8,52.7,54.2c34.2,0.4,54.9-32.3,61-43.5c1.5-9.5,0-13.9,0-13.9c-3.1,1.6-14.5,27.9-35.6,16.1c-6.8-3.8-8.8-16.7-5.2-26.3c6.3-16.9,18.3-18.7,36-40.3c6.8-8.3,8.2-13.6,8.2-13.6s1.2,5.2,7.8,13.2c17.4,21.2,30.1,23.6,36.7,40.4c4.1,10.4,1.8,23-6,26.9c-20.3,10.1-31.4-15.1-34.9-16.5c0,0-1.2,4,0.1,12.8c2.6,5.7,21.7,44.2,64,44.2C226.3,186.6,243.1,156.2,242.8,131.8z"/>
-							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M124.5,154.1c0,0-10.8,37.5-12.7,41.9c-4.9,11.3-26.6,38.8-26.6,38.8s25.2-2.8,40.4-2.8c15.6,0,39.2,3.2,39.2,3.2s-22.8-28.1-27.6-39.6C135.4,191.2,124.5,154.1,124.5,154.1z"/>
-						</svg>
-					</div>
-				</div>
-			</div>
-		</div>
-	</div>
+	
 	<div class="container-full dark bottom">
 		<div class="container">
 			<div class="row">

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>

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 {