From 248f3fd77382fb45c3ee34b0c819507c6226d6bc Mon Sep 17 00:00:00 2001
From: Louis Vallat <louis@louis-vallat.xyz>
Date: Fri, 5 Nov 2021 16:16:32 +0100
Subject: [PATCH] Added the current project section

Signed-off-by: Louis Vallat <louis@louis-vallat.xyz>
---
 assets/css/main.css | 23 ++++++++++++++++++++++-
 index.html          | 22 ++++++++++++++++++++++
 2 files changed, 44 insertions(+), 1 deletion(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index f5f1d66..0262bfd 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -58,6 +58,14 @@ p {
     font-weight: 500;
 }
 
+.width-10 {
+    width: 10%;
+}
+
+.width-85 {
+    width: 85%;
+}
+
 .width-45 {
     width: 45%;
 }
@@ -156,6 +164,10 @@ footer > div > p {
     gap: 10px;
 }
 
+.align-items-center {
+    align-items: center;
+}
+
 #additional-information > img {
     margin-right: 8px;
 }
@@ -265,7 +277,16 @@ footer > div > p {
         word-break: break-word;
     }
 
-    .width-45 {
+    .width-45, .width-10, .width-85 {
         width: 100%;
     }
+
+    .sm-width-45 {
+        width: 45%;
+    }
+
+    .sm-center {
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
diff --git a/index.html b/index.html
index 06601f1..94905a2 100644
--- a/index.html
+++ b/index.html
@@ -75,6 +75,28 @@ PAGE CODED BY :
                 <img alt="Logo HTML5" title="HTML5" src="/assets/images/html5-logo.svg"/>
             </div>
         </div>
+        <div class="section">
+            <h3 class="white bold">Projet personnel en cours</h3>
+            <h5 class="grey">Le projet sur lequel je travaille le plus sur mon temps libre</h5>
+            <div class="flex-sb section-content align-items-center">
+                <img class="width-10 sm-width-45 sm-center" src="assets/images/rust-logo.png" alt="Logo Rust" title="Développé en Rust"/>
+                <p class="white center justify width-85">
+                    J'ai une gallerie photo (que vous pouvez retrouver
+                    <a href="https://gallery.louis-vallat.xyz" target="_blank">ici</a>) qui est
+                    une instance auto-hébergée de l'application Open Source
+                    <a href="https://github.com/LycheeOrg/Lychee" target="_blank">Lychee</a>.
+                    Bien que je trouve son interface web pratique et ergomique,
+                    je trouve quand même un charme et une certaine praticité aux
+                    interfaces en lignes de commandes (CLI). Lychee disposant
+                    d'une API, j'ai donc décidé de faire ma propre interface CLI,
+                    en utilisant pour cela le langage de programmation Rust
+                    (que je ne connaissais que de nom au début de ce projet).
+                    <br><br>
+                    Le projet n'est pas encore public, il le sera une fois sa base
+                    de code stabilisée.
+                </p>
+            </div>
+        </div>
         <div class="section">
             <h3 class="white bold">Matériel</h3>
             <h5 class="grey">Là où mes projets voient le jour et évoluent</h5>