karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: karma:8c3b3e501e3f9b87692696c895234d87d714d96d
Branches Tags
karma:main
...
compare: karma:main
Branches Tags
karma:main

20 Commits
8c3b3e501e ... main

Author SHA1 Message Date
Karma Riuk
9ed9135208 updated cv 2025-03-24 12:17:41 +01:00
Karma Riuk
fafd7139e4 fixed final little detail about videos 2025-02-20 14:53:46 +01:00
Karma Riuk
0cab633f03 updated cv 2025-02-20 14:34:20 +01:00
Karma Riuk
ef84eec124 made videos better 2025-02-20 14:27:07 +01:00
Karma Riuk
bbeaf46b27 downscaled the footer background to load faster 2025-02-20 14:12:04 +01:00
Karma Riuk
1462461d70 moved from gifs to mp4 because gifs were heavy as fuck 2025-02-20 14:09:29 +01:00
Karma Riuk
598193d364 made images lazy to make loading faster 2025-02-20 12:11:55 +01:00
Karma Riuk
0a3332c9fe made hero lower res to make loading quicker 2025-02-20 12:11:43 +01:00
Karma Riuk
9f3e554624 made the resume better (is collpased by default, 
and can be expanded)
 2025-02-20 12:00:25 +01:00
Karma Riuk
3c5ce5c07a updated the resume 2025-02-20 09:51:22 +01:00
Karma Riuk
3d1943791e tried to fix the colour of higlight in light theme 2025-02-20 09:31:39 +01:00
Karma Riuk
d73e027641 fixed hover of portfolio 2025-02-19 15:38:36 +01:00
Karma Riuk
3c36906d86 moved the projects around 2025-02-19 15:26:32 +01:00
Karma Riuk
8a18029a0b updated cv 2025-02-19 15:18:44 +01:00
Karma Riuk
3132b4f325 added todo 2025-02-19 15:12:16 +01:00
Karma Riuk
cd7cfbbb7c added stickfosh to my portfolio 2025-02-19 15:10:41 +01:00
Karma Riuk
cd5330b92c updated cv 2025-02-19 14:10:27 +01:00
Karma Riuk
ed4b9a9a56 updated masters GPA 2025-02-19 13:13:00 +01:00
Karma Riuk
11c0688f6c moved stuff around 2025-01-28 13:20:35 +01:00
Karma Riuk
f9a9dfc653 commented out the filters for the projects section 2025-01-28 13:15:46 +01:00
17 changed files with 421 additions and 296 deletions
Expand all files Collapse all files

65
assets/css/style.css
View File

