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 -->
<!-- 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/img/{{ site.pic }}" alt="profile picture" />
<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> {% if site.name %}
<h3 class="tagline">{% if site.tagline %}{{site.tagline}}{% else %}Full Stack Developer{% endif %}</h3> <h1 class="name">{{site.name}}</h1>
</div><!--//profile-container--> {% endif %}
<div class="contact-container container-block"> {% if site.tagline %}
<ul class="list-unstyled contact-list"> <h3 class="tagline">{{site.tagline}}</h3>
{% endif %}
{% if site.email %}
<li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</a></li> </div><!--//profile-container-->
{% else %}
<li class="email"><i class="fa fa-envelope"></i><a href="mailto:alan.doe@website.com">alan.doe@website.com</a></li> <div class="contact-container container-block">
{% endif %} <ul class="list-unstyled contact-list">
{% if site.phone %} {% if site.email %}
<li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</a></li> <li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</a></li>
{% else %} {% endif %}
<li class="phone"><i class="fa fa-phone"></i><a href="tel:012 345 6789">012 345 6789</a></li>
{% endif %} {% if site.phone %}
<li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</a></li>
{% if site.website %} {% endif %}
<li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
{% else %} {% if site.website %}
<li class="website"><i class="fa fa-globe"></i><a href="http://blog.webjeda.com" target="_blank">blog.webjeda.com</a></li> <li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
{% endif %} {% endif %}
{% if site.linkedin %} {% 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> <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://linkedin.com/in/{{site.linkedin}}" target="_blank">{{site.linkedin}}</a></li>
{% else %} {% endif %}
<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">{{site.github}}</a></li>
{% if site.github %} {% endif %}
<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 %} {% if site.twitter %}
<li class="github"><i class="fa fa-github"></i><a href="http://github.com/sharu725" target="_blank">github.com/sharu725</a></li> <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/{{site.twitter}}" target="_blank">{{site.twitter}}</a></li>
{% endif %} {% endif %}
{% if site.twitter %} </ul>
<li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/{{site.twitter}}" target="_blank">{{site.twitter}}</a></li> </div><!--//contact-container-->
{% else %}
<li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/@webjeda" target="_blank">@webjeda</a></li> {% include education.html %}
{% endif %} {% include language.html %}
{% include interests.html %}
</ul> {% include about.html %}
</div><!--//contact-container-->
{% include education.html %} </div><!--//sidebar-wrapper-->
{% include language.html %}
{% include interests.html %}
{% include about.html %}
</div><!--//sidebar-wrapper-->