From e2f3271ff6782f81c3e7102a36ea091715f116ab Mon Sep 17 00:00:00 2001
From: Nicolas Sudres <nicolas.sudres@hotmail.fr>
Date: Wed, 31 Aug 2022 20:52:55 +0200
Subject: [PATCH] Add content

---
 index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 241e5a9..e24bb8f 100644
--- a/index.html
+++ b/index.html
@@ -83,7 +83,7 @@
                 <div class="row justify-content-center">
                     <div class="col-lg-6">
                         <hr class="divider" />
-                        <ul class="timeline-with-icons text-white mt-5">
+                        <ul class="timeline-with-icons text-white mt-5 reveal fade">
                             <li class="timeline-item mb-5">
                             <span class="timeline-icon">
                                 <i class="bi-code-slash text-accent fs-5"></i>
@@ -141,7 +141,7 @@
                 <h2 class="text-white text-center mt-0">Skills</h2>
                 <hr class="divider divider-light mb-0" />
                 <div class="text-white row px-8 px-lg-12 justify-content-around">
-                    <div class="mt-5 col-lg-3 col-md-12 text-center">
+                    <div class="mt-5 col-lg-3 col-md-12 text-center reveal fade">
                          <div class="mb-2"><i class="text-accent bi-code-slash fs-1"></i></div>
                         <h3 class="text-white h4 mb-3">Programming</h3>
                         <p class="text-white-65 mt-0">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ...</p>
@@ -157,7 +157,7 @@
                             <span class="badge bg-dark-3">MySQL</span>
                         </p>
                     </div>
-                    <div class="mt-5 col-lg-3 col-md-12 text-center">
+                    <div class="mt-5 col-lg-3 col-md-12 text-center reveal fade">
                         <div class="mb-2"><i class="text-accent bi-shield-lock fs-1"></i></div>
                         <h3 class="text-white h4 mb-3">Cybersecurity</h3>
                         <p class="text-white-65 mt-0">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ...</p>
@@ -170,7 +170,7 @@
                             <span class="badge bg-dark-3">Hashcat</span>
                         </p>
                     </div>
-                    <div class="mt-5 col-lg-3 col-md-12 text-center">
+                    <div class="mt-5 col-lg-3 col-md-12 text-center reveal fade">
                         <div class="mb-2"><i class="text-accent bi-hdd-network fs-1"></i></div>
                         <h3 class="text-white h4 mb-3">Networking</h3>
                         <p class="text-white-65 mt-0">Hi, I'm Nicolas S aka d3vyce. I am a network and cybersecurity engineer living in France. I've always been passionate about computer science and technology, and over the years I've developed my skills in various fields such as programming, cybersecurity, infrastructure, networks, ...</p>
@@ -186,7 +186,7 @@
                 </div>
                 <hr class="divider mt-5" />
                 <div class="text-white row px-8 px-lg-12 justify-content-evenly">
-                    <div class="mt-5 col-lg-3 col-md-12 text-center">
+                    <div class="mt-5 col-lg-3 col-md-12 text-center reveal fade">
                         <div class="mb-2"><i class="text-accent bi-award fs-1"></i></div>
                         <h3 class="text-white h4 mb-3">Certification</h3>
                         <div class="text-white-65">
@@ -196,9 +196,9 @@
                             <p>CCNAv7, CCNA R&S</p>
                         </div>
                     </div>
-                    <div class="mt-5 col-lg-3 col-md-12 text-center">
+                    <div class="mt-5 col-lg-3 col-md-12 text-center reveal fade">
                         <div class="mb-2"><i class="text-accent bi-lightbulb fs-1"></i></div>
-                        <h3 class="text-white h4 mb-3">Challenge</h3>
+                        <h3 class="text-white h4 mb-3">CTF Challenge</h3>
                         <div class="text-white-65">
                             <p>leHACK 2022 - Paris</p>
                             <p>404 CTF 2022 - Online</p>
@@ -359,7 +359,7 @@
                                             <span class="carousel-control-next-icon"></span>
                                         </a>
                                     </div>
-                                    <p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
+                                    <p class="m-4 text-white-65">Development of my personal website in addition to my Blog. The goal was to gather in one place a showcase of my skills, my trainings/certifications and my current and past projects. For this site I used Bootstrap 5 to see what was possible with this library.</p>
                                     <a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/d3vyce.fr" target="_blank" rel="noopener noreferrer"><span>Source Code</span></a>
                                     <p class="mb-0">
                                         <span class="badge bg-dark-3">CSS3</span>
@@ -408,11 +408,12 @@
                                             <span class="carousel-control-next-icon"></span>
                                         </a>
                                     </div>
-                                    <p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
+                                    <p class="m-4 text-white-65">The development of game in python is one of my current project. The goal is to become more comfortable with this programming language and to discover new libraries. Following the game Snake, I have for objective to make an adaptation of Chess with an AI as opponent.</p>
                                     <a class="btn mod btn-outline-light btn-lg mb-4" href="https://github.com/d3vyce/Python-Game" target="_blank" rel="noopener noreferrer"><span>Source Code</span></a>
                                     <p class="mb-0">
                                         <span class="badge bg-dark-3">Python</span>
                                         <span class="badge bg-dark-3">PyGame</span>
+                                        <span class="badge bg-dark-3">Numpy</span>
                                     </p>
                                 </div>
                             </div>
@@ -459,7 +460,7 @@
                                             <span class="carousel-control-next-icon"></span>
                                         </a>
                                     </div>
-                                    <p class="mb-4 text-white-65">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia neque assumenda ipsam nihil, molestias magnam, recusandae quos quis inventore quisquam velit asperiores, vitae? Reprehenderit soluta, eos quod consequuntur itaque. Nam.</p>
+                                    <p class="m-4 text-white-65">Since I started doing CTFs, I've had the desire to do Writeups. In addition to sharing the process and the reflexion I had after these challenges, the goal is to keep a history. It allows me to find situations that I have already solved and then get inspired to solve new challenges.</p>
                                     <a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/tag/writeup/" target="_blank" rel="noopener noreferrer"><span>Read more</span></a>
                                     <p class="mb-0">
                                         <span class="badge bg-dark-3">Kali</span>
@@ -515,7 +516,7 @@
                                             <span class="carousel-control-next-icon"></span>
                                         </a>
                                     </div>
-                                    <p class="mb-4 text-white-65">Initially, my goal was to create a media server accessible from anywhere with Plex. That was the initial objective, but you will see that today my homelab is much more extensive than that. I have over 20 selfhosted services ranging from password manager, web hosting, game server, etc.</p>
+                                    <p class="m-4 text-white-65">Initially, my goal was to create a media server accessible from anywhere with Plex. That was the initial objective, but you will see that today my homelab is much more extensive than that. I have over 20 selfhosted services ranging from password manager, web hosting, game server, etc.</p>
                                     <a class="btn mod btn-outline-light btn-lg mb-4" href="https://blog.d3vyce.fr/my-current-homelab/" target="_blank" rel="noopener noreferrer"><span>Read more</span></a>
                                     <p class="mb-0">
                                         <span class="badge bg-dark-3">Unraid</span>
@@ -536,7 +537,6 @@
         </div>
 
         <!-- Boostrap JS -->
-
         <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
         <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>
         <script src="js/script.js"></script>