scott/scottjohnson.pro
2
0
Fork 0
forked from robert/robertjohnson.work
Code Pull Requests Activity

Update image profile class

Browse Source
This commit is contained in:
Nelson Estevão 2018-07-25 14:54:05 +01:00
parent 6e4464af39
commit 9a8672e1f1
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_data/data.yml
View File

@ -6,12 +6,12 @@ sidebar:
# Site Settings
title: My Resume
url: 'http://webjeda.com'
about: True # set to False or comment line if you want to remove the "How to use?" in the sidebar
about: True # set to false or comment line if you want to remove the "how to use?" in the sidebar
# Profile information
name: Alan Doe
tagline: Full Stack Developer
pic: profile.png #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below
avatar: profile.png #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below
# Sidebar links
email: hello@webjeda.com

4
_includes/sidebar.html
View File

@ -3,7 +3,9 @@
<div class="profile-container">
<img class="profile-img" src="{{site.baseurl}}/assets/images/{{ site.data.data.sidebar.pic }}" alt="profile picture" />
{% if site.data.data.sidebar.name %}
<img class="avatar" src="{{ site.baseurl }}/assets/images/{{ site.data.data.sidebar.avatar }}" alt="profile picture" />
{% endif %}
{% if site.data.data.sidebar.name %}
<h1 class="name">{{site.data.data.sidebar.name}}</h1>

2
_sass/_base.scss
View File

@ -71,7 +71,7 @@ p {
margin-bottom: 15px;
}
.profile-img {
.avatar {
//used for profile image
max-width: 100px;
margin-bottom: 15px;

2
_sass/_print.scss
View File

@ -7,7 +7,7 @@
font-size: 12pt;
}
img.profile-img {
img.avatar {
filter: grayscale(1);
-webkit-filter: greyscale(1);
}