windhamdavid 5 years ago
parent
commit
f2285820c9
7 changed files with 149 additions and 190 deletions
  1. 47 73
      css/front-page.css
  2. 1 1
      footer.php
  3. 84 105
      front-page.php
  4. 1 0
      header-home.php
  5. 1 0
      header.php
  6. 14 11
      js/front-page.js
  7. 1 0
      style.css

+ 47 - 73
css/front-page.css

@@ -21,40 +21,39 @@ time, mark, audio, video {
   background:transparent;
 }
 body {
-    padding: 0;
-    margin: 0;
+  padding: 0;
+  margin: 0;
 	background: rgba(242, 242, 242, 0.7);
 	color: #666;
 	font-size: 12px;
 	line-height: 18px;
 }
+.col-centered {
+	float: none;
+	margin: 0 auto;
+}
 h1, h2, h3, h4, h5, h6 {
 	clear: both;
 	font-weight: normal;
 }
-ol, ul {
-	list-style: none;
-}
 a img {
 	border: none;
 }
 p {
-	font-size: 13px;
+	font-size: 14px;
 	margin-bottom: 8px;
 }
-h4 {
-	font-size: 13px;
-	margin-bottom: 10px;
+h2 {
+	font-size: 16px;
 }
 h3 {
 	font-size: 14px;
-	margin-bottom: 0px;
 }
-h2 {
-	font-size: 16px;
-	margin-left: 25px;
+h4 {
+	font-size: 13px;
+	margin-bottom: 15px;
 }
-	p.noindent {
+p.noindent {
 	margin-bottom: 10px;
 	text-indent : 0px;
 }
@@ -71,6 +70,11 @@ a:hover {
 	color: #757576;
 	text-decoration: none;
 }
+a:active, a:focus, input {
+    outline: 0;
+    outline-style:none;
+    outline-width:0;
+}
 .screen-reader-text {
 	position: absolute;
 	left: -9000px;
@@ -85,25 +89,15 @@ a:hover {
 .card .logo .svg {
 	margin: 0 auto;
 }
-.card .content img {
-	float: left;
-	margin: -5px 0 -40px 95px;
-}
-.card .content .icons img {
-	margin: 3px;
-	float: none;
-}
 .card .content {
 	margin: 100px auto;	
 	width:500px;
 	background: #fff;
-	padding: 50px 20px 30px;
+	padding: 70px 20px 40px;
 	-webkit-animation-name: none;
 	-webkit-animation-iteration-count: infinite;
 	-webkit-animation-timing-function: linear;
 	-webkit-animation-duration: 400s;
-	z-index:-1;
-	width:450px;
 	border-top: 1px solid #fff;
   -webkit-box-shadow: 0px 3px 5px #cbcbcb;
   -moz-box-shadow: 0px 3px 5px #cbcbcb;
@@ -112,14 +106,29 @@ a:hover {
   -moz-border-radius: 4px;
   border-radius: 4px;
 }
+.vcenter {
+    display: inline-block;
+    vertical-align: middle;
+    float: none;
+}
+#icon {
+  display: block;
+  box-sizing: border-box;
+  margin:0 0 -34px 50px;
+  padding: 0;
+  width:50px;
+  height:50px;
+  background: #FFF;
+}
 .card .search {
 	margin: 10px;
 }
-.bottom {
+.card-bottom {
 	margin-top: 20px;
 }
 .bottom p {
 	margin: 0;
+	font-size: 14px;
 }
 .bottom a {
 	color: #666;
@@ -141,7 +150,7 @@ a:hover {
 .right-bottom p {
 	font-size: 9px;
 }
-.contact {
+.contact-info {
 	font-size: 12px;
 }
 
@@ -151,56 +160,21 @@ to {-webkit-transform: rotate(360deg);}
 }
 
 @media (max-width: 480px) {
-	.card #content {
+	.card .content {
+		margin: 50px auto;	
 		-webkit-animation-name: none;
-		width:550px;
-	}
-	h2 {
-		font-size: 21px;
+		width:100%;
 	}
-	h3 {
-		font-size: 19px;
-	}
-	h4 {
-		font-size: 17px;
- 	}
 	.header {
 		margin: 0 0 55px 0;
 	}
-	#content img {
-		margin: -5px 0 -40px 80px;
-	}
-	.bottom {
-		margin-top: 50px;
-	}
-	.bottom p {
-		font-size: 9px;
+	#icon {
+	  display: inline;
+	  box-sizing: border-box;
+	  margin:0 0 0px 0px;
+	  padding: 0;
+	  width:50px;
+	  height:50px;
+	  background: #FFF;
 	}
-}
-
-#icon {
-  display: block;
-  box-sizing: border-box;
-  width:50px;
-  height:50px;
-  background: #FFF;
-  margin:10px 0 -30px 50px;
-  padding: 0px;
-}
-
-#options {
-  margin:0;
-  text-align:center;
-}
-
-.option {
-  display: block;
-  margin: auto;
-  overflow: hidden;
-  text-align: left;
-}
-label {
-  text-align: right;
-  display: inline-block;
-  width:100px;
 }

+ 1 - 1
footer.php

@@ -7,7 +7,7 @@
 				<p class="dim"><p>
 			</div>
 			<div class="col-md-4">
-				<p class="small dim right">&copy; 2005-2015<br /><a href="https://github.com/windhamdavid/dw"><span class="fa fa-1x fa-code-fork"></span></a> <span class="fa fa-1x fa-css3"></span> <span class="fa fa-1x fa-html5"></span></p>			
+				<p class="small dim right">&copy; 2005-2015</p>			
 			</div>
 		</div>
 	</div>

File diff suppressed because it is too large
+ 84 - 105
front-page.php


+ 1 - 0
header-home.php

@@ -8,6 +8,7 @@
 -->
 <meta charset="UTF-8" />
 <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>

+ 1 - 0
header.php

@@ -8,6 +8,7 @@
 -->
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
 <title><?php dw_page_title();?></title>
 <meta name="description" content="<?php dw_meta_desc();?>"/>
 <?php wp_head(); ?>

+ 14 - 11
js/front-page.js

@@ -33,22 +33,25 @@ $(document).ready(function(){
     $('#link2').swapAttr('rel');
 	
 	var iconmorph = new SVGMorpheus('#icon')
-	$( "a.home" ).hover(function() {
+	$( "a.home-card" ).hover(function() {
 		iconmorph.to('zw', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
-	$( "a.about" ).hover(function() {
-		iconmorph.to('about', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	$( "a.phone-card" ).hover(function() {
+		iconmorph.to('phone', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
-	$( "a.desk" ).hover(function() {
-		iconmorph.to('desk', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	$( "span.mail-card" ).hover(function() {
+		iconmorph.to('mail', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
-	$( "a.studio" ).hover(function() {
-		iconmorph.to('studio', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	$( "a.about-card" ).hover(function() {
+		iconmorph.to('about', {duration:1000, easing:'quad-in-out', rotation:'clock'});
 	});
-	$( "a.contact" ).hover(function() {
-		iconmorph.to('contact', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	$( "a.desk-card" ).hover(function() {
+		iconmorph.to('desk', {duration:1000, easing:'quad-in-out', rotation:'counterclock'});
+	});
+	$( "a.studio-card" ).hover(function() {
+		iconmorph.to('studio', {duration:1000, easing:'quad-in-out', rotation:'clock'});
 	});
-	$( "a.sitemap" ).hover(function() {
-		iconmorph.to('sitemap', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	$( "a.contact-card" ).hover(function() {
+		iconmorph.to('contact', {duration:1000, easing:'quad-in-out', rotation:'random'});
 	});
 });

+ 1 - 0
style.css

@@ -1082,6 +1082,7 @@ article.home {
 }
 article.single {
 	background: #fff;
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 .post {
 	margin-bottom: 40px;