<footer id="footer">
  <div class="footer-border"></div>
  <div class="footer-content">
    <div class="social-wrapper text-center">
      <ul class="social-lists">
        {% if site.email %}<li><a class="social-btn btn-white" href="mailto:{{ site.email }}" target="_blank" rel="noopener noreferrer" title="Mail me"><i class="fa fa-fw fa-envelope"></i></a></li>{% endif %}
        {% if site.behance %}<li><a class="social-btn btn-white" href="https://www.behance.net/{{ site.behance }}" target="_blank" rel="noopener noreferrer" title="Follow me on Behance"><i class="fa fa-fw fa-behance"></i></a></li>{% endif %}
        {% if site.twitter %}<li><a class="social-btn btn-white" href="http://twitter.com/{{ site.twitter }}" target="_blank" rel="noopener noreferrer" title="Follow me on Twitter"><i class="fa fa-fw fa-twitter"></i></a></li>{% endif %}
        {% if site.facebook %}<li><a class="social-btn btn-white" href="http://facebook.com/{{ site.facebook }}" target="_blank" rel="noopener noreferrer" title="Follow me on Facebook"><i class="fa fa-fw fa-facebook"></i></a></li>{% endif %}
        {% if site.google.plus %}<li><a class="social-btn btn-white" href="http://plus.google.com/+{{ site.google.plus }}" target="_blank" rel="noopener noreferrer" title="Follow me on Google Plus"><i class="fa fa-fw fa-google-plus"></i></a></li>{% endif %}
        {% if site.linkedin %}<li><a class="social-btn btn-white" href="http://linkedin.com/in/{{ site.linkedin }}" target="_blank" rel="noopener noreferrer" title="Follow me on Linkedin"><i class="fa fa-fw fa-linkedin"></i></a></li>{% endif %}
        {% if site.xing %}<li><a class="social-btn btn-white" href="http://www.xing.com/profile/{{ site.xing }}" target="_blank" rel="noopener noreferrer" title="Follow me on Xing"><i class="fa fa-fw fa-xing"></i></a></li>{% endif %}
        {% if site.instagram %}<li><a class="social-btn btn-white" href="http://instagram.com/{{ site.instagram }}" target="_blank" rel="noopener noreferrer" title="Follow me on Instagram"><i class="fa fa-fw fa-instagram"></i></a></li>{% endif %}
        {% if site.tumblr %}<li><a class="social-btn btn-white" href="http://{{ site.tumblr }}.tumblr.com" target="_blank" rel="noopener noreferrer" title="Follow me on Tumblr"><i class="fa fa-fw fa-tumblr"></i></a></li>{% endif %}
        {% if site.github %}<li><a class="social-btn btn-white" href="http://github.com/{{ site.github }}" target="_blank" rel="noopener noreferrer" title="Follow me on Github"><i class="fa fa-fw fa-github"></i></a></li>{% endif %}
        {% if site.stackoverflow %}<li><a class="social-btn btn-white" href="http://stackoverflow.com/users/{{ site.stackoverflow }}" target="_blank" rel="noopener noreferrer" title="Follow me on Stackoverflow"><i class="fa fa-fw fa-stack-overflow"></i></a></li>{% endif %}
        {% if site.lastfm %}<li><a class="social-btn btn-white" href="http://lastfm.com/user/{{ site.lastfm }}" target="_blank" rel="noopener noreferrer" title="Follow me on Lastfm"><i class="fa fa-fw fa-music"></i></a></li>{% endif %}
        {% if site.dribbble %}<li><a class="social-btn btn-white" href="http://dribbble.com/{{ site.dribbble }}" target="_blank" rel="noopener noreferrer" title="Follow me on Dribbble"><i class="fa fa-fw fa-dribbble"></i></a></li>{% endif %}
        {% if site.pinterest %}<li><a class="social-btn btn-white" href="http://www.pinterest.com/{{ site.pinterest }}" target="_blank" rel="noopener noreferrer" title="Follow me on Pinterest"><i class="fa fa-fw fa-pinterest"></i></a></li>{% endif %}
        {% if site.foursquare %}<li><a class="social-btn btn-white" href="http://foursquare.com/{{ site.foursquare }}" target="_blank" rel="noopener noreferrer" title="Follow me on Foursquare"><i class="fa fa-fw fa-foursquare"></i></a></li>{% endif %}
        {% if site.steam %}<li><a class="social-btn btn-white" href="http://steamcommunity.com/id/{{ site.steam }}" target="_blank" rel="noopener noreferrer" title="Follow me on Steam"><i class="fa fa-fw fa-steam"></i></a></li>{% endif %}
        {% if site.youtube %}<li><a class="social-btn btn-white" href="https://youtube.com/user/{{ site.youtube }}" target="_blank" rel="noopener noreferrer" title="Follow me on Youtube"><i class="fa fa-fw fa-youtube"></i></a></li>{% endif %}
        {% if site.soundcloud %}<li><a class="social-btn btn-white" href="http://soundcloud.com/{{ site.soundcloud }}" target="_blank" rel="noopener noreferrer" title="Follow me on Soundcloud"><i class="fa fa-fw fa-soundcloud"></i></a></li>{% endif %}
        {% if site.weibo %}<li><a class="social-btn btn-white" href="http://www.weibo.com/{{ site.weibo }}" target="_blank" rel="noopener noreferrer" title="Follow me on Weibo"><i class="fa fa-fw fa-weibo"></i></a></li>{% endif %}
        {% if site.flickr %}<li><a class="social-btn btn-white" href="http://www.flickr.com/{{ site.flickr }}" target="_blank" rel="noopener noreferrer" title="Follow me on Flickr"><i class="fa fa-fw fa-flickr"></i></a></li>{% endif %}
        {% if site.codepen %}<li><a class="social-btn btn-white" href="http://codepen.io/{{ site.codepen }}" target="_blank" rel="noopener noreferrer" title="Follow me on Codepen"><i class="fa fa-fw fa-codepen"></i></a></li>{% endif %}
        {% if site.keybase %}<li><a class="social-btn btn-white" href="https://keybase.io/{{ site.keybase }}" target="_blank" rel="noopener noreferrer" title="Follow me on Keybase"><i class="fa fa-fw fa-key"></i></a></li>{% endif %}
        {% if site.xmpp %}<li><a class="social-btn btn-white" href="xmpp:{{ site.xmpp }}" target="_blank" rel="noopener noreferrer" title="Follow me on Xmpp"><i class="fa fa-fw fa-lightbulb-o"></i></a></li>{% endif %}
        {% if site.hackernews %}<li><a class="social-btn btn-white" href="https://news.ycombinator.com/user?id={{ site.hackernews }}" target="_blank" rel="noopener noreferrer" title="Follow me on Hackernews"><i class="fa fa-fw fa-hacker-news"></i></a></li>{% endif %}
      </ul>
    </div>
    <div class="copyright text-center">Copyright © {{ 'now' | date: "%Y" }} {{ site.author.name }}. Powered by <a href=https://notabug.org/myrcy/Ice_Bear_Mirror>Jekyll</a>. <a href="/javascript.html" data-jslicense="1">JavaScript license information</a><br>.</div>
  </div>
  <div id="top" class="btn-top" style="display:none">
    <a href=" #header "><i class="fa fa-paw" aria-hidden="true"></i></a>
  </div>
</footer>
