From 505c60b6abbb0e9b6569f5bd1eaf7fe608d4d9df Mon Sep 17 00:00:00 2001
From: jose miguel mut <jomutlo@gmail.com>
Date: Sun, 3 Mar 2024 19:49:32 +0000
Subject: [PATCH] improve style of the timeline

---
 assets/iframe.css |  6 ++++++
 index.md          | 31 ++++++++++++-------------------
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/assets/iframe.css b/assets/iframe.css
index 57d4fb3..5cf7c27 100644
--- a/assets/iframe.css
+++ b/assets/iframe.css
@@ -13,3 +13,9 @@ iframe {
 code {
   overflow: scroll;
 }
+
+.timeline_box {
+  border: 2px solid #0090ff;
+  padding: 30px 40px 20px;
+  margin: 20px 0;
+}
\ No newline at end of file
diff --git a/index.md b/index.md
index 0676d6e..99a7c17 100644
--- a/index.md
+++ b/index.md
@@ -1,20 +1,13 @@
-### Timeline:
-
-<ul>
-  {% for post in site.posts %}
-    <li>
-      {{ post.date | date: "%Y-%m-%d" }} 
-      <a href="{{ post.url }}"> {{ post.title }}</a> 
-      [
-      {% for tag in post.tags %}
-        <a href="/tag/{{ tag }}.html">{{tag}}</a> 
-      {% endfor %} 
-      ]
-      {{ post.excerpt }}
-      <h4><a href="{{ post.url }}">Read more</a></h4>
-    </li>
-    <hr>
-    <hr>
+{% for post in site.posts %}
+<div class="timeline_box">
+  {{ post.date | date: "%Y-%m-%d" }}
+  <a href="{{ post.url }}"> {{ post.title }}</a>
+  [
+  {% for tag in post.tags %}
+    <a href="/tag/{{ tag }}.html">{{tag}}</a>
   {% endfor %}
-</ul>
-
+  ]
+  {{ post.excerpt }}
+  <h4><a href="{{ post.url }}">Read more</a></h4>
+</div>
+{% endfor %}