diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index ae3b5e1..c738848 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -3,6 +3,7 @@ $responsive-medium: 1050px;
 $responsive-interlarge: 1400px;
 $responsive-large: 1500px;
 
+
 @import "tailwind.min";
 @import url('https://fonts.googleapis.com/css?family=Audiowide|Roboto+Slab');
 @import url('https://use.fontawesome.com/releases/v5.3.1/css/all.css');
diff --git a/config.toml b/config.toml
index 64e9ec5..5ac4033 100644
--- a/config.toml
+++ b/config.toml
@@ -162,7 +162,7 @@ url="https://instagram.com/werobot"
 id="x"
 weight=3
 title="X"
-url="https://x.com/werobot"
+url="https://x.com/werobot_fr"
 
 #[[params.social]]
 #id="youtube"
@@ -371,6 +371,11 @@ identifier="home"
 title="Home Page"
 
 
+
+[permalinks]
+  [permalinks.page]
+    blog = '/blog/:year/:slug/'
+
 [markup]
 [markup.goldmark]
 [markup.goldmark.renderer]
diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 41b704a..a94b3c1 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -29,7 +29,7 @@
               <li>
                 <a
                   class="link link-primary"
-                  @click="filterYear(year.name)">{{ .Key }}</a> : {{(len .)}} {{ (index site.Params.articles "sort-by-years").posts }}
+		  href="/blog/{{ .Key }}">{{ .Key }}</a> : {{(len .Pages)}} {{ (index site.Params.articles "sort-by-years").posts }}
               </li>
 	      {{ end }}
             </ul>