<nav class=“header-nav {% if site.scrollappear_enabled %}appear{% endif %}”>

<a href="{{ '/' | relative_url }}" class="header-logo" title="{{ site.name }}">{{ site.name }}</a>
<ul class="header-links">
  {% if site.about_enabled == true %}
    <li>
      <a href="{{ 'about' | relative_url }}" title="About me">
        <span class="icon icon-about"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.twitter %}
    <li>
      <a href="https://twitter.com/{{ site.social.twitter }}" rel="noreferrer noopener" target="_blank" title="Twitter">
        <span class="icon icon-twitter"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.facebook %}
    <li>
      <a href="https://www.facebook.com/{{ site.social.facebook }}" rel="noreferrer noopener" target="_blank" title="Facebook">
        <span class="icon icon-facebook"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.github %}
    <li>
      <a href="https://github.com/{{ site.social.github }}" rel="noreferrer noopener" target="_blank" title="GitHub">
        <span class="icon icon-github"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.dribbble %}
    <li>
      <a href="https://dribbble.com/{{ site.social.dribbble }}" rel="noreferrer noopener" target="_blank" title="Dribbble">
        <span class="icon icon-dribbble"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.flickr %}
    <li>
      <a href="https://www.flickr.com/photos/{{ site.social.flickr }}" rel="noreferrer noopener" target="_blank" title="Flickr">
        <span class="icon icon-flickr"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.linkedin %}
    <li>
      <a href="https://www.linkedin.com/in/{{ site.social.linkedin }}" rel="noreferrer noopener" target="_blank" title="LinkedIn">
        <span class="icon icon-linkedin"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.bitcoin %}
    <li>
      <a href="{{ site.social.bitcoin }}" rel="noreferrer noopener" target="_blank" title="Bitcoin">
        <span class="icon icon-bitcoin"></span>
      </a>
    </li>
  {% endif %}
  {% if site.social.email %}
    <li>
      <a href="mailto:{{ site.social.email }}" title="Email">
        <span class="icon icon-email"></span>
      </a>
    </li>
  {% endif %}
  {% if site.rss_enabled == true %}
    <li>
      <a href="{{ 'feed.xml' | relative_url }}" rel="noreferrer noopener" target="_blank" title="RSS">
        <span class="icon icon-rss"></span>
      </a>
    </li>
  {% endif %}
</ul>

</nav>