quick about page, remove gravatar and load it statically

_src/_includes/footer.html

@@ -1,7 +1,7 @@
 <footer role="contentinfo" class="footer container">
 	
 	<div class="row">
-        <img class="gravatar photo" src="{{ site.email | to_secure_gravatar }}?s=160" />
+        <img class="avatar photo" src="/assets/img/avatar.jpeg" />
         <p class="footer-description">Blog of designer &amp; developer <a href="http://matthiaskretschmann.com">Matthias Kretschmann</a></p>
         		
         <aside class="subscribe">

_src/_plugins/gravatar.rb

@@ -1,25 +0,0 @@
-#
-# https://github.com/ldesgrange/jekyll-gravatar-filter
-#
-require 'digest/md5'
-
-module Jekyll
-  module GravatarFilter
-    def to_gravatar(input)
-      "http://www.gravatar.com/avatar/#{hash(input)}"
-    end
-
-    def to_secure_gravatar(input)
-      "https://secure.gravatar.com/avatar/#{hash(input)}"
-    end
-
-    private :hash
-
-    def hash(email)
-      email_address = email ? email.downcase.strip : ''
-      Digest::MD5.hexdigest(email_address)
-    end
-  end
-end
-
-Liquid::Template.register_filter(Jekyll::GravatarFilter)

_src/about.html

@@ -0,0 +1,16 @@
+---
+layout: page
+title: About
+---
+
+<img class="avatar photo" src="/assets/img/avatar.jpeg" />
+
+<p class="lead intro-1">
+	Hi, this is my blog.
+</p>
+<p class="lead intro-2">
+	I'm a designer &amp; developer hybrid based in Berlin, Germany.
+</p>
+
+<p>Have a look at my <a href="http://matthiaskrestchmann.com">portfolio</a> or hit me up on <a href="https://twitter.com/kremalicious">Twitter</a>, <a href="">App.net</a> or <a href="https://plus.google.com/+MatthiasKretschmann?
+   rel=author">Google+</a></p>

_src/assets/less/content.less

@@ -22,8 +22,10 @@
         padding-top: @line-height-computed;
     }
     
-    .page-single  & {
-        padding-bottom: @line-height-computed*2
+    .page-single & {
+        padding-bottom: @line-height-computed*2;
+        border: none;
+        &:before { .hide; }
     }
 }
 
@@ -200,7 +202,7 @@ time {
     margin-top: @line-height-computed;
 }
 
-.gravatar {
+.avatar {
     width: 80px;
     height: 80px;
     .border-radius(80px);

_src/assets/less/mixins.less

@@ -80,7 +80,7 @@
 
 .lead {
     font-size: @font-size-large;
-    line-height: @line-height-computed*1.25
+    line-height: @line-height-computed*1.15
 }
 
 /////////////////////////////////////

_src/assets/less/page-about.less

@@ -1,4 +1,40 @@
 
 .page-about {
     .entry-title { .visuallyhidden; }
+    
+    .entry-content { text-align: center; }
+    
+    .footer {
+        .avatar,
+        .footer-description { .hide; }
+        
+        .subscribe-title { margin-top: 0; }
+    }
+    
+    @media only screen and (min-width: 40.625em) and (min-height: 650px) {
+        .document {
+            margin-bottom: 350px
+        }
+        .footer { height: 350px }
+    }
+}
+
+.intro-1,
+.intro-2 {
+    .divider-bottom;
+    @media @breakpoint2 {
+        max-width: 60%;
+        margin-left: auto;
+        margin-right: auto;
+    }
+}
+
+.intro-1 {
+    font-size: 2.5em;
+    color: @text-color-dimmed;
+    
+}
+
+.intro-2 {
+    color: @text-color-dimmed;
 }

_src/assets/less/variables.less

@@ -17,7 +17,7 @@
 @font-weight-base:			400;
 
 @font-size-base:          	18px;
-@font-size-large:         	ceil(@font-size-base * 1.25);
+@font-size-large:         	ceil(@font-size-base * 1.15);
 @font-size-small:         	ceil(@font-size-base * 0.8);
 @font-size-mini:          	ceil(@font-size-base * 0.7);