me

defunkt · defunkt · commit 719b639d0fe3 · 2010-03-07T23:51:03.000-08:00
diff --git a/about.html b/about.html
@@ -9,17 +9,24 @@
       p {
         margin-left: 200px;
       }
+      img {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+      }
     </style>
   </head>
 
   <body>
     <h1> chris w. </h1>
 
+    <img src="/img/me.jpg">
+
     <p>cofounded <a href="http://github.com">GitHub</a>.</p>
-    <p>used to work at <a href="http://en.wikipedia.org/wiki/CNET_Networks">CNET</a>.</p>
     <p>lives in <a href="http://www.flickr.com/search/?q=dolores+park">San Francisco, CA</a>.</p>
     <p>grew up in <a href="http://www.flickr.com/search/?q=cincinnati%20bengals">Cincinnati, OH</a>.</p>
-    <p>loves <a href="http://en.wikipedia.org/wiki/A_Song_of_Ice_and_Fire">George R. R. Martin</a> books.</p>
+    <p>reads <a href="http://en.wikipedia.org/wiki/A_Song_of_Ice_and_Fire">George R. R. Martin</a>.</p>
+    <p>listens to <a href="http://en.wikipedia.org/wiki/Colors_(Between_the_Buried_and_Me_album)">Colors</a>.</p>
     <p>can be emailed at <a href="mailto:chris@ozmm.org">chris@ozmm.org</a>.</p>
     <div class="back">
       <a href="/">
diff --git a/contact.html b/contact.html
@@ -33,14 +33,14 @@ <h2> twitter </h2>
           <h2> blog </h2>
           <p> ones zeros majors and minors </p>
         </a>
-      <a href="http://flickr.com/photos/ozmm" class="block">
-          <h2> flickr </h2>
-          <p> iphone photos </p>
-        </a>
       <a href="http://defunktionjunktion.typepad.com/blog/" class="block">
           <h2> defunktion junktion </h2>
           <p> tumblin&#8217; </p>
         </a>
+      <a href="http://flickr.com/photos/ozmm" class="block">
+          <h2> flickr </h2>
+          <p> iphone photos </p>
+        </a>
       <a href="http://baconfile.com/defunkt/" class="block">
           <h2> baconfile </h2>
           <p> tasty files </p>
diff --git a/img/me.jpg b/img/me.jpg
diff --git a/index.html b/index.html
@@ -24,6 +24,12 @@
         list-style-type: none;
       }
 
+      .bottom {
+        position: absolute;
+        bottom: 10px;
+        left: 850px;
+      }
+
       a {
         color: #444;
         line-height: 18px;
@@ -40,9 +46,15 @@
   </head>
   <body>
     <div class="links">
-      <a href="about.html">about</a> |
+      <a href="contact.html">contact</a> |
       <a href="projects.html">projects</a> |
       <a href="talks.html">talks</a>
     </div>
+
+    <div class="bottom">
+      <a href="about.html">
+        about chris wanstrath
+      </a>
+    </div>
   </body>
 </html>
diff --git a/pages/about.mustache b/pages/about.mustache
@@ -9,12 +9,19 @@
       p {
         margin-left: 200px;
       }
+      img {
+        position: absolute;
+        right: 0px;
+        top: 0px;
+      }
     </style>
   </head>
 
   <body>
     <h1> chris w. </h1>
 
+    <img src="/img/me.jpg">
+
     {{#about}}
       <p>{{{fact}}}</p>
     {{/about}}
diff --git a/pages/about.yml b/pages/about.yml
@@ -1,10 +1,10 @@
 --- 
 about: 
 - fact: cofounded <a href="http://github.com">GitHub</a>.
-- fact: used to work at <a href="http://en.wikipedia.org/wiki/CNET_Networks">CNET</a>.
 - fact: lives in <a href="http://www.flickr.com/search/?q=dolores+park">San Francisco, CA</a>.
 - fact: grew up in <a href="http://www.flickr.com/search/?q=cincinnati%20bengals">Cincinnati, OH</a>.
-- fact: loves <a href="http://en.wikipedia.org/wiki/A_Song_of_Ice_and_Fire">George R. R. Martin</a> books.
+- fact: reads <a href="http://en.wikipedia.org/wiki/A_Song_of_Ice_and_Fire">George R. R. Martin</a>.
+- fact: listens to <a href="http://en.wikipedia.org/wiki/Colors_(Between_the_Buried_and_Me_album)">Colors</a>.
 - fact: can be emailed at <a href="mailto:chris@ozmm.org">chris@ozmm.org</a>.
 width: 1756
 ---
diff --git a/pages/contact.yml b/pages/contact.yml
@@ -12,12 +12,12 @@ contact:
 - name: blog
   url: http://ozmm.org
   description: ones zeros majors and minors
-- name: flickr
-  url: http://flickr.com/photos/ozmm
-  description: iphone photos
 - name: defunktion junktion
   url: http://defunktionjunktion.typepad.com/blog/
   description: tumblin&#8217;
+- name: flickr
+  url: http://flickr.com/photos/ozmm
+  description: iphone photos
 - name: baconfile
   url: http://baconfile.com/defunkt/
   description: tasty files
