Sidebar

gistfile1.html

<section class="sidebar lens-selector">
  <p class="back-to-browser">
    <a class="lens-back">Back to Browser</a>
  </p>

  <h2>Filter results by</h2>
  <div class="lens select" data-action="composers">
    <a href="#" data-dep="browser/lenses">
      <h2 class="icon big icon-composers">Composers</h2>
    </a>
  </div>
  <div class="lens select" data-action="artists">
    <a href="#" data-dep="browser/lenses">
      <h2 class="icon big icon-artists">Artists</h2>
    </a>
  </div>
  <div class="lens select" data-action="instrumentation">
    <a href="#" data-dep="browser/lenses">
      <h2 class="icon big icon-instruments">Work categories</h2>
    </a>
  </div>
  <h2>Recording type</h2>
  <div class="lens select toggle">
    <a href="/browser/composer:1/type:historic">Historic</a>
    <a href="/browser/composer:1/type:modern">Modern</a>
  </div>
  <div class="lens select toggle">
    <a href="/browser/composer:1/type:live">Live</a>
    <a href="/browser/composer:1/type:studio">Studio</a>
  </div>
</section>