@@ -8,6 +8,9 @@ title: Categories
88# MIT License
99---
1010
11+ {% assign HEAD_PREFIX = "h_ " %}
12+ {% assign LIST_PREFIX = "l_ " %}
13+
1114{% assign sort_categories = site.categories | sort %}
1215
1316{% for category in sort_categories %}
@@ -32,41 +35,48 @@ title: Categories
3235
3336 <div class =" card categories " >
3437 <!-- top-category -->
35- <div class="card-header d-flex justify-content-between hide-border-bottom" id="h_{{ category_name }}">
38+ <div class="card-header d-flex justify-content-between hide-border-bottom"
39+ id="{{ HEAD_PREFIX }}{{ category_name }}">
3640 <span>
37- {% if sub_categories_size > 0 %}
38- <i class="far fa-folder-open fa-fw"></i>
39- {% else %}
40- <i class="far fa-folder fa-fw"></i>
41- {% endif %}
42- <a href="{{ site.baseurl }}/categories/{{ category_name | replace: ' ', '-' | downcase | url_encode }}/"
43- class="ml-1 mr-2">{{ category_name }}</a>
44- <!-- content count -->
45- {% assign top_posts_size = site.categories[category_name] | size %}
46- <span class="text-muted small font-weight-light">
4741 {% if sub_categories_size > 0 %}
48- {{ sub_categories_size }}
49- {% if sub_categories_size > 1 %}categories{% else %}category{% endif %},
42+ <i class="far fa-folder-open fa-fw"></i>
43+ {% else %}
44+ <i class="far fa-folder fa-fw"></i>
5045 {% endif %}
51- {{ top_posts_size }}
52- post{% if top_posts_size > 1 %}s{% endif %}
53- </span>
46+ <a href="{{ site.baseurl }}/categories/{{ category_name | replace: ' ', '-' | downcase | url_encode }}/"
47+ class="ml-1 mr-2">
48+ {{ category_name }}
49+ </a>
50+
51+ <!-- content count -->
52+ {% assign top_posts_size = site.categories[category_name] | size %}
53+ <span class="text-muted small font-weight-light">
54+ {% if sub_categories_size > 0 %}
55+ {{ sub_categories_size }}
56+ {% if sub_categories_size > 1 %}categories{% else %}category{% endif %},
57+ {% endif %}
58+ {{ top_posts_size }}
59+ post{% if top_posts_size > 1 %}s{% endif %}
60+ </span>
5461 </span>
5562
5663 <!-- arrow -->
57- <a href="#l_{{ category_name }}" data-toggle="collapse" aria-expanded="true" class="category-trigger hide-border-bottom">
58- {% if sub_categories_size > 0%}
59- <i class="fas fa-fw fa-angle-down"></i>
60- {% else %}
61- <i class="fas fa-fw fa-angle-right disabled"></i>
62- {% endif %}
63- </a>
64+ {% if sub_categories_size > 0%}
65+ <a href="#{{ LIST_PREFIX }}{{ category_name }}" data-toggle="collapse" aria-expanded="true"
66+ class="category-trigger hide-border-bottom">
67+ <i class="fas fa-fw fa-angle-down"></i>
68+ </a>
69+ {% else %}
70+ <span data-toggle="collapse" class="category-trigger hide-border-bottom disabled">
71+ <i class="fas fa-fw fa-angle-right"></i>
72+ </span>
73+ {% endif %}
6474
6575 </div> <!-- .card-header -->
6676
6777 <!-- Sub-categories -->
6878 {% if sub_categories_size > 0 %}
69- <div id="l_ {{ category_name }}" class="collapse show" aria-expanded="true">
79+ <div id="{{ LIST_PREFIX }} {{ category_name }}" class="collapse show" aria-expanded="true">
7080 <ul class="list-group">
7181 {% for sub_category in sub_categories %}
7282 <li class="list-group-item">
0 commit comments