<!– Target for toggling the sidebar `.sidebar-checkbox` is for regular

styles, `#sidebar-checkbox` for behavior. -->

<input type=“checkbox” class=“sidebar-checkbox” id=“sidebar-checkbox” />

<div class=“sidebar” id=“sidebar”>

<header class="avatar">
  <a href="{{ site.url }}{{ site.me }}">
    <img src="{{ site.url }}{{ site.avatar.normal }}" />
  </a>
</header>
<nav class="sidebar-nav">
  <ul>
    {% for link in site.nav-links %}
    <li class="nav-item {% if page.url == link.url %}active{% endif %}">
      <a class="nav-link" href="{{ site.url }}{{ link.url }}">
        <span>{{ link.title | upcase }}</span>
      </a>
    </li>
    {% endfor %}
  </ul>
</nav>

</div>