From d6446f5160b39e4816f5f4ae60fa4a01a9ce83f1 Mon Sep 17 00:00:00 2001
From: Karma Riuk <riukkarma@gmail.com>
Date: Mon, 18 Sep 2023 10:00:43 +0200
Subject: [PATCH] moved languages to the about me section and removed the
 programming languages

---
 index.html | 163 +++++++++++++++--------------------------------------
 1 file changed, 45 insertions(+), 118 deletions(-)

diff --git a/index.html b/index.html
index dd4f09f..ab559fc 100644
--- a/index.html
+++ b/index.html
@@ -51,10 +51,10 @@
                 <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
                 <li><a class="nav-link scrollto" href="#about">About</a></li>
                 <li><a class="nav-link scrollto" href="#resume">Resume</a></li>
-                <li><a class="nav-link scrollto" href="#languages">Languages</a></li>
                 <li><a class="nav-link scrollto" href="#skills">Skills</a></li>
                 <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
                 <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
+                <li><button onclick="toggleDarkMode()">Dark</button> </li>
             </ul>
             <i class="bi bi-list mobile-nav-toggle"></i>
         </nav><!-- .navbar -->
@@ -93,8 +93,8 @@
                     <div class="image col-lg-4 d-flex align-items-stretch
                             justify-content-center justify-content-lg-start" data-aos="fade-up-right">
                     </div>
-                    <div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-center"
-                        data-aos="fade-up-left">
+                    <div class="content col-lg-8 ps-lg-4 d-flex flex-column
+                            align-items-stretch justify-content-evenly" data-aos="fade-up-left">
                         <div class="row">
                             <div class="col-lg-6 mt-4 mt-lg-0">
                                 <ul>
@@ -115,9 +115,11 @@
                                 <ul>
                                     <li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span>23</span>
                                     </li>
-                                    <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in
-                                            Software and Data
-                                            Engineering </span>
+                                    <!-- <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in -->
+                                    <!-- Software and Data Engineering </span> -->
+                                    <li><i class="bi bi-chevron-right"></i>
+                                        <strong>Degree:</strong>
+                                        <span>Bachelor in Computer Science</span>
                                     </li>
                                     <li><i class="bi bi-chevron-right"></i> <strong>Email:</strong>
                                         <a
@@ -128,77 +130,49 @@
                         </div>
                         <!-- End .content-->
 
-                        <div class="skills-content ps-lg-4">
-                            <div class="row">
-                                <div class="progress col-md-6">
-                                    <span class="skill">Python <i class="val">95%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="95"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <div class="progress col-md-6">
-                                    <span class="skill">Java <i class="val">90%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="90"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="progress col-md-6">
-                                    <span class="skill">C <i class="val">85%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="85"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <div class="progress col-md-6">
-                                    <span class="skill">C++ <i class="val">95%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="95"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="progress col-md-6">
-                                    <span class="skill">HTML/CSS <i class="val">100%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="100"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <div class="progress col-md-6">
-                                    <span class="skill">Javscript / Typescript <i class="val">95%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="95"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="row">
-                                <div class="progress col-md-6">
-                                    <span class="skill">Bash <i class="val">90%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="90"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                                <div class="progress col-md-6">
-                                    <span class="skill">Lua <i class="val">85%</i></span>
-                                    <div class="progress-bar-wrap">
-                                        <div class="progress-bar" role="progressbar" aria-valuenow="85"
-                                            aria-valuemin="0" aria-valuemax="100"></div>
-                                    </div>
-                                </div>
-                            </div>
 
+                        <div>
+
+                            <div class="progress" data-aos="fade-up">
+                                <span class="skill"><i class="flag
+                                    flag-france"></i>French <i class="val">Native</i></span>
+                                <div class="progress-bar-wrap">
+                                    <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
+                                        aria-valuemax="7"></div>
+                                </div>
+                            </div>
+                            <div class="progress" data-aos="fade-up">
+                                <span class="skill"><i class="flag
+                                    flag-uk"></i>English <i class="val">Native</i></span>
+                                <div class="progress-bar-wrap">
+                                    <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
+                                        aria-valuemax="7"></div>
+                                </div>
+                            </div>
+                            <div class="progress" data-aos="fade-up">
+                                <span class="skill"><i class="flag
+                                    flag-italy"></i>Italian <i class="val">C2</i></span>
+                                <div class="progress-bar-wrap">
+                                    <div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
+                                        aria-valuemax="7"></div>
+                                </div>
+                            </div>
+                            <div class="progress" data-aos="fade-up">
+                                <span class="skill"><i class="flag
+                                    flag-germany"></i>German <i class="val">B1</i></span>
+                                <div class="progress-bar-wrap">
+                                    <div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
+                                        aria-valuemax="7"></div>
+                                </div>
+                            </div>
                         </div>
 
+
                     </div>
 
                 </div>
+
+            </div>
         </section><!-- End About Me Section -->
 
         <!-- ======= My Resume Section ======= -->
@@ -374,53 +348,6 @@
             <a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
         </section><!-- End My Resume Section -->
 
-        <section id="languages" class="languages">
-            <div class="container">
-                <div class="section-title" data-aos="fade-up">
-                    <span class="prevent-select">Languages</span>
-                    <h2>Languages</h2>
-                    <p></p>
-                </div>
-                <div class="w-75 m-auto">
-                    <div class="row">
-                        <div class="progress col-md-6" data-aos="fade-up-right">
-                            <span class="skill"><i class="flag
-                                    flag-france"></i>French <i class="val">Native</i></span>
-                            <div class="progress-bar-wrap">
-                                <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
-                                    aria-valuemax="7"></div>
-                            </div>
-                        </div>
-                        <div class="progress col-md-6" data-aos="fade-up-left">
-                            <span class="skill"><i class="flag
-                                    flag-uk"></i>English <i class="val">Native</i></span>
-                            <div class="progress-bar-wrap">
-                                <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
-                                    aria-valuemax="7"></div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="row">
-                        <div class="progress col-md-6" data-aos="fade-up-right">
-                            <span class="skill"><i class="flag
-                                    flag-italy"></i>Italian <i class="val">C2</i></span>
-                            <div class="progress-bar-wrap">
-                                <div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
-                                    aria-valuemax="7"></div>
-                            </div>
-                        </div>
-                        <div class="progress col-md-6" data-aos="fade-up-left">
-                            <span class="skill"><i class="flag
-                                    flag-germany"></i>German <i class="val">B1</i></span>
-                            <div class="progress-bar-wrap">
-                                <div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
-                                    aria-valuemax="7"></div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
         <!-- ======= My Skills Section ======= -->
         <section id="skills" class="skills">
             <div class="container">