Add blog author image to posts

assets/css/style.css

@@ -275,7 +275,6 @@ body {
   color: rgb(51, 51, 51);
 }
 .section-blog .date {
-  margin-bottom: 20px;
   font-size: 14px;
   color: #666;
   font-weight: 500;
@@ -293,6 +292,53 @@ body {
   margin-bottom: 20px;
 }
 
+.section-blog .inline-post .title-card {
+  position: relative;
+  height: 80px;
+  margin-bottom: 20px;
+}
+.section-blog .inline-post .title-card .left {
+  position: absolute;
+  width: 80px;
+  height: 80px;
+}
+.section-blog .inline-post .title-card .right {
+  position: absolute;
+  margin-left: 90px;
+  width: 100%;
+  height: 60px;
+  padding: 10px 0;
+}
+.section-blog .inline-post .title-card .right .date {
+  position: absolute;
+  bottom: 10px;
+  left: 0;
+  margin: 0;
+}
+
+.section-blog .inline-post .title-card a.avatar {
+  width: 80px;
+  height: 80px;
+  display: block;
+}
+.section-blog .inline-post .title-card a.avatar:hover {
+  text-decoration: none;
+  padding: 0;
+  margin: 0;
+}
+.section-blog .inline-post .title-card a.avatar img {
+  width: 80px;
+  height: 80px;
+  -webkit-border-radius: 40px;
+     -moz-border-radius: 40px;
+          border-radius: 40px;
+  box-shadow: 1px solid
+}
+
+.section-blog .inline-post .title-card .title {
+  float: left;
+}
+
 .section-blog .inline-post {
   margin-bottom: 60px;
 }

blog/_posts/2012-08-08-celebrating-50-watchers.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Celebrating 50 Watchers!
+author: marcuswhybrow
 ---
 
 Is it worth creating a blog, I wondered, for MSM. Well, the project has reached **50 watchers**, now stars, on github, and I felt like celebrating that fact in some way.

blog/_posts/2012-11-03-donations.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Donations
+author: marcuswhybrow
 ---
 
 I have had, since starting MSM, two or three people enquire about donations. It's a fantastic feeling; that someone without prompting would, of their own free accord, wish to encourage the project by donating money.

blog/_posts/2012-11-05-100-stargazers.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: 100 Stargazers!
+author: marcuswhybrow
 ---
 
 Back in August (2 months ago), I was [excited to say][post] that MSM had 50–what were at that time–watchers. Now it's up to [100 stargazers][stargazers] which, to me, feels quite special.

blog/_posts/2013-09-01-welcome-zachlatta.md

@@ -1,6 +1,7 @@
 ---
 layout: post
 title: Welcome zachlatta
+author: marcuswhybrow
 ---
 
 Good news! Merging of pull requests and dealing with issues is now being helped along by [zachlatta](https://github.com/zachlatta) who's now a collaborator with the GitHub repository.

blog/index.html

@@ -12,8 +12,19 @@ title: Blog · MSM
 
 {% for post in site.posts %}
   <div class="inline-post">
-    <h2 class="title"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h2>
-    <p class="date">{{ post.date | date: "%d %B %Y" }}</p>
+    <div class="title-card">
+        <div class="left">
+            <a class="avatar" href="https://github.com/{{ post.author }}" target="_blank" title="{{ post.author }}">
+                <img src="https://github.com/{{ post.author }}.png">
+            </a>
+        </div>
+        <div class="right">
+            <h2 class="title">
+                <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+            </h2>
+            <p class="date">{{ post.date | date: "%d %B %Y" }}</p>
+        </div>
+    </div>
     {{ post.content }}
   </div>
 {% endfor %}