Make the author image larger and scale with CSS

This commit is contained in:
Oliver Davies 2016-03-30 12:11:05 +01:00
parent c00b400fbc
commit 8e474b7fab
4 changed files with 5 additions and 2 deletions

View file

@ -0,0 +1,2 @@
img.me
max-width: 110px

View file

@ -4,3 +4,4 @@
img
float: left
margin: 0 1em 1em 0
width: 50px

View file

@ -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>

View file

@ -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)), Im a Web Developer and Drupal specialist based in Wales, UK.