From b400f6a3826c7bf7d5c835ac3fc21ee458aeb347 Mon Sep 17 00:00:00 2001
From: Marcus Whybrow <marcus@marcuswhybrow.net>
Date: Mon, 2 Sep 2013 00:41:39 +0100
Subject: [PATCH] Add blog author image to posts

---
 assets/css/style.css                          | 48 ++++++++++++++++++-
 .../2012-08-08-celebrating-50-watchers.md     |  1 +
 blog/_posts/2012-11-03-donations.md           |  1 +
 blog/_posts/2012-11-05-100-stargazers.md      |  1 +
 blog/_posts/2013-09-01-welcome-zachlatta.md   |  1 +
 blog/index.html                               | 15 +++++-
 6 files changed, 64 insertions(+), 3 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 31d1d85..975bf0d 100644
--- a/assets/css/style.css
+++ b/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;
 }
diff --git a/blog/_posts/2012-08-08-celebrating-50-watchers.md b/blog/_posts/2012-08-08-celebrating-50-watchers.md
index f9dc174..cb39a9b 100644
--- a/blog/_posts/2012-08-08-celebrating-50-watchers.md
+++ b/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.
diff --git a/blog/_posts/2012-11-03-donations.md b/blog/_posts/2012-11-03-donations.md
index 0d8f0ff..76c5efb 100644
--- a/blog/_posts/2012-11-03-donations.md
+++ b/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.
diff --git a/blog/_posts/2012-11-05-100-stargazers.md b/blog/_posts/2012-11-05-100-stargazers.md
index b0204ac..e2870f3 100644
--- a/blog/_posts/2012-11-05-100-stargazers.md
+++ b/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.
diff --git a/blog/_posts/2013-09-01-welcome-zachlatta.md b/blog/_posts/2013-09-01-welcome-zachlatta.md
index 71de720..8ce7852 100644
--- a/blog/_posts/2013-09-01-welcome-zachlatta.md
+++ b/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.
diff --git a/blog/index.html b/blog/index.html
index c936304..ce5e842 100644
--- a/blog/index.html
+++ b/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 %}
\ No newline at end of file