{%- if page.type == 'categories' -%}

{%- assign taxonomies = site.categories -%}

{%- elsif page.type == 'tags' -%}

{%- assign taxonomies = site.tags -%}

{%- else -%}

{%- assign taxonomies = none -%}

{%- endif -%}

{%- assign max_count = 0 -%} {%- for taxonomy in taxonomies -%}

{%- assign posts = taxonomy[1] -%}
{%- if posts.size > max_count -%}
  {%- assign max_count = posts.size -%}
{%- endif -%}

{%- endfor -%}

<div class=“taxonomies-wrapper”>

<ul class="taxonomies">
  {%- for i in (1..max_count) reversed -%}
    {%- for taxonomy in taxonomies -%}
      {%- assign taxonomy_name = taxonomy[0] -%}
      {%- assign slugified_taxonomy_name = taxonomy_name | slugify -%}
      {%- assign posts = taxonomy[1] -%}
      {%- if posts.size == i -%}
        <li>
          {%- capture link -%}{{ page.permalink }}#{{ slugified_taxonomy_name }}{%- endcapture -%}
          <a class="taxonomy" href="{{ link | relative_url }}">
            <span>
              {%- if page.type == 'tags' -%}
                {{ slugified_taxonomy_name }}
              {%- else -%}
                {{ taxonomy_name }}
              {%- endif -%}
            </span>
            <span class="taxonomy-count">{{ posts.size }}</span>
          </a>
        </li>
      {%- endif -%}
    {%- endfor -%}
  {%- endfor -%}
</ul>

</div>

{%- for i in (1..max_count) reversed -%}

{%- for taxonomy in taxonomies -%}
  {%- assign taxonomy_name = taxonomy[0] -%}
  {%- assign slugified_taxonomy_name = taxonomy_name | slugify -%}
  {%- assign posts = taxonomy[1] -%}
  {%- if posts.size == i -%}
    <h2 id="{{ slugified_taxonomy_name }}">
      {%- if page.type == 'tags' -%}
        {{ slugified_taxonomy_name }}
      {%- else -%}
        {{ taxonomy_name }}
      {%- endif -%}
    </h2>
    <ul class="post-list-by-taxonomy">
      {%- for post in posts -%}
        <li>
          <time datetime="{{ page.date | date_to_xmlschema }}">{{ post.date | date: "%Y-%m-%d" }}</time> 
          &raquo; 
          <a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
        </li>
      {%- endfor -%}
    </ul>
    <a href="#" onclick="backToTop()" class="back-to-top">Top &#8648;</a>
  {%- endif -%}
{%- endfor -%}

{%- endfor -%}

{% include back-to-top.html %}