New (old) design

static/sass/_layout.sass

@@ -2,6 +2,7 @@ body
   font-family: $font-family
   font-size: $font-size-base
   line-height: 1.5em
+  padding: 24px
 
 .center
   margin: 0 auto
@@ -61,7 +62,6 @@ p:first-child
 
 // New
 .page-content
-  display: flex
   margin: 0 auto
   flex-direction: row
   max-width: 980px
@@ -70,37 +70,35 @@ p:first-child
     display: block
     width: 100%
 
-  header
-    width: 25%
-    text-align: center
+header
+  text-align: right
+ 
+  h1
+    margin-top: 0
+    font-size: 1.5em
 
-    @media ($tablet)
-      width: 100%
-      .avatar
-        max-width: 125px
+  .avatar
+    float: left
+    width: 70px
+    margin: 0 auto
+    margin-right: 12px
 
-    h1
-      font-size: 1.3em
-
-    .avatar
-      width: 70%
-      margin: 0 auto
+    img
       border-radius: 12%
 
-    nav
-      a
-        display: block
+  nav
 
-    .social
-      list-style: none
-      padding: 0
+    a
+      display: inline-block
+      padding-left: 20px
 
-  .main-content
-    @media ($tablet)
-      width: 100%
+  .social
+    list-style: none
+    padding: 0
 
-    width: 75%
-    padding-right: 16px
+.main-content
+  @media ($tablet)
+    width: 100%
 
 *:target
   background-color: lighten($highlight-color, 40%)
@@ -113,3 +111,7 @@ h2
 
 h3
   font-size: 1.3em
+
+footer
+  text-align: center
+  font-size: 0.8em

static/sass/style.sass

@@ -5,6 +5,7 @@
 @import ./grid
 @import ./layout
 @import ./blog
+@import ./home
 @import ./portfolio
 @import ./table
 @import ./syntax