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

This commit is contained in:
Nelson Estevão 2017-10-29 14:46:01 +00:00
parent 814ab5af08
commit 206bd30318

View File

@ -1,58 +1,54 @@
<!-- 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">
<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-->
<img class="profile-img" src="{{site.baseurl}}/assets/img/{{ site.pic }}" alt="profile picture" />
<div class="contact-container container-block">
<ul class="list-unstyled contact-list">
{% if site.name %}
<h1 class="name">{{site.name}}</h1>
{% endif %}
{% 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.tagline %}
<h3 class="tagline">{{site.tagline}}</h3>
{% 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 %}
</div><!--//profile-container-->
{% 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 %}
<div class="contact-container container-block">
<ul class="list-unstyled contact-list">
{% 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.email %}
<li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</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.phone %}
<li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</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 %}
{% if site.website %}
<li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
{% endif %}
</ul>
</div><!--//contact-container-->
{% include education.html %}
{% include language.html %}
{% include interests.html %}
{% include about.html %}
{% 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 %}
</div><!--//sidebar-wrapper-->
{% 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-->