From e8a5edafa5e59b37c1734440501375c57b8d9a1c Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Sun, 11 Feb 2024 19:30:43 +0100
Subject: [PATCH] Create list component

---
 src/_includes/partials/components/list.liquid | 10 ++++++++
 src/pages/subpages/competences.liquid         | 25 +++++--------------
 2 files changed, 16 insertions(+), 19 deletions(-)
 create mode 100644 src/_includes/partials/components/list.liquid

diff --git a/src/_includes/partials/components/list.liquid b/src/_includes/partials/components/list.liquid
new file mode 100644
index 0000000..8caf96d
--- /dev/null
+++ b/src/_includes/partials/components/list.liquid
@@ -0,0 +1,10 @@
+{% if title %}
+  <h3>{{ title }}</h3>
+{% endif %}
+{% if content %}
+  <ul style="list-style-type: initial">
+    {% for element in content %}
+      <li>{{ element }}</li>
+    {% endfor %}
+  </ul>
+{% endif %}
\ No newline at end of file
diff --git a/src/pages/subpages/competences.liquid b/src/pages/subpages/competences.liquid
index 2994a61..3dcac41 100644
--- a/src/pages/subpages/competences.liquid
+++ b/src/pages/subpages/competences.liquid
@@ -5,25 +5,12 @@ order: 1
 classes: 'competences-section langues-section'
 ---
 
-<div>
+<div class="flex justify-center">
   <div class="col">
-    <h3>Compétences techniques</h3>
-    <ul style="list-style-type: initial">
-      <li>HTML</li>
-      <li>CSS</li>
-      <li>Bootstrap</li>
-      <li>Javascript</li>
-      <li>jQuery</li>
-      <li>Eleventy</li>
-    </ul>
-  </div>
-
-  <div class="col">
-    <h3>Langues</h3>
-    <ul style="list-style-type: initial">
-      <li>Français (langue maternelle)</li>
-      <li>Anglais</li>
-      <li>Allemand (Connaissance scolaires)</li>
-    </ul>
+    {% render "partials/components/list", title: "Compétences techniques", content: author.skills %}
+    </div>
+    
+    <div class="col">
+    {% render "partials/components/list", title: "Langues", content: author.lang %}
   </div>
 </div>
\ No newline at end of file