Adds footer

stephband · Jun 5, 2012 · 6838b91 · 6838b91
1 parent 27df778
commit 6838b91
Showing 1 changed file with 31 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -44,13 +44,6 @@
 	<link rel="stylesheet" href="css/jquery.parallax.css" />
 
   <style type="text/css" media="screen, projection">
-    h1 {
-      width: 532px; height: 0;
-      overflow: hidden;
-      padding-top: 78px;
-      background: url('http://webdev.stephband.info/images/logo_stephband_medcoalblue.png') no-repeat;
-    }
-
     .parallax-viewport {
       width: 100%;
       max-width: 60em;
@@ -59,7 +52,7 @@
     }
 
     .diagram {
-      margin-top: -0.5em;
+      margin-top: -0.75em;
     }
 
 	  small {
@@ -281,11 +274,38 @@ <h3>Version history</h3>
 
     <h3>Bug reporting</h3>
     <p><a href="https://github.com/stephband/jparallax/issues">github.com/stephband/jparallax/issues</a></p>
-
-    <h3>Who made it?</h3>
-    <p>I did. I'm <a href="http://twitter.com/stephband">stephband</a> on twitter, if you're into that sort of thing.</p>
   </div>
 
+	<footer class="site_footer">
+		<div class="full_wrap wrap">
+			<div class="bio_col col">
+				<h3>Who made this?</h3>
+				<p>I did. I come from Scotland and I live in Lausanne, Switzerland. I make web things at <a href="http://cruncher.ch">Cruncher</a>. I miss Branston Pickle. When I'm not glued to a screen I play music and hike mountains.</p>
+			</div
+			><div class="repo_col col">
+				<h3>More code</h3>
+				<ul class="repo_index index">
+					<li><a href="http://stephband.info/template">Template</a></li>
+					<li><a href="http://stephband.info/jparallax/">jQuery.parallax</a></li>
+					<li><a href="http://stephband.info/jquery.event.tap/">jQuery.event.tap</a></li>
+					<li><a href="http://stephband.info/jquery.event.move/">jQuery.event.move</a></li>
+					<li><a href="http://stephband.info/jquery.event.swipe/">jQuery.event.swipe</a></li>
+				</ul>
+			</div
+			><div class="social_col col">
+				<h3>Find me on...</h3>
+				<ul class="social_index index">
+					<li><a href="http://twitter.com/stephband">twitter</a></li>
+					<li><a href="http://github.com/stephband">github</a></li>
+					<li><a href="http://plus.google.com/114566808430966059989/photos">google+</a></li>
+					<li><a href="http://www.linkedin.com/profile/view?id=27013870">linkedin</a></li>
+				</ul>
+			</div>
+		</div>
+	</footer>
+
+
+
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
   <script src="js/jquery.event.frame.js"></script>
   <script src="js/jquery.parallax.js"></script>