Make the author image larger and scale with CSS
This commit is contained in:
parent
c00b400fbc
commit
8e474b7fab
2
assets/sass/pages/_about.sass
Normal file
2
assets/sass/pages/_about.sass
Normal file
|
@ -0,0 +1,2 @@
|
||||||
|
img.me
|
||||||
|
max-width: 110px
|
|
@ -4,3 +4,4 @@
|
||||||
img
|
img
|
||||||
float: left
|
float: left
|
||||||
margin: 0 1em 1em 0
|
margin: 0 1em 1em 0
|
||||||
|
width: 50px
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
<div class="about-author">
|
<div class="about-author">
|
||||||
<h2>About the Author</h2>
|
<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>
|
<p>{{ site.author.bio|raw }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -26,7 +26,7 @@ tools:
|
||||||
---
|
---
|
||||||
# About Me
|
# 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.
|
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.
|
||||||
|
|
||||||
|
|
Reference in a new issue