{%- 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=“category-tags d-flex flex-wrap justify-content-center”>
<!-- TODO: clean this up, it's brutal --> {%- 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] -%} {%- assign link = page.permalink -%} {%- if posts.size == i -%} {% capture anchor_url %}{{ link }}#{{ slugified_taxonomy_name }}{% endcapture %} {% if page.type == 'categories' %} {% assign taxonomy_name_list = taxonomy_name | split: ' ' %} {% capture capitalized_taxonomy_name %} {% for word in taxonomy_name_list %} {{ word | capitalize }} {% endfor %} {% endcapture %} {% endif %} <a class="card-link my-2 px-3 py-2" href="{{ anchor_url | relative_url }}"> <span> {% if page.type == 'tags' %} {{ slugified_taxonomy_name }} {% else %} {{ capitalized_taxonomy_name }} {% endif %} </span> <span class="taxonomy-count">{{ posts.size }}</span> </a> {%- endif -%} {%- endfor -%} {%- endfor -%}
</div>
<div class=“card-section mt-4”> {%- 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 -%} <div class="card my-2 mx-3"> <div class="card-body p-5"> <a class="jump-to-anchor" id="{{ slugified_taxonomy_name }}"></a> {% if page.type == 'categories' %} {% assign taxonomy_name_list = taxonomy_name | split: ' ' %} {% capture capitalized_taxonomy_name %} {% for word in taxonomy_name_list %} {{ word | capitalize }} {% endfor %} {% endcapture %} {% endif %} <h2 class="card-title" id="{{ slugified_taxonomy_name }}"> {%- if page.type == 'tags' -%} {{ slugified_taxonomy_name }} {%- else -%} {{ capitalized_taxonomy_name }} {%- endif -%} </h2> {%- for post in posts -%} <p class="card-text card-list"> <time datetime="{{ page.date | date_to_xmlschema }}">{{ post.date | date: "%b %-d, %Y" }}</time> » <a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a> </p> {%- endfor -%} <a href="#" onclick="backToTop()" class="back-to-top"> <i class="fas fa-lg fa-chevron-up"></i> </a> </div> </div> {%- endif -%} {%- endfor -%}
{%- endfor -%} </div>
<!– IF NO TAGORIES –> {% if taxonomies.size == 0 %} <div class=“d-flex justify-content-center”>
<p>No categories to display yet.</p>
</div> {% endif %}
{% include back-to-top.html %}