<aside class=“sidebar”>

<div class="block categories">
  <h3>Categories</h3>
  <ul>
    {% for category in site.categories %}
      <li><a name="{{ category | first }}" class="category"><i class="icon-Phoenix"></i> {{ category | first }}</a>
    <!--     <ul>
        {% for posts in category %}
          {% for post in posts %}
            <li><a href="{{ post.url }}">{{ post.title }}</a></li>
          {% endfor %}
        {% endfor %}
        </ul> -->
      </li>
    {% endfor %}
  </ul>
</div>

<div class="block">
  <h3>OPPOSITION</h3>
  <p>Opposition connects true hip hop artists and icons to the crowds that get behind them.</p>
  <a href="mailto:asd@asd.asd" class="submit">Join Us</a>
</div>

<div class="block">
  <h3>Youtube</h3>
  <script src="https://apis.google.com/js/platform.js"></script>
  <div class="g-ytsubscribe" data-channel="artists" data-layout="full" data-count="default"></div>
</div>

<div class="block">
  <h3>Twitter</h3>
  <a class="twitter-timeline" data-height="500" data-link-color="#c1a468" href="https://twitter.com/WeAreOpposition">Tweets by WeAreOpposition</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

</aside>