diff --git a/src/_includes/partials/components/card.liquid b/src/_includes/partials/components/card.liquid
index 64b724d..5877b36 100644
--- a/src/_includes/partials/components/card.liquid
+++ b/src/_includes/partials/components/card.liquid
@@ -11,6 +11,11 @@
{{ title }}
{{ description }}
+
+ {% for tag in tags %}
+ - {{ tag }}
+ {% endfor %}
+
\ No newline at end of file
diff --git a/src/_includes/partials/components/project-grid.liquid b/src/_includes/partials/components/project-grid.liquid
index 816f2a9..314c84a 100644
--- a/src/_includes/partials/components/project-grid.liquid
+++ b/src/_includes/partials/components/project-grid.liquid
@@ -6,7 +6,8 @@
background: data.background,
links: data.links,
title: data.title,
- description: data.description %}
+ description: data.description,
+ tags: data.tags %}
{%- endfor -%}
{% endif %}
\ No newline at end of file
diff --git a/src/css/main.css b/src/css/main.css
index c3d6a23..c24fca0 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -104,4 +104,16 @@ main li {
section {
margin-block: 3.5rem;
padding-block: 2rem;
+}
+
+.badge {
+ display: inline-flex;
+ justify-content: center;
+ line-height: 1;
+ padding: .2em .3em;
+ font-size: .75em;
+ border-radius: .4em;
+ color: var(--badge-color, var(--color-secondary-600));
+ background: color-mix(in srgb, var(--badge-color, var(--color-secondary-600)) 40%, white 100%);
+ border: 1px solid color-mix(in srgb, var(--badge-color, var(--color-secondary-600)) 90%, white 100%);
}
\ No newline at end of file
diff --git a/src/projects/cancre-simulator.md b/src/projects/cancre-simulator.md
index f37b179..58e1498 100644
--- a/src/projects/cancre-simulator.md
+++ b/src/projects/cancre-simulator.md
@@ -5,6 +5,9 @@ links:
- title: Voir sur Github
link: https://github.com
icon: simple-icons:github
+tags:
+ - C#
+ - Unity
---
* desc1
diff --git a/src/projects/guess-who.md b/src/projects/guess-who.md
index b1f27a2..cf22d46 100644
--- a/src/projects/guess-who.md
+++ b/src/projects/guess-who.md
@@ -5,4 +5,6 @@ links:
- title: Voir sur Github
link: https://github.com
icon: simple-icons:github
+tags:
+ - Python
---
\ No newline at end of file
diff --git a/src/projects/ldap.md b/src/projects/ldap.md
index d41ab7b..2a3f987 100644
--- a/src/projects/ldap.md
+++ b/src/projects/ldap.md
@@ -8,4 +8,7 @@ links:
- title: Voir sur Github
link: https://github.com
icon: simple-icons:github
+tags:
+ - PHP
+ - LDAP
---
\ No newline at end of file
diff --git a/src/projects/sigfox.md b/src/projects/sigfox.md
index a722878..b730e54 100644
--- a/src/projects/sigfox.md
+++ b/src/projects/sigfox.md
@@ -8,4 +8,7 @@ links:
- title: Voir sur Github
link: https://github.com
icon: simple-icons:github
+tags:
+ - JS
+ - IOT
---
\ No newline at end of file
diff --git a/src/projects/snake.md b/src/projects/snake.md
index c35fcdd..8e24efc 100644
--- a/src/projects/snake.md
+++ b/src/projects/snake.md
@@ -1,9 +1,10 @@
---
title: Snake
description: Un snake réalisé en Java
-background: rgb(255, 143, 143)
links:
- title: Voir sur Github
link: https://github.com
icon: simple-icons:github
+tags:
+ - Java
---
\ No newline at end of file