<section class=“card widget”>

<div class="card-content">
  <h2>Categories</h2>
  <ul>
    {% assign site_categories = site.categories | sort %}
    {% if site_categories.first[0] == nil %}
    {% for category in site_categories %}
    <li><a href="{{ '/categories.html' }}#{{ category | downcase | url_escape | strip | replace: ' ', '-' }}">{{ category |
                  camelcase }} ({{ site.tags[category].size }})</a></li>
    {% endfor %}
    {% else %}
    {% for category in site_categories %}
    <li><a href="{{ '/categories.html' }}#{{ category[0] | downcase | url_escape | strip | replace: ' ', '-' }}">{{ category[0] |
                  camelcase }} ({{ category[1].size }})</a></li>
    {% endfor %}
    {% endif %}
    {% assign site_categories = nil %}
  </ul>
</div>

</section>