diff --git a/src/_components/articlesList.njk b/src/_components/articlesList.njk
index f4d098f..7ae4335 100644
--- a/src/_components/articlesList.njk
+++ b/src/_components/articlesList.njk
@@ -9,10 +9,10 @@
Le {{ article.data.authors | readableAuthors }}
-
+
{%- for tag in article.data.tags | filterTagList %}
{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
- - #{{ tag }}{%- if not loop.last %} {% endif %}
+ - #{{ tag }}{%- if not loop.last %} {% endif %}
{%- endfor %}
diff --git a/src/_components/tagslist.njk b/src/_components/tagslist.njk
index 98b165e..c99578d 100644
--- a/src/_components/tagslist.njk
+++ b/src/_components/tagslist.njk
@@ -2,6 +2,6 @@
diff --git a/src/_layouts/article.njk b/src/_layouts/article.njk
index c9ff9cf..f84e293 100644
--- a/src/_layouts/article.njk
+++ b/src/_layouts/article.njk
@@ -9,10 +9,10 @@ templateClass: tmpl-post
-
+
{%- for tag in tags | filterTagList %}
{%- set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
- - #{{ tag }}{%- if not loop.last %} {% endif %}
+ - #{{ tag }}{%- if not loop.last %} {% endif %}
{%- endfor %}
diff --git a/src/blog_assets/css/index.scss b/src/blog_assets/css/index.scss
index ba7b5e4..783c8a7 100644
--- a/src/blog_assets/css/index.scss
+++ b/src/blog_assets/css/index.scss
@@ -256,15 +256,25 @@ figure figcaption {
}
/* Tags */
+.post-tags {
+ display: flex;
+ flex-wrap: wrap;
+ gap: .5rem;
+ margin: 0.5rem 0;
+ list-style: none;
+ padding: 0;
+}
.post-tag {
- display: inline-flex;
- align-items: center;
- justify-content: center;
- color: var(--text-color);
- background: var(--text-color-tertiary);
padding: 4px;
- font-size: 0.8125rem; /* 13px /16 */
border-radius: 5px;
+ background: var(--text-color-tertiary);
+}
+.article-tags {
+ margin: 0;
+}
+.post-tag a {
+ color: var(--text-color);
+ font-size: 0.8125rem; /* 13px /16 */
text-decoration: none;
}
@@ -280,14 +290,6 @@ figure figcaption {
flex-direction: column;
}
-.post-metadata ul {
- display: flex;
- gap: .5em;
- list-style: none;
- padding: 0;
- margin: 0;
-}
-
h1 + .post-metadata {
margin: 0 0 4rem;
}