Compare commits

..

11 Commits

18 changed files with 226 additions and 128 deletions

View File

@ -11,7 +11,8 @@
--------------------------------------------------------------*/ --------------------------------------------------------------*/
:root { :root {
color-scheme: dark; color-scheme: dark;
--highlight: #ffb727; /* --highlight: #ffb727; */
--highlight: #f3a200;
--highlight-alt: #ffc85a; --highlight-alt: #ffc85a;
--background: #fff; --background: #fff;
@ -681,6 +682,45 @@ section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; 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 { .resume .resume-title {
@ -693,7 +733,7 @@ section {
.resume .resume-item { .resume .resume-item {
padding: 0 0 20px 20px; padding: 0 0 20px 20px;
margin-top: -2px; margin-left: 8px;
border-left: 2px solid var(--resume-border); border-left: 2px solid var(--resume-border);
position: relative; position: relative;
} }
@ -971,6 +1011,15 @@ section {
margin-bottom: 20px; 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 { .portfolio #portfolio-flters li {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

After

Width:  |  Height:  |  Size: 154 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

After

Width:  |  Height:  |  Size: 509 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.3 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 MiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.3 MiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 MiB

Binary file not shown.

View File

@ -161,6 +161,19 @@
true 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 * Scroll with ofset on page load with hash links in the url
*/ */

Binary file not shown.

View File

@ -195,8 +195,7 @@
<div class="row portfolio-container" data-aos="fade-up"> <div class="row portfolio-container" data-aos="fade-up">
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <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" <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/maze-solver.mp4"></div>
alt=""></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4> <h4><a href="https://github.com/karma-riuk/maze-solver-go">Maze Solver</a></h4>
<div> <div>
@ -212,7 +211,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img style="align-self: center;" src="assets/img/portfolio/stickfosh.gif" class="img-fluid" alt=""> <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/stickfosh.mp4">
</div> </div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4> <h4><a href="https://github.com/karma-riuk/stickfosh">Stickfosh</a></h4>
@ -233,7 +232,7 @@
<div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt=""> <div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt="">
</div> </div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/flying-balls">HDR ESIM</a></h4> <h4><a href="https://github.com/karma-riuk/hdr_esim">HDR ESIM</a></h4>
<div> <div>
<p> <p>
Extended a the simulation of an event camera in order to generate HDR Extended a the simulation of an event camera in order to generate HDR
@ -247,9 +246,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img <div class="portfolio-img"><video autoplay loop muted="true" src="assets/img/portfolio/paper-mosaik.mp4"></div>
src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
alt=""></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4> <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
<!-- TODO: makea good readme fo this project --> <!-- TODO: makea good readme fo this project -->
@ -266,24 +263,6 @@
</div> </div>
</div> </div>
<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-app"> <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 class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
</div> </div>
@ -301,6 +280,24 @@
</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>
</div> </div>
@ -441,110 +438,149 @@
</div> </div>
</div> </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> <div class=" col-lg-6">
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>" <div data-aos="fade-up-left">
where students spend two days per week working for a company associated with USI. <h3 class="resume-title">Professional Experience</h3>
<!-- TODO: ask chatgpt to reformulate SA5 cuz I can't write :))))) --> <div class="resume-content" id="resume-section">
<ul> <div>
<li>Worked under the tutelage of Stefano Sarina which <div class="resume-item">
<!-- 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 --> <h4>Research Lab Assistant</h4>
</li> <h5>August 2024 - June 2024</h5>
<li>Went through a full all of the major steps of creating a website: <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
<ul class="mt-1"> <p>
<li>Create a figma design (it was bad, I'm not a designer :) ) </li> Helped in various tasks in a the research lab of Prof. Laura Pozzi. This lab specializes in the
<li>Develop a MVP (minimum viable product)</li> automation of embedded processor customization, the design and compilation of innovative reconfigurable hardware, and
<li>Fully implement the website with calls to the API on the back-end and techniques for Approximate Computing and Logic Synthesis.
displaying the resulting data</li> <ul>
</ul> <li>Made a case study to investigate various optimization methods to improve the performance of an established system</li>
</li> <li>Refactored an entire codebase to make it more modular, cleaner and easier to use and extend</li>
<li>Created a React app from scratch (without using <code>npm create-react-app</code>) </ul>
to learn all about a React application was made of </p>
</li> </div>
<li>Worked with the following technologies: </div>
<ul class="mt-1">
<li>React</li> <div data-aos="fade-up">
<li>Webpack</li> <div class="resume-item">
<li>TypeScript</li> <h4>Teaching assistant</h4>
<li>SASS</li> <h5>2022 - 2025</h5>
<li>Material UI</li> <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
</ul> <p>
</li> Helped teachers with grading assignments and exams. Tried to create a meaningful
</ul> connection with students that needed my help to make them succeed in completing
</p> 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>
</div>
</div> </div>
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-in">Download my CV </a> <a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-in">Download my CV </a>