Update image profile class

_data/data.yml

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

_includes/sidebar.html

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

_sass/_base.scss

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

_sass/_print.scss

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