adding date posts

Author: agarnung

README.md

@@ -123,6 +123,7 @@ Changes made to fulfil my needs:
 * Added [PDF viewer](https://github.com/alesordo/alesordo.github.io)
 * Added scss and modified ```portfolYOU.scss```
 * Customized landing page with dynamic message
+* Added date dropdown page to list posts in blog
 
 <div align="center">
 <sub><sup>© 2025 Alejandro Garnung Menéndez, licensed under the <a href="./LICENSE">MIT License</a>.</sup></sub>

_includes/blog/calendar.html

@@ -0,0 +1,31 @@
+<!-- Group posts by date -->
+{%- assign posts_by_date = {} -%}
+{%- for post in site.posts -%}
+  {%- assign post_date = post.date | date: "%Y-%m" -%}  <!-- Group by year and month -->
+  {%- if posts_by_date[post_date] == nil -%}
+    {%- assign posts_by_date[post_date] = "" -%}
+  {%- endif -%}
+  {%- assign posts_by_date[post_date] = posts_by_date[post_date] | append: post.url | append: "|" -%}
+{%- endfor -%}
+
+<!-- Create a dropdown list by date -->
+{% for date, posts in posts_by_date %}
+  <div class="py-3">
+    <h4 id="{{ date }}">{{ date }}</h4>
+    <button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#posts-{{ date }}" aria-expanded="false" aria-controls="posts-{{ date }}">
+      Ver posts
+    </button>
+    <div class="collapse" id="posts-{{ date }}">
+      <ol>
+        {% assign post_urls = posts | split: '|' %}
+        {% for post_url in post_urls %}
+          {%- assign post = site.posts | where: "url", post_url | first -%}
+          <li><a href="{{ post.url | relative_url }}">{{ post.title }}</a></li>
+          <small class="text-muted"> - {{ post.date | date_to_long_string }}</small>
+          <br/>
+        {% endfor %}
+      </ol>
+    </div>
+  </div>
+  <hr class="bg-light">
+{% endfor %}

_includes/blog/search.html

@@ -7,6 +7,9 @@
       <i class="fas fa-search"></i>
     </span>
   </div>
+  <button class="btn btn-outline-primary ml-1" onclick="location.href = '{{ '/blog/calendar' | relative_url }}';">
+    <i class="fas fa-calendar"></i>
+  </button>
   <button class="btn btn-outline-primary ml-1" onclick="location.href = '{{ '/blog/tags' | relative_url }}';">
     <i class="fas fa-tags"></i>
   </button>