@ -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 {
transform: scale(1.2);
.portfolio .portfolio-item:hover .portfolio-img {
/* transform: scale(1.2); */
border-color: var(--highlight);
}
.portfolio .portfolio-item:hover .portfolio-info {

BIN
assets/img/footer-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 154 KiB

BIN
assets/img/hero-bg-2k.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
assets/img/hero-bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 509 KiB

BIN
assets/img/portfolio/flying-balls.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 37 KiB

BIN
assets/img/portfolio/flying-balls2.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
assets/img/portfolio/flyingballs.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 MiB

BIN
assets/img/portfolio/flyingballs.mp4 Normal file
View File

Binary file not shown.

BIN
assets/img/portfolio/maze-solver.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 MiB

BIN
assets/img/portfolio/maze-solver.mp4 Normal file
View File

Binary file not shown.

BIN
assets/img/portfolio/paper-mosaik.mp4 Normal file
View File

Binary file not shown.

BIN
assets/img/portfolio/papermosaik.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 MiB

BIN
assets/img/portfolio/stickfosh-og.mp4 Normal file
View File

Binary file not shown.

BIN
assets/img/portfolio/stickfosh.mp4 Normal file
View File

Binary file not shown.

13
assets/js/main.js
View File

@ -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
*/

BIN
assets/pdf/Fauconnet_Arnaud_CV.pdf
View File

Binary file not shown.

639
index.html
View File

@ -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="#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="#portfolio">Portfolio</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: 9.6/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,115 +438,155 @@
</div>
</div>
</div>
<div class="col-lg-6">
<div data-aos="fade-up-left">
<h3 class="resume-title">Professional Experience</h3>
<div class="resume-item">
<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 data-aos="fade-up">
<div class="resume-item">
<h4>Teaching assistant</h4>
<h5>2022 - present</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
connection with students that needed my help to make them succeed in completing
their course. I loved being able to transmit my passion on to them and see the
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 - Programming Fundamentals 2</h4>
<h5>Spring 2023 & 2024</h5>
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
<ul>
<li>One of the most important courses of the bachelor as it teaches first year
students to write code in Java</li>
<li>Took care of students with special needs along the semester and during the exams
</li>
<li>Mentored and lead small groups of students in their end-of-semester project</li>
</ul>
</div>
<div class="resume-item secondary">
<h4 style="font-weight: normal">TA - Systems Programming</h4>
<h5>Autumn 2022</h5>
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
<p>
<ul>
<li>Teaches fundamentals of C and C++ during the second year</li>
<li>Closely participated in assignment and exam corrections</li>
</ul>
</p>
</div>
</div>
<div class="resume-item" data-aos="fade-up">
<h4>Front-end Intern</h4>
<h5>Autumn 2022</h5>
<p><em>Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH</em></p>
<p>
This internship took place during the Autumn semester of the 3rd year of my Bachelor's
degree. It was part of the course "<a href="#">Software Atelier 5: Field Project</a>"
where students spend two days per week working for a company associated with USI.
<!-- TODO: ask chatgpt to reformulate SA5 cuz I can't write :))))) -->
<ul>
<li>Worked under the tutelage of Stefano Sarina which
<!-- TODO: come cazzo si dice che lo stimo un botto in inglese?? Non lo so ma si può chiedere a... chi lo sa? CHATGPT OF COURSE, let's goooooooooooo -->
</li>
<li>Went through a full all of the major steps of creating a website:
<ul class="mt-1">
<li>Create a figma design (it was bad, I'm not a designer :) ) </li>
<li>Develop a MVP (minimum viable product)</li>
<li>Fully implement the website with calls to the API on the back-end and
displaying the resulting data</li>
</ul>
</li>
<li>Created a React app from scratch (without using <code>npm create-react-app</code>)
to learn all about a React application was made of
</li>
<li>Worked with the following technologies:
<ul class="mt-1">
<li>React</li>
<li>Webpack</li>
<li>TypeScript</li>
<li>SASS</li>
<li>Material UI</li>
</ul>
</li>
</ul>
</p>
<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>Research Lab Assistant</h4>
<h5>August 2024 - June 2024</h5>
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
<p>
Helped in various tasks in a the research lab of Prof. Laura Pozzi. This lab specializes in the
automation of embedded processor customization, the design and compilation of innovative reconfigurable hardware, and
techniques for Approximate Computing and Logic Synthesis.
<ul>
<li>Made a case study to investigate various optimization methods to improve the performance of an established system</li>
<li>Refactored an entire codebase to make it more modular, cleaner and easier to use and extend</li>
</ul>
</p>
</div>
</div>
<div data-aos="fade-up">
<div class="resume-item">
<h4>Teaching assistant</h4>
<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
connection with students that needed my help to make them succeed in completing
their course. I loved being able to transmit my passion on to them and see the
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>
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
<ul>
<li>One of the most important courses of the bachelor as it teaches first year
students to write code in Java</li>
<li>Took care of students with special needs along the semester and during the exams
</li>
<li>Mentored and lead small groups of students in their end-of-semester project</li>
</ul>
</div>
<div class="resume-item secondary">
<h4 style="font-weight: normal">TA - Systems Programming</h4>
<h5>Autumn 2022</h5>
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
<p>
<ul>
<li>Teaches fundamentals of C and C++ during the second year</li>
<li>Closely participated in assignment and exam corrections</li>
</ul>
</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>
<p><em>Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH</em></p>
<p>
This internship took place during the Autumn semester of the 3rd year of my Bachelor's
degree. It was part of the course "<a href="#">Software Atelier 5: Field Project</a>"
where students spend two days per week working for a company associated with USI.
<!-- TODO: ask chatgpt to reformulate SA5 cuz I can't write :))))) -->
<ul>
<li>Worked under the tutelage of Stefano Sarina which
<!-- TODO: come cazzo si dice che lo stimo un botto in inglese?? Non lo so ma si può chiedere a... chi lo sa? CHATGPT OF COURSE, let's goooooooooooo -->
</li>
<li>Went through a full all of the major steps of creating a website:
<ul class="mt-1">
<li>Create a figma design (it was bad, I'm not a designer :) ) </li>
<li>Develop a MVP (minimum viable product)</li>
<li>Fully implement the website with calls to the API on the back-end and
displaying the resulting data</li>
</ul>
</li>
<li>Created a React app from scratch (without using <code>npm create-react-app</code>)
to learn all about a React application was made of
</li>
<li>Worked with the following technologies:
<ul class="mt-1">
<li>React</li>
<li>Webpack</li>
<li>TypeScript</li>
<li>SASS</li>
<li>Material UI</li>
</ul>
</li>
</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>
</div>
</div>
<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">
@ -466,193 +711,7 @@
</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-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>
</div>
</section><!-- End My Portfolio Section -->
<!-- ======= Contact Me Section ======= -->
<section id="contact" class="contact">
<div class="container">