Permalink
Browse files

Added social icons

  • Loading branch information...
1 parent dd097a6 commit 642f665a4e5ab33f1a235066d01de30e17264ee8 Jeff Johnson committed Oct 11, 2012
Showing with 38 additions and 8 deletions.
  1. +23 −2 css/main.css
  2. +15 −6 index.html
View
@@ -129,6 +129,25 @@ a, a:visited, a:hover {
color: #F07818;
font: 90px Tahoma, Helvetica, Arial, Sans-Serif;
}
+#header #aside {
+ float: right;
+ margin-top: 10px;
+ margin-right: 10px;
+}
+#header #social {
+ float: left;
+ width: 30px;
+ text-align: center;
+}
+#header #social a {
+ text-decoration: none;
+}
+#header #social i:hover {
+ color: #F07818;
+}
+#mission-statement {
+ margin-top: 20px;
+}
.soft-shadow {
text-shadow: 0px 2px 3px #3C210B;
}
@@ -204,11 +223,13 @@ a, a:visited, a:hover {
margin-right: 30px;
margin-left: 5px;
}
+.subtle-outline {
+ border-bottom: solid 1px;
+ border-right: solid 1px;
+}
.photo-display img {
width: 325px;
height: 260px;
- border-bottom: solid 1px;
- border-right: solid 1px;
}
.subsection {
min-height: 290px;
View
@@ -25,6 +25,15 @@
<div id="container">
<div id="header" class="brown-back">
+ <div id="aside">
+ <span id="social" class="">
+ <a href="https://www.facebook.com/johnsonjeffreyr" target="_blank"><i class="icon-facebook"></i></a><br>
+ <a href="https://twitter.com/jeffinhat" target="_blank"><i class="icon-twitter"></i></a><br>
+ <a href="http://www.linkedin.com/pub/jeffrey-johnson/2a/958/476" target="_blank"><i class="icon-linkedin"></i></a><br>
+ <a href="https://github.com/johnsonj" target="_blank"><i class="icon-github"></i></a><br>
+ </span>
+ <img class="subtle-outline" src="http://www.gravatar.com/avatar/4dc65175276dfc51dd6dbd527fa30f62?s=200">
+ </div>
<h1 class="soft-shadow">jeff johnson</h1>
<span>I am not a web guy. I am not a software guy. I'm an engineer developing solutions for a changing world and it just so happens I speak 1's and 0's.</span>
</div>
@@ -46,7 +55,7 @@ <h2>projects</h2>
<article class="subsection">
<div class="photo-display">
- <img src="img/cbug.png">
+ <img class="subtle-outline" src="img/cbug.png">
</div>
<div class="heading">
<h3 class="header">
@@ -62,7 +71,7 @@ <h3 class="header">
</article>
<article class="subsection">
<div class="photo-display">
- <img src="img/cfill.png">
+ <img class="subtle-outline" src="img/cfill.png">
</div>
<div class="heading">
<h3 class="header">
@@ -78,7 +87,7 @@ <h3 class="header">
</article>
<article class="subsection">
<div class="photo-display">
- <img src="img/ipro.png">
+ <img class="subtle-outline" src="img/ipro.png">
</div>
<div class="heading">
<h3 class="header">
@@ -95,7 +104,7 @@ <h3 class="header">
<article class="subsection" data-img-hover="img/esw1.png">
<div class="photo-display">
- <img src="img/esw1.png">
+ <img class="subtle-outline" src="img/esw1.png">
</div>
<div class="heading">
<h3 class="header">
@@ -111,7 +120,7 @@ <h3 class="header">
</article>
<article class="subsection" data-img-hover="img/esw2.png">
<div class="photo-display">
- <img src="img/esw2.png">
+ <img class="subtle-outline" src="img/esw2.png">
</div>
<div class="heading">
<h3 class="header">
@@ -127,7 +136,7 @@ <h3 class="header">
</article>
<article class="subsection" data-img-hover="img/jquery-color-field.png">
<div class="photo-display">
- <img src="img/jquery-color-field.png">
+ <img class="subtle-outline" src="img/jquery-color-field.png">
</div>
<div class="heading">
<h3 class="header">

0 comments on commit 642f665

Please sign in to comment.