diff --git a/comandich.jpg b/comandich.jpg
new file mode 100644
index 0000000..4237cb9
Binary files /dev/null and b/comandich.jpg differ
diff --git a/index.html b/index.html
index 1b79414..52ae232 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,120 @@
-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
-<html>
-    <head>
-        <meta http-equiv="content-type" content="text/html; charset=utf-8">
-        <title>Kirsten Comandich</title>
-    </head>
-    <body>
-        <h4><a href="https://secure.wikimedia.org/wikipedia/en/wiki/F%C3%A1ilte">F&aacute;ilte!</a></h4>
-        <h4>Welcome!</h4>
-    </body>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>kirsten at comandich.com</title>
+    <meta name="description" content="comandich dot com." />
+    <link rel="openid.server" href="http://www.myopenid.com/server" />
+    <link rel="openid.delegate" href="kirsten.myopenid.com" />
+    <link rel="openid2.local_id" href="http://kirsten.myopenid.com" />
+    <link rel="openid2.provider" href="http://www.myopenid.com/server" />
+    <meta http-equiv="X-XRDS-Location" content="http://www.myopenid.com/xrds?username=kirsten.myopenid.com" />
+
+    <style type="text/css" media="all">
+        body {
+            margin : 0;
+            padding : 0;
+            text-align : center;
+            font-family : Lucida Grande, Helvetica, Arial, Verdana, sans-serif;
+            background-color : #000;
+            color : #fff;
+            border : 0;
+        }
+        #main {
+            margin: 4em auto 0 auto;
+            width : 800px;
+            text-align : center;
+        }
+        #columnleft {
+            float : left;
+            width : 300px;
+            text-align : left;
+            padding : 2em 0 2em 2em;
+        }
+        #columnright {
+            margin-top : 2em;
+        }
+        #footer {
+            clear : both;
+            height : 1.5em;
+            text-align : right;
+            padding-right : 1em;
+            padding-top : .75em;
+            border-top : 1px #987097 dashed;
+        }
+        a {
+            text-decoration : none;
+            color : #8393ca;
+        }
+        a:hover {
+            text-decoration : none;
+            color : #aaaafe;
+        }
+        ul {
+            list-style-type : none;
+            line-height : 1.5em;
+            margin : 16px 0;
+            padding-left: .5em;
+        }
+        ul li {
+            padding-left: .5em;
+        }
+        ul li.headline {
+            padding-left: 0;
+        }
+        h1 {
+            font-size : 1.5em;
+        }
+        h2 {
+            font-size : 1em;
+        }
+    </style>
+  </head>
+
+  <body>
+
+      <div id="main">
+
+        <div id="columnleft">
+            <ul>
+                <li class="headline">I develop websites for ~ </li>
+                <li><a href="http://thunderstones.com/">Dan Stueber</a></li>
+                <li><a href="http://ghostsofcelilo.com">The Ghosts of Celilo</a></li>
+                <li><a href="http://guitarjumpstart.com/">GuitarJumpStart</a></li>
+                <li><a href="http://thewondertones.com/">Jonny Dark and the Wondertones</a></li>
+                <li><a href="http://qualityfolk.com/">Kate Power &amp; Steve Einhorn</a></li>
+                <li><a href="http://imcclains.com">McClain's Printmaking Supplies</a></li>
+                <li><a href="http://oregonshadowtheatre.com/mick.html">Mick Doherty</a></li>
+                <li><a href="http://oregonshadowtheatre.com">Oregon Shadow Theatre</a></li>
+                <li><a href="http://quarterflash.net/">Quarterflash: Marv &amp; Rindy Ross</a></li>
+                <li><a href="http://sylviaemard.com/">Sylvia Emard</a></li>
+                <li><a href="http://trailband.com">The Trail Band</a></li>
+                <li>&nbsp;</li>
+                <li class="headline">I volunteer for ~ </li>
+                <li><a href="http://opensourcebridge.org">Open Source Bridge</a></li>
+                <li><a href="http://cycleoregon.com">Cycle Oregon</a></li>
+                <li>&nbsp;</li>
+                <li>&nbsp;</li>
+                <li class="headline"><a href="http://twitter.com/kcomandich" rel="me">@kcomandich</a></li>
+                <li class="headline"><a href="http://www.last.fm/user/kcomandich" rel="me">last.fm: kcomandich</a></li>
+            </ul>
+        </div>
+
+        <div id="columnright">
+            <img src="comandich.jpg" alt="Kirsten Comandich"  title="terwilliger boulevard, portland oregon" width="400px" height="596px"/>
+        </div>
+
+        <div id="footer">
+            Let us say YES to our presence together in chaos ~ <a href="http://en.wikipedia.org/wiki/John_Cage">John Cage</a>
+        </div>
+
+    </div>
+
+<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
+</script>
+<script type="text/javascript">
+    _uacct = "UA-995993-6";
+    urchinTracker();
+</script>
+</body>
 </html>
