Well its functional anyway.

kablamo · Apr 14, 2012 · 0c1589c · 0c1589c
1 parent a96f33e
commit 0c1589c
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 15 deletions.
diff --git a/index.html b/index.html
@@ -10,13 +10,26 @@
   </head>
   <body>
 
-    <h1 id="name">Boop Booooop</h1>
+    <div></div>
+    <div></div>
+    <div></div>
+    <h1 id="name">Eric D Johnson</h1>
     <div id="social">
-      <a href="github.com/kablamo">github</a><br>
-      <a href="pinboard.com/kablamo">pinboard</a><br>
-      <a href="twitter.com/kablamo">twitter</a><br>
-      <a href="linkedin.com">linked in</a><br>
-      <a href="stackoverflow.com/users/58089/eric-johnson">stackoverflow</a>
+      <p>Hi, I'm a web developer.  I write code.  Most of it is Perl.</p><br>
+      <h2>PROJECTS</h2>
+      <a href="http://networthify.com">networthify.com</a> <span class="desc">&raquo; simple finance tools for savings extremists</span><br>
+      <a href="http://iijo.org">iijo.org</a> <span class="desc">&raquo; chinese flashcards</span><br>
+      <br>
+      <br>
+      <h2>WHERE TO FIND ME</h2>
+      <a href="http://ericjohnson.posterous.com">blog</a><br>
+      <a href="https://github.com/kablamo">github</a><br>
+      <a href="https://plus.google.com/u/0/102935292831404819222/about">google plus</a><br>
+      <a href="http://www.linkedin.com/profile/view?id=8671375">linked in</a><br>
+      <a href="http://pinboard.in/u:kablamo">pinboard</a><br>
+      <a href="http://twitter.com/kablamo_">twitter</a><br>
+      <a href="http://stackoverflow.com/users/58089/eric-johnson">stackoverflow</a>
     </div>
+
    </body>
 </html>
diff --git a/kablamo.css b/kablamo.css
@@ -1,13 +1,36 @@
-body {font-family: sans-serif}
+body {
+ font-family: sans;
+ background-color: #eef0f0;
+ color: #f15348;
+ margin: 0;
+}
+a { color: #fe7b53; font-size: 20px }
 #name {
- font-size: 50px;
- padding-top: 2em;
- text-align: center;
+ font-size: 48px;
+ margin-left: auto;
+ margin-right: auto;
+ padding: .5em;
+ padding-left: 2em;
+ padding-right: 1em;
+ background-color: #fff;
+/*
+ -moz-transform:rotate(-25deg); 
+ -moz-transform-origin: bottom right;
+ -webkit-transform: rotate(-25deg);
+ -webkit-transform-origin: bottom right;
+ -o-transform: rotate(-25deg);
+ -o-transform-origin:  bottom right;
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+*/
 }
 #social {
- padding-top: 2em;
- padding-bottom: 2em;
- width: 200px;
- border: solid 1px black;
- align: center;
+ font-size: 15px;
+ margin-left: 0em;
+ margin-right: 0em;
+ padding: 2em;
+ padding-top: 0em;
+ padding-left: 6.7em;
+}
+.desc {
+ color: #666;
 }