{%- assign footerData2 = site.data.blog.footer -%}
{%- assign theme = site.data.theme.UI -%}
<div class="explore" style="background: {{theme.color}}">
    <h2 class="animate__animated animate__bounce animate__infinite">Explore</h2>
    <span class="d-none d-md-inline animate__animated animate__backInDown animate__infinite"
        style="font-size: 25px;">&#x2193;</span>
    <ul>
        {% assign categories_list = site.categories %}
        {% if categories_list.first[0] == null %}
        {% for category in categories_list %}
        <a class="cat mt-1 mb-1" href="/categories#{{ category | url_escape | strip | replace: ' ', '-' }}">{{ category
            |
            camelcase }} ({{ site.tags[category].size }})</a>
        {% endfor %}
        {% else %}
        {% for category in categories_list %}
        <a class="cat mt-1 mb-1" href="/categories#{{ category[0] | url_escape | strip | replace: ' ', '-' }}">{{
            category[0]
            | camelcase }} ({{ category[1].size }})</a>
        {% endfor %}
        {% endif %}
        {% assign categories_list = nil %}
    </ul>
</div>