diff --git a/sass/parts/_articles-index.scss b/sass/parts/_articles-index.scss
new file mode 100644
index 0000000..ee80f4d
--- /dev/null
+++ b/sass/parts/_articles-index.scss
@@ -0,0 +1,37 @@
+ul.articles-index {
+    list-style-type: none;
+    padding-left: 0;
+
+    li {
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+    }
+
+    .title {
+        margin: 0;
+
+        &>a {
+            color: var(--text);
+            text-decoration: none;
+            font-weight: bold;
+
+            &:visited {
+                color: var(--lavender);
+            }
+
+            &:hover {
+                color: var(--sky);
+            }
+        }
+
+        &::before {
+            content: "-";
+            margin-left: .5rem;
+            margin-right: .5rem;
+        }
+    }
+
+    .date {
+        color: var(--subtext0);
+    }
+}
\ No newline at end of file
diff --git a/sass/styles.scss b/sass/styles.scss
index 5f0b538..65769f6 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -2,6 +2,7 @@
 @use 'theme';
 @use 'shortcodes/callout';
 @use 'parts/anchor';
+@use 'parts/articles-index';
 @use 'parts/articles';
 @use 'parts/index';
 @use 'parts/code';
diff --git a/templates/index.html b/templates/index.html
index 42cf49d..92c8632 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,7 +7,6 @@
 <section class="last-articles">
 <h1>Derniers articles</h1>
 {%- set section = get_section(path="articles/_index.md") -%}
-{%- set max_articles = 3 -%}
-{%- include "partials/articles.html" -%}
+{%- include "partials/articles-index.html" -%}
 </section>
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/partials/articles-index.html b/templates/partials/articles-index.html
new file mode 100644
index 0000000..7d8aeeb
--- /dev/null
+++ b/templates/partials/articles-index.html
@@ -0,0 +1,14 @@
+<ul class="articles-index">
+    {% for page in section.pages %}
+    {%- if max_articles is defined and loop.index > max_articles -%}{%- break -%}{%- endif -%}
+    <li>
+        <span class="date">
+            <meta itemprop="datePublished" content="{{ page.date | date(format='%+') }}">
+            {{ page.date | date(format='%Y-%m-%d') }}
+        </span>
+        <span class="title">
+                <a href="{{ page.permalink }}">{{ page.title }}</a>
+        </span>
+    </li>
+    {% endfor %}
+</ul>
\ No newline at end of file