Sort categories

Gemfile

@@ -35,4 +35,5 @@ gem "wdm", :install_if => Gem.win_platform?
 gem "webrick", "~> 1.7"
 
 gem 'jekyll-date-localization', group: :jekyll_plugins
-gem 'jekyll-multiple-languages-plugin'
+gem 'jekyll-multiple-languages-plugin'
+gem 'jekyll_sort_natural', group: :jekyll_plugins

_config.yml

@@ -47,7 +47,7 @@ author-image: /assets/images/avatar_bleu.png
 # 60 Words About the Author
 author-about: >
   Développeur web freelance spécialisé Symfony et Angular.
-  Introverti hypersensible, idéaliste en quête de sens #ChildFree. #TDAH
+  Introverti hypersensible, idéaliste en quête de sens #ChildFree #TDAH #NonBinaire
 author-url: https://jaden-achain.dev
 
 # SASS

_includes/categories.html

@@ -1,15 +1,16 @@
 {% if post %}
-{% assign categories = post.categories %}
+  {% assign categories = post.categories | sort_natural  %}
 {% else %}
-{% assign categories = page.categories %}
+  {% assign categories = page.categories | sort_natural  %}
 {% endif %}
+
 {%- unless categories.size == 0 -%}
 <p class="subtitle is-uppercase post-categories">
     <a href="{{site.baseurl}}/archives"><i class="fas fa-tags"></i></a>
 
     {% for category in categories %}
-    <a class="tag is-link" href="{{site.baseurl}}/archives/#{{category|slugize}}">{{category}}</a>
-    {% unless forloop.last %}&nbsp;{% endunless %}
+      <a class="tag is-link" href="{{site.baseurl}}/archives/#{{category|slugize}}">{{category}}</a>
+      {% unless forloop.last %}&nbsp;{% endunless %}
     {% endfor %}
 </p>
 {%- endunless -%}

_layouts/categories.html

@@ -1,23 +1,22 @@
 ---
 layout: page
-permalink: /categories/
-title: Categories
 ---
 
+{% assign sorted_cats = site.categories | sort_natural %}
 
 <div id="archives">
-    {% for category in site.categories %}
+    {% for category in sorted_cats %}
     <div class="archive-group">
         {% capture category_name %}{{ category | first }}{% endcapture %}
         <div id="#{{ category_name | slugize }}"></div>
-        <p></p>
 
         <h3 class="category-head">{{ category_name }}</h3>
         <a id="{{ category_name | slugize }}"></a>
+
         {% for post in site.categories[category_name] %}
-        <article class="archive-item">
-            <h4><a href="{{ site.baseurl }}{{ post.url }}">{{post.title}}</a></h4>
-        </article>
+          <article class="archive-item">
+              <h4><a href="{{ site.baseurl }}{{ post.url }}">{{ post.date | localize: "%d %B %Y" }} - {{post.title}}</a></h4>
+          </article>
         {% endfor %}
     </div>
     {% endfor %}