finish blog sidebar

_data/locale.toml

@@ -84,3 +84,8 @@ es = "aún NO optimizo el sitio para verlo en celulares o pantallas más chicas.
 [button-author]
 en = "button by"
 es = "botón hecho por"
+
+# post tags
+[posts]
+en = "all"
+es = "todos"

_includes/blog_sidebar.njk

@@ -1,4 +1,10 @@
-<div class="tag-list-wrapper box">
+<div class="blog-avatar-wrapper">
+    <img src="/img/blog-avatar.jpg" alt="blog profile picture" id="avatar">
+</div>
+<div class="true-content">
+    {{ content | safe }}
+</div>
+<div class="tag-list-wrapper">
     <h2>tags</h2>
     <ul class="tag-list">
         {% for tag, posts in collections | exclude_collections("reviews", "all") %}

_layouts/recent_feed.njk

@@ -8,17 +8,19 @@
 
 {% block content %}
     {% if sidebar %}
-        <div id="feed-sidebar">
+        <div id="{{ sidebar }}-sidebar" class="sidebar">
             {% include sidebar + "_sidebar.njk" %}
         </div>
     {% endif %}
     <div id="feed">
-        <div class="true-content">
-            {{ content | safe }}
-        </div>
+        {% set current_year = 0 %}
         {% for post in collections[cycling_tag] | i18n_filter %}
             <div class="feed-item">
-                <h2>2025</h2>
+                {% set post_year = post.date | date("yyyy") %}
+                {% if post_year != current_year %}
+                    <h2 class="year-title">{{ post_year }}</h2>
+                    {% set current_year = post_year %}
+                {% endif %}
                 <h3 id="{{ post.data.title | slugify }}" class="post-title">{{ post.data.title }}</h3>
                 <p class="post-date">{{ post.date | date("dd/MM/yyyy") }}</p>
                 {#<p>Debug: {{ post.date }} -> {{ post.date | date("dd/MM/yyyy") }}</p>#}

css/main.scss

@@ -210,6 +210,7 @@ body {
         }
     }
 
+    // homepage
     .welcome-aside-left {
         width: max-content;
 
@@ -325,8 +326,7 @@ body {
         h1, h2, h3, h4, h5, h6 { margin: 2px 4px; }
         p { margin: 8px 4px; }
         ul {
-            /* TODO: better list image
-            list-style-image: url(/img/icons/apple.png); */
+            list-style-image: url(/img/icons/pichu.gif);
             list-style-type: disc;
             li {
                 font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
@@ -340,6 +340,7 @@ body {
         }
     }
 
+    // guestbook
     .guestbook-wrapper {
         width: 100%;
         margin: 12px 2px 2px 2px;
@@ -351,6 +352,57 @@ body {
             min-height: 100vh;
         }
     }
+
+    $sm: 10%; // sidebar margin
+
+    // blog index
+    #blog-sidebar {
+        display: flex;
+        flex-direction: column;
+        width: 240px;
+
+        p, li {
+            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+            font-size: 11px;
+        }
+
+        h1,h2,h3,h4,h5,h6 { 
+            font-size: 16px;
+            text-decoration: none;
+            border-bottom: 1px dashed mp.$border;
+            max-width: 50%;
+        }
+
+        .true-content {
+            margin: 6px ($sm - 5%) 6px $sm;
+            
+        }
+
+        .blog-avatar-wrapper {
+            width: 100%;
+            #avatar {
+                // border: 1px solid mp.$border;
+                display: block;
+                margin: 24px auto 6px auto;
+            }
+        }
+
+        .tag-list-wrapper {
+            width: 100%;
+            margin: 6px ($sm - 5%) 6px $sm;
+            ul {
+                margin: 6px 0px;
+                li {
+                    list-style-image: url("/img/icons/kittycat.gif"); 
+                    padding: 2px 0px;
+                }
+            }
+        }
+    }
+
+    #feed {
+        margin: 12px;
+    }
 }
 
 footer {

en/blog/2025/2025-10-18-inaugural-post.md

@@ -2,6 +2,9 @@
 title: my test post
 layout: post
 tags: test
+
+description: |
+    welcome to my website!!!
 ---
 
 # wait

en/blog/index.md

@@ -1,4 +1,12 @@
 ---
 title: blog
-layout: under_construction
+layout: recent_feed
+cycling_tag: posts
+sidebar: blog
+flight:
+    img: /img/gifcities/mimi.gif
+    url: /
 ---
+# blog
+
+welcome to my blog. at this stage of my website you will most likely find scarce postings but i try my best!!

es/blog/2025/2025-10-18-inaugural-post.md

@@ -3,6 +3,9 @@ title: mi post de prueba
 slug_override: post inaugural
 layout: post
 tags: test
+
+description: |
+    bienvenid@ a mi sitio!!
 ---
 
 # esperad

es/blog/index.md

@@ -1,4 +1,9 @@
 ---
 title: blog
-layout: under_construction
+layout: recent_feed
+cycling_tag: posts
+sidebar: blog
 ---
+# blog
+
+bienvenido a mi blog <3 ahora mismo probablemente no tenga mucho publicado pero con el tiempo se acumulará...