{%- extends "nav" -%}
{%- block card %}
      <!-- SCUTTLEBUTT PEERS -->
      <div class="card center">
        <div class="card-container">
          <!-- BUTTONS -->
          <div id="buttons">
            <a id="friends" class="button button-primary center" href="/scuttlebutt/friends" title="List Friends">Friends</a>
            <a id="follows" class="button button-primary center" href="/scuttlebutt/follows" title="List Follows">Follows</a>
            <a id="followers" class="button button-primary center" href="/scuttlebutt/followers" title="List Followers">Followers</a>
            <a id="blocks" class="button button-primary center" href="/scuttlebutt/blocks" title="List Blocks">Blocks</a>
          </div>
        </div>
      </div>
{%- endblock card -%}