made sidebar.hmtl easier on the eyes and simpler to change profile informatio

_includes/sidebar.html

@@ -1,58 +1,54 @@
-<!-- Use icons from fontawesome when you are adding new item in the contact list  -->             
-
-                 
-     <div class="sidebar-wrapper">
-            <div class="profile-container">
-                <img class="profile-img" src="{{site.baseurl}}/assets/images/{% if site.pic %}{{ site.pic }}{% else %}profile.png{% endif %}" alt="profile picture" />
-                <h1 class="name">{% if site.name %}{{site.name}}{% else %}Alan Doe{% endif %}</h1>
-                <h3 class="tagline">{% if site.tagline %}{{site.tagline}}{% else %}Full Stack Developer{% endif %}</h3>
-            </div><!--//profile-container-->
-            
-            <div class="contact-container container-block">
-                <ul class="list-unstyled contact-list">
-                   
-                   {% if site.email %}
-                    <li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</a></li>
-                    {% else %}
-                    <li class="email"><i class="fa fa-envelope"></i><a href="mailto:alan.doe@website.com">alan.doe@website.com</a></li>
-                    {% endif %}
-                    
-                    {% if site.phone %}
-                    <li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</a></li>
-                    {% else %}
-                    <li class="phone"><i class="fa fa-phone"></i><a href="tel:012 345 6789">012 345 6789</a></li>
-                    {% endif %}
-                    
-                    {% if site.website %}
-                    <li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
-                    {% else %}
-                    <li class="website"><i class="fa fa-globe"></i><a href="http://blog.webjeda.com" target="_blank">blog.webjeda.com</a></li>
-                    {% endif %}
-                    
-                    {% if site.linkedin %}
-                    <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://in.linkedin.com/in/{{site.linkedin}}" target="_blank">linkedin.com/in/{{site.linkedin}}</a></li>
-                    {% else %}
-                    <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://in.linkedin.com/in/sharath-kumar-87669956" target="_blank">linkedin.com/in/sharathdt</a></li>
-                    {% endif %}
-                    
-                    {% if site.github %}
-                    <li class="github"><i class="fa fa-github"></i><a href="http://github.com/{{site.github}}" target="_blank">github.com/{{site.github}}</a></li>
-                    {% else %}
-                    <li class="github"><i class="fa fa-github"></i><a href="http://github.com/sharu725" target="_blank">github.com/sharu725</a></li>
-                    {% endif %}
-                    
-                    {% if site.twitter %}
-                    <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/{{site.twitter}}" target="_blank">{{site.twitter}}</a></li>
-                    {% else %}
-                     <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/@webjeda" target="_blank">@webjeda</a></li>
-                    {% endif %}
-                    
-                </ul>
-            </div><!--//contact-container-->
-           {% include education.html %}
-           {% include language.html %}
-           {% include interests.html %}
-           {% include about.html %}
-        
-            
-        </div><!--//sidebar-wrapper-->
+<!-- Use icons from fontawesome when you are adding new item in the contact list  -->
+<!-- Use icons from fontawesome when you are adding new item in the contact list  -->
+<div class="sidebar-wrapper">
+
+   <div class="profile-container">
+     
+       <img class="profile-img" src="{{site.baseurl}}/assets/img/{{ site.pic }}" alt="profile picture" />
+
+       {% if site.name %}
+       <h1 class="name">{{site.name}}</h1>
+       {% endif %}
+
+       {% if site.tagline %}
+       <h3 class="tagline">{{site.tagline}}</h3>
+       {% endif %}
+
+   </div><!--//profile-container-->
+
+   <div class="contact-container container-block">
+       <ul class="list-unstyled contact-list">
+
+          {% if site.email %}
+           <li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</a></li>
+           {% endif %}
+
+           {% if site.phone %}
+           <li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</a></li>
+           {% endif %}
+
+           {% if site.website %}
+           <li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
+           {% endif %}
+
+           {% if site.linkedin %}
+           <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://linkedin.com/in/{{site.linkedin}}" target="_blank">{{site.linkedin}}</a></li>
+           {% endif %}
+
+           {% if site.github %}
+           <li class="github"><i class="fa fa-github"></i><a href="http://github.com/{{site.github}}" target="_blank">{{site.github}}</a></li>
+           {% endif %}
+
+           {% if site.twitter %}
+           <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/{{site.twitter}}" target="_blank">{{site.twitter}}</a></li>
+           {% endif %}
+
+       </ul>
+   </div><!--//contact-container-->
+
+  {% include education.html %}
+  {% include language.html %}
+  {% include interests.html %}
+  {% include about.html %}
+
+</div><!--//sidebar-wrapper-->