<header class=“header” role=“banner”>

<div class="wrapper">
  <h1 class="header__name">{{ site.name | escape }}</a></h1>
  <ul class="header__social">
    {% if site.behance_username %}
    <li>
      <a href="https://www.behance.net/aleksnyder" target="_blank">
        <svg class="icon-behance" width="25" viewBox="0 0 100 100">
          <use xlink:href="#icon-behance" />
        </svg>
        <span class="screen-reader-text">Behance</span>
      </a>
    </li>
    {% endif %}
    {% if site.twitter_username %}
    <li>
      <a href="https://twitter.com/aleksnyder" target="_blank">
        <svg class="icon-twitter" width="25" viewBox="0 0 100 100">
          <use xlink:href="#icon-twitter" />
        </svg>
        <span class="screen-reader-text">Twitter</span>
      </a>
    </li>
    {% endif %}
    {% if site.codepen_username %}
    <li>
      <a href="http://codepen.io/pixelpusher89/" target="_blank">
        <svg class="icon-codepen" width="25" viewBox="0 0 100 100">
          <use xlink:href="#icon-codepen" />
        </svg>
        <span class="screen-reader-text">Codepen</span>
      </a>
    </li>
    {% endif %}
    {% if site.github_username %}
    <li>
      <a href="https://github.com/aleksnyder" target="_blank">
        <svg class="icon-github" width="25" viewBox="0 0 100 100">
          <use xlink:href="#icon-github" />
        </svg>
        <span class="screen-reader-text">Github</span>
      </a>
    </li>
    {% endif %}
    {% if site.email %}
    <li>
      <a href="mailto:asnyder0816@gmail.com">
        <svg class="icon-mail" width="25" viewBox="0 0 100 100">
          <use xlink:href="#icon-mail" />
        </svg>
        <span class="screen-reader-text">Email</span>
      </a>
    </li>
    {% endif %}
  </ul>
</div>

</header>