From 8e474b7fab28e2dc128a21d90e3fb53f3af4ced7 Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Wed, 30 Mar 2016 12:11:05 +0100
Subject: [PATCH] Make the author image larger and scale with CSS

---
 assets/sass/pages/_about.sass     | 2 ++
 assets/sass/pages/_blog-post.sass | 1 +
 source/_layouts/post.html.twig    | 2 +-
 source/index.md                   | 2 +-
 4 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 assets/sass/pages/_about.sass

diff --git a/assets/sass/pages/_about.sass b/assets/sass/pages/_about.sass
new file mode 100644
index 00000000..a2476511
--- /dev/null
+++ b/assets/sass/pages/_about.sass
@@ -0,0 +1,2 @@
+img.me
+  max-width: 110px
diff --git a/assets/sass/pages/_blog-post.sass b/assets/sass/pages/_blog-post.sass
index 1ce786aa..bf3de4c0 100644
--- a/assets/sass/pages/_blog-post.sass
+++ b/assets/sass/pages/_blog-post.sass
@@ -4,3 +4,4 @@
     img
         float: left
         margin: 0 1em 1em 0
+        width: 50px
diff --git a/source/_layouts/post.html.twig b/source/_layouts/post.html.twig
index bbf719be..314cfb56 100644
--- a/source/_layouts/post.html.twig
+++ b/source/_layouts/post.html.twig
@@ -34,7 +34,7 @@
         <div class="about-author">
             <h2>About the Author</h2>
 
-            <img src="{{ site.gravatar.url }}?s=50" alt="Picture of Oliver" class="img-circle">
+            <img src="{{ site.gravatar.url }}?s=100" alt="Picture of Oliver" class="img-circle">
 
             <p>{{ site.author.bio|raw }}</p>
         </div>
diff --git a/source/index.md b/source/index.md
index 31e3c5bd..43933b0c 100644
--- a/source/index.md
+++ b/source/index.md
@@ -26,7 +26,7 @@ tools:
 ---
 # About Me
 
-<img src="{{ site.images_url }}/assets/images/me-precedent.jpg" alt="Picture of Oliver" class="img-circle">
+<img src="{{ site.gravatar.url }}?s=200" alt="Picture of Oliver" class="me img-circle">
 
 My name is Oliver Davies (aka [opdavies](https://www.google.com/#q=opdavies)), I’m a Web Developer and Drupal specialist based in Wales, UK.