updated cv

and can be expanded)

assets/css/style.css

@@ -11,7 +11,8 @@
 --------------------------------------------------------------*/
 :root {
     color-scheme: dark;
-    --highlight: #ffb727;
+    /* --highlight: #ffb727; */
+    --highlight: #f3a200;
     --highlight-alt: #ffc85a;
 
     --background: #fff;
@@ -681,6 +682,45 @@ section {
     display: flex;
     flex-direction: column;
     align-items: center;
+    overflow: visible;
+}
+
+.resume-content {
+    max-height: 110vh;
+    overflow-y: hidden;
+}
+
+.resume-content.expanded {
+    display:block;
+    max-height: none;
+    overflow-y: visible;
+}
+
+.resume-fade {
+    position: absolute;
+    display:flex;
+    justify-content: center;
+    bottom: 0;
+    width: 100%;
+    height: 50px;
+    background: linear-gradient(to bottom, transparent, var(--background) 50%);
+    pointer-events: none;
+}
+
+.resume-fade.expanded {
+    background: var(--background);
+}
+
+.resume-btn {
+    position: absolute;
+    bottom: 0;
+    font-size: 1em !important;
+
+    border: none;
+    text-align: center;
+    z-index: 100;
+    box-shadow: none !important;
+    pointer-events: auto;
 }
 
 .resume .resume-title {
@@ -693,7 +733,7 @@ section {
 
 .resume .resume-item {
     padding: 0 0 20px 20px;
-    margin-top: -2px;
+    margin-left: 8px;
     border-left: 2px solid var(--resume-border);
     position: relative;
 }
@@ -971,6 +1011,15 @@ section {
     margin-bottom: 20px;
 }
 
+.portfolio video, .portfolio img{
+    max-width: 100%;
+}
+
+.portfolio video {
+    display: block; /* html video tags have a phantom bottom margin, this is the only way to remove it */
+    margin: auto; /* to center the video inside the container */
+}
+
 .portfolio #portfolio-flters li {
     cursor: pointer;
     display: inline-block;
@@ -996,7 +1045,10 @@ section {
 }
 
 .portfolio .portfolio-item .portfolio-img {
+    text-align: center;
     overflow: hidden;
+    border: 1px solid var(--background);
+    transition: 0.3s;
 }
 
 .portfolio .portfolio-item .portfolio-img img {
@@ -1007,11 +1059,11 @@ section {
     opacity: 0;
     position: absolute;
     left: 15px;
-    bottom: 0;
+    bottom: 3px;
     z-index: 3;
     right: 15px;
     transition: all ease-in-out 0.3s;
-    background: rgba(0, 0, 0, 0.7);
+    background: rgba(0, 0, 0, 0.9);
     padding: 10px 15px;
 }
 
@@ -1057,8 +1109,9 @@ section {
     color: #ffc041;
 }
 
-.portfolio .portfolio-item:hover .portfolio-img img {
+.portfolio .portfolio-item:hover .portfolio-img {
-    transform: scale(1.2);
+    /* transform: scale(1.2); */
+    border-color: var(--highlight);
 }
 
 .portfolio .portfolio-item:hover .portfolio-info {

assets/js/main.js

@@ -161,6 +161,19 @@
     true
   );
 
+  on("click", "#resume-toggle", e => {
+      console.log("sup")
+      const sec = select("#resume-section");
+      const btn = e.target;
+      sec.classList.toggle("expanded");
+      select(".resume-fade").classList.toggle("expanded");
+      if (sec.classList.contains("expanded"))
+          btn.innerHTML = 'Hide <i class="bi bi-chevron-up"></i>';
+      else
+          btn.innerHTML = 'Expand <i class="bi bi-chevron-down"></i>';
+      AOS.refresh();
+  })
+
   /**
    * Scroll with ofset on page load with hash links in the url
    */

index.html

@@ -50,9 +50,9 @@
             <ul>
                 <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="#skills">Skills</a></li>
                 <li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li>
+                <li><a class="nav-link scrollto" href="#resume">Resume</a></li>
+                <li><a class="nav-link scrollto" href="#skills">Interests</a></li>
                 <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
                 <li><i class="bi icon-white bi-sun-fill dark-mode" onClick="toggleDarkMode(event)"></i>
                 </li>
@@ -171,6 +171,211 @@
             </div>
         </section><!-- End About Me Section -->
 
+        <!-- ======= My Portfolio Section ======= -->
+        <section id="portfolio" class="portfolio">
+            <div class="container">
+
+                <div class="section-title" data-aos="fade-in">
+                    <span class="prevent-select">My Portfolio</span>
+                    <h2>My Portfolio</h2>
+                    <p>The building blocks of my career</p>
+                </div>
+
+                <!-- <ul id="portfolio-flters" class="d-flex justify-content-center" data-aos="fade-up"> -->
+                <!--     <li data-filter="*" class="filter-active">All</li> -->
+                <!--     <li data-filter=".filter-app">App</li> -->
+                <!--     <li data-filter=".filter-card">Card</li> -->
+                <!--     <li data-filter=".filter-web">Web</li> -->
+                <!-- </ul> -->
+
+                <!-- TODO: maybe use the language as filters? --> 
+
+                <!-- TODO: add the ray tracer project --> 
+
+                <div class="row portfolio-container" data-aos="fade-up">
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+                        <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
+                            <div>
+                                <p>
+                                    A simple maze solver that takes in various types of maze as input and
+                                    outputs the solution.<span class="br"></span>
+                                    Language: Go
+                                </p>
+                                <a href="https://github.com/karma-riuk/maze-solver-go" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+                        <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/stickfosh.mp4">
+                        </div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4>
+                            <div>
+                                <p>
+                                    A chess engine written from scratch, just like stockfish but worse :)<span class="br"></span>
+                                    Languages: C++, Python
+                                </p>
+                                <a href="https://github.com/karma-riuk/stickfosh" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-web">
+                        <div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt="">
+                        </div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/hdr_esim">HDR ESIM</a></h4>
+                            <div>
+                                <p>
+                                    Extended a the simulation of an event camera in order to generate HDR
+                                    frames.<span class="br"></span>
+                                    Language: C++
+                                </p>
+                                <a href="https://github.com/karma-riuk/hdr_esim" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
+                        <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
+                            <!-- TODO: makea good readme fo this project -->
+                            <div>
+                                <p>
+                                    A visualization tool to represent reasearchers in terms of their papers
+                                    and their relationships to other
+                                    researchers.<span class="br"></span>
+                                    Language: Smalltalk (Pharo)
+                                </p>
+                                <a href="https://github.com/karma-riuk/PaperMosaik" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+                        <div class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
+                        </div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
+                            <div>
+                                <p>
+                                    Fun coding challenges during christmas.<span class="br"></span>
+                                    Languages: C++, Go, Python
+                                </p>
+                                <a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+
+                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
+                        <div class="portfolio-img"><video autoplay loop muted="true"><source src="assets/img/portfolio/flyingballs.mp4"/></video></div>
+                        <div class="portfolio-info">
+                            <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding Polygons</a></h4>
+                            <div>
+                                <p>
+                                    An extension of a physics engine to simulate polygons,
+                                    focusing on collision detection and effects in
+                                    real-time, ensuring smooth
+                                    animations.<span class="br"></span>
+                                    Language: C++
+                                </p>
+                                <a href="https://github.com/karma-riuk/flying-balls" class="details-link"
+                                    title="More Details"><i class="bx bx-link"></i></a>
+                            </div>
+                        </div>
+                    </div>
+
+                </div>
+
+            </div>
+        </section><!-- End My Portfolio Section -->
+
+        <!-- ======= Testimonials Section ======= -->
+        <section id="testimonials" class="testimonials">
+            <div class="container position-relative">
+
+                <div class="testimonials-slider swiper" data-aos="fade-in">
+                    <div class="swiper-wrapper">
+
+                        <div class="swiper-slide">
+                            <div class="testimonial-item">
+                                <img src="assets/img/testimonials/hauswirth.jpg" class="testimonial-img" alt="">
+                                <h3>Matthias Hauswirth</h3>
+                                <h4>Associate Professor - USI</h4>
+                                <p>
+                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
+                                    As an undergraduate teaching assistant for my “Programming Fundamentals 2” course,
+                                    Arnaud did a wonderful job. He filled a role often taken by graduate students, and
+                                    he excelled at doing so. Arnaud combines a strong conceptual understanding with
+                                    great social skills, which is essential for the role of a teaching assistant. He is
+                                    exceptionally proactive and independent, which makes him a great member of any team.
+                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
+                                </p>
+                            </div>
+                        </div><!-- End testimonial item -->
+
+                        <div class="swiper-slide">
+                            <div class="testimonial-item">
+                                <img src="assets/img/testimonials/piotr.jpg" class="testimonial-img" alt="">
+                                <h3>Piotr Didyk</h3>
+                                <h4>Associate Professor - USI</h4>
+                                <p>
+                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
+                                    I had the pleasure of meeting Arnaud when he enrolled in my computer graphics
+                                    course. He was a very bright, diligent, and active student who always showed a
+                                    desire to learn. In the summer of 2023, Arnaud worked with me on a research project
+                                    related to neuromorphic cameras. Despite being a relatively new topic for him,
+                                    Arnaud's skills in programming and his ability to grasp new concepts in the visual
+                                    computing field were impressive. He quickly became a valuable contributor to the
+                                    project. Collaborating with him on this project was truly enjoyable, and I always
+                                    appreciated his presence in my classes.
+                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
+                                </p>
+                            </div>
+                        </div><!-- End testimonial item -->
+
+                        <div class="swiper-slide">
+                            <div class="testimonial-item">
+                                <img src="assets/img/testimonials/missing.png" class="testimonial-img" alt="">
+                                <h3>Davide Falchetti</h3>
+                                <h4>CFO - Zucchetti Switzerland</h4>
+                                <p>
+                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
+                                    The student demonstrated an excellent basic preparation, a great interest in the
+                                    technologies used, a high degree of autonomy in organizing work schedules and in the
+                                    ability to acquire the necessary information, and a commendable ability to complete
+                                    the assigned project in an excellent manner within the allotted time.
+
+                                    We also note the student's active participation in periodic meetings of the business
+                                    team for planning activities, which also enabled him to acquire field skills in
+                                    project management strategies, particularly the SCRUM approach.
+                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
+                                </p>
+                            </div>
+                        </div><!-- End testimonial item -->
+
+                    </div>
+                    <div class="swiper-pagination"></div>
+                </div>
+
+            </div>
+        </section><!-- End Testimonials Section -->
+
+
+
         <!-- ======= My Resume Section ======= -->
         <section id="resume" class="resume">
             <div class="container">
@@ -210,7 +415,7 @@
                             <div class="resume-item">
                                 <h4>Master in Software &amp; Data Engineering</h4>
                                 <h5>2023 - Present</h5>
-                                <p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: n.a./10</em></p>
+                                <p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: 9.59/10</em></p>
                                 <p>This program offers me a comprehensive education that delves deep into the latest
                                     software engineering techniques and data engineering principles. The curriculum is
                                     structured around four modules – Software Engineering, Data Engineering, Electives,
@@ -233,39 +438,33 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-lg-6">
+
+                        <div class=" col-lg-6">
+
                             <div data-aos="fade-up-left">
                                 <h3 class="resume-title">Professional Experience</h3>
+                                <div class="resume-content" id="resume-section">
+                                    <div>
                                         <div class="resume-item">
-                                <h4>UROP</h4>
+                                            <h4>Research Lab Assistant</h4>
-                                <h5>Summer 2023</h5>
+                                            <h5>August 2024 - June 2024</h5>
-                                <p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p>
+                                            <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
                                             <p>
-                                    <a
+                                                Helped in various tasks in a the research lab of Prof. Laura Pozzi. This lab specializes in the
-                                        href="https://www.inf.usi.ch/en/informatics-research/internships/students">UROP</a>
+                                                automation of embedded processor customization, the design and compilation of innovative reconfigurable hardware, and
-                                    (Undergraduate Research Opportunities Program) is an internship offered to the top
+                                                techniques for Approximate Computing and Logic Synthesis. 
-                                    five students that apply and allows you to work with a research group of your
-                                    choice.
                                                 <ul>
-                                    <li>Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor</li>
+                                                    <li>Made a case study to investigate various optimization methods to improve the performance of an established system</li>
-                                    <li>Brought my expertise to a project that aims to do HDR reconstruction using
+                                                    <li>Refactored an entire codebase to make it more modular, cleaner and easier to use and extend</li>
-                                        Neural Radiance Fields (NeRFs) in combination with event cameras</li>
-                                    <li>Extended a pre-existing event camera simulator to make it compute the data
-                                        wanted by my supervisors in order to generate synthetic data to train the NeRFs
-                                    </li>
-                                    <li>Learned how to use Unreal Engine 5 to create short sequences of a camera flying
-                                        around a scene</li>
-                                    <li>It was very instructive since neither of my supervisors knew the material I had
-                                        to work on, so I had to learn how to read code and understand it deeply in order
-                                        to complete the task required of me</li>
                                                 </ul>
                                             </p>
                                         </div>
                                     </div>
+
                                     <div data-aos="fade-up">
                                         <div class="resume-item">
-                                <h4>Teacher assistant</h4>
+                                            <h4>Teaching assistant</h4>
-                                <h5>2022 - present</h5>
+                                            <h5>2022 - 2025</h5>
                                             <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
                                             <p>
                                                 Helped teachers with grading assignments and exams. Tried to create a meaningful
@@ -274,6 +473,16 @@
                                                 sparkles in their eyes when they learned about concepts I taught them.
                                             </p>
                                         </div>
+                                        <div class="resume-item secondary">
+                                            <h4 style="font-weight: normal">TA - Automata and Formal Langauges</h4>
+                                            <h5>Autumn 2024</h5>
+                                            <p><em>3 ECTS - Prof. Matthias Hauswirth</em></p>
+                                            <ul>
+                                                <li>Teaches the theoretical foundations of computing, focusing on formal models like finite automata and pushdown
+                                                    automata, and their role in defining and analyzing regular and context-free languages</li>
+                                                <li>Closely participated in assignment and exam corrections</li>
+                                            </ul>
+                                        </div>
                                         <div class="resume-item secondary">
                                             <h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4>
                                             <h5>Spring 2023 & 2024</h5>
@@ -298,6 +507,35 @@
                                             </p>
                                         </div>
                                     </div>
+
+                                    <div>
+                                    <div class="resume-item" data-aos="fade-up">
+                                        <h4>UROP</h4>
+                                        <h5>Summer 2023</h5>
+                                        <p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p>
+                                        <p>
+                                            <a
+                                                href="https://www.inf.usi.ch/en/informatics-research/internships/students">UROP</a>
+                                            (Undergraduate Research Opportunities Program) is an internship offered to the top
+                                            five students that apply and allows you to work with a research group of your
+                                            choice.
+                                            <ul>
+                                                <li>Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor</li>
+                                                <li>Brought my expertise to a project that aims to do HDR reconstruction using
+                                                    Neural Radiance Fields (NeRFs) in combination with event cameras</li>
+                                                <li>Extended a pre-existing event camera simulator to make it compute the data
+                                                    wanted by my supervisors in order to generate synthetic data to train the NeRFs
+                                                </li>
+                                                <li>Learned how to use Unreal Engine 5 to create short sequences of a camera flying
+                                                    around a scene</li>
+                                                <li>It was very instructive since neither of my supervisors knew the material I had
+                                                    to work on, so I had to learn how to read code and understand it deeply in order
+                                                    to complete the task required of me</li>
+                                            </ul>
+                                        </p>
+                                    </div>
+                                    </div>
+
                                     <div class="resume-item" data-aos="fade-up">
                                         <h4>Front-end Intern</h4>
                                         <h5>Autumn 2022</h5>
@@ -335,6 +573,12 @@
                                             </ul>
                                         </p>
                                     </div>
+
+                                    <div class="resume-fade">
+                                        <button id="resume-toggle" class="btn resume-btn">Expand <i class="bi bi-chevron-down"></i></button>
+                                        </div>
+                                </div>
+                            </div>
                         </div>
                     </div>
 
@@ -342,13 +586,14 @@
             <a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-in">Download my CV </a>
         </section><!-- End My Resume Section -->
 
+
         <!-- ======= My Skills Section ======= -->
         <section id="skills" class="skills">
             <div class="container">
 
                 <div class="section-title" data-aos="fade-in">
-                    <span class="prevent-select">My Skills</span>
+                    <span class="prevent-select">My Interests</span>
-                    <h2>My Skills</h2>
+                    <h2>My Interests</h2>
                     <p>A blend of technical expertise and personal passions</p>
                 </div>
                 <ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
@@ -466,192 +711,6 @@
                 </div>
         </section><!-- End My Services Section -->
 
-        <!-- ======= Testimonials Section ======= -->
-        <section id="testimonials" class="testimonials">
-            <div class="container position-relative">
-
-                <div class="testimonials-slider swiper" data-aos="fade-in">
-                    <div class="swiper-wrapper">
-
-                        <div class="swiper-slide">
-                            <div class="testimonial-item">
-                                <img src="assets/img/testimonials/hauswirth.jpg" class="testimonial-img" alt="">
-                                <h3>Matthias Hauswirth</h3>
-                                <h4>Associate Professor - USI</h4>
-                                <p>
-                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                                    As an undergraduate teaching assistant for my “Programming Fundamentals 2” course,
-                                    Arnaud did a wonderful job. He filled a role often taken by graduate students, and
-                                    he excelled at doing so. Arnaud combines a strong conceptual understanding with
-                                    great social skills, which is essential for the role of a teaching assistant. He is
-                                    exceptionally proactive and independent, which makes him a great member of any team.
-                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
-                                </p>
-                            </div>
-                        </div><!-- End testimonial item -->
-
-                        <div class="swiper-slide">
-                            <div class="testimonial-item">
-                                <img src="assets/img/testimonials/piotr.jpg" class="testimonial-img" alt="">
-                                <h3>Piotr Didyk</h3>
-                                <h4>Associate Professor - USI</h4>
-                                <p>
-                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                                    I had the pleasure of meeting Arnaud when he enrolled in my computer graphics
-                                    course. He was a very bright, diligent, and active student who always showed a
-                                    desire to learn. In the summer of 2023, Arnaud worked with me on a research project
-                                    related to neuromorphic cameras. Despite being a relatively new topic for him,
-                                    Arnaud's skills in programming and his ability to grasp new concepts in the visual
-                                    computing field were impressive. He quickly became a valuable contributor to the
-                                    project. Collaborating with him on this project was truly enjoyable, and I always
-                                    appreciated his presence in my classes.
-                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
-                                </p>
-                            </div>
-                        </div><!-- End testimonial item -->
-
-                        <div class="swiper-slide">
-                            <div class="testimonial-item">
-                                <img src="assets/img/testimonials/missing.png" class="testimonial-img" alt="">
-                                <h3>Davide Falchetti</h3>
-                                <h4>CFO - Zucchetti Switzerland</h4>
-                                <p>
-                                    <i class="bx bxs-quote-alt-left quote-icon-left"></i>
-                                    The student demonstrated an excellent basic preparation, a great interest in the
-                                    technologies used, a high degree of autonomy in organizing work schedules and in the
-                                    ability to acquire the necessary information, and a commendable ability to complete
-                                    the assigned project in an excellent manner within the allotted time.
-
-                                    We also note the student's active participation in periodic meetings of the business
-                                    team for planning activities, which also enabled him to acquire field skills in
-                                    project management strategies, particularly the SCRUM approach.
-                                    <i class="bx bxs-quote-alt-right quote-icon-right"></i>
-                                </p>
-                            </div>
-                        </div><!-- End testimonial item -->
-
-                    </div>
-                    <div class="swiper-pagination"></div>
-                </div>
-
-            </div>
-        </section><!-- End Testimonials Section -->
-
-
-        <!-- ======= My Portfolio Section ======= -->
-        <section id="portfolio" class="portfolio">
-            <div class="container">
-
-                <div class="section-title" data-aos="fade-in">
-                    <span class="prevent-select">My Portfolio</span>
-                    <h2>My Portfolio</h2>
-                    <p>The building blocks of my career</p>
-                </div>
-
-                <ul id="portfolio-flters" class="d-flex justify-content-center" data-aos="fade-up">
-                    <li data-filter="*" class="filter-active">All</li>
-                    <li data-filter=".filter-app">App</li>
-                    <li data-filter=".filter-card">Card</li>
-                    <li data-filter=".filter-web">Web</li>
-                </ul>
-
-                <div class="row portfolio-container" data-aos="fade-up">
-
-                    <!-- TODO: move this section right after the about me section -->
-
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding
-                                    Polygons</a></h4>
-                            <div>
-                                <p>
-                                    An extension of a physics engine to simulate polygons,
-                                    focusing on collision detection and effects in
-                                    real-time, ensuring smooth
-                                    animations.<span class="br"></span>
-                                    Language: C++
-                                </p>
-                                <a href="https://github.com/karma-riuk/flying-balls" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-web">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt="">
-                        </div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/flying-balls">HDR ESIM</a></h4>
-                            <div>
-                                <p>
-                                    Extended a the simulation of an event camera in order to generate HDR
-                                    frames.<span class="br"></span>
-                                    Language: C++
-                                </p>
-                                <a href="https://github.com/karma-riuk/hdr_esim" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-app">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
-                        </div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
-                            <div>
-                                <p>
-                                    Fun coding challenges during christmas.<span class="br"></span>
-                                    Languages: C++, Go, Python
-                                </p>
-                                <a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img
-                                src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
-                                alt=""></div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
-                            <!-- TODO: makea good readme fo this project -->
-                            <div>
-                                <p>
-                                    A visualization tool to represent reasearchers in terms of their papers
-                                    and their relationships to other
-                                    researchers.<span class="br"></span>
-                                    Language: Smalltalk (Pharo)
-                                </p>
-                                <a href="https://github.com/karma-riuk/PaperMosaik" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-                    <div class="col-lg-4 col-md-6 portfolio-item filter-card">
-                        <div class="portfolio-img"><img src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
-                                alt=""></div>
-                        <div class="portfolio-info">
-                            <h4><a href="https://github.com/karma-riuk/maze-sovler-go">Maze Solver</a></h4>
-                            <div>
-                                <p>
-                                    A simple maze solver that takes in various types of maze as input and
-                                    outputs the solution.<span class="br"></span>
-                                    Language: Go
-                                </p>
-                                <a href="https://github.com/karma-riuk/maze-sovler-go" class="details-link"
-                                    title="More Details"><i class="bx bx-link"></i></a>
-                            </div>
-                        </div>
-                    </div>
-
-                </div>
-
-            </div>
-        </section><!-- End My Portfolio Section -->
         
         <!-- ======= Contact Me Section ======= -->
         <section id="contact" class="contact">
@@ -676,8 +735,6 @@
                             <h3>Social Profiles</h3>
                             <div class="social-links">
                                 <a href="https://github.com/karma-riuk" class="github"><i class="bi bi-github"></i></a>
-                                <a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
-                                        class="bi bi-instagram"></i></a>
                                 <a href="https://ch.linkedin.com/in/arnaud-fauconnet-01963b266" class="linkedin"><i
                                         class="bi bi-linkedin"></i></a>
                             </div>
@@ -698,13 +755,12 @@
                 bit about who I am and what I am capable of.</p>
             <div class="social-links">
                 <a href="https://github.com/karma-riuk" class="github"><i class="bx bxl-github"></i></a>
-                <a href="https://www.instagram.com/arno.fauconnet/" class="instagram"><i
-                        class="bx bxl-instagram"></i></a>
                 <a href="https://ch.linkedin.com/in/arnaud-fauconnet-01963b266" class="linkedin"><i
                         class="bx bxl-linkedin"></i></a>
             </div>
             <div class="copyright">
-                &copy; Copyright <strong><span>Laura</span></strong>. All Rights Reserved
+                &copy; Copyright <strong><span>Laura</span></strong>. All Rights
+                    Reserved
             </div>
             <div class="credits">
                 <!-- All the links in the footer should remain intact. -->