Compare commits
11 Commits
d73e027641
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| 9ed9135208 | |||
| fafd7139e4 | |||
| 0cab633f03 | |||
| ef84eec124 | |||
| bbeaf46b27 | |||
| 1462461d70 | |||
| 598193d364 | |||
| 0a3332c9fe | |||
| 9f3e554624 | |||
| 3c5ce5c07a | |||
| 3d1943791e |
@ -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;
|
||||
|
||||
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
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 |
BIN
assets/img/portfolio/flyingballs.mp4
Normal file
BIN
assets/img/portfolio/flyingballs.mp4
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 11 MiB |
BIN
assets/img/portfolio/maze-solver.mp4
Normal file
BIN
assets/img/portfolio/maze-solver.mp4
Normal file
Binary file not shown.
BIN
assets/img/portfolio/paper-mosaik.mp4
Normal file
BIN
assets/img/portfolio/paper-mosaik.mp4
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 MiB |
BIN
assets/img/portfolio/stickfosh-og.mp4
Normal file
BIN
assets/img/portfolio/stickfosh-og.mp4
Normal file
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 MiB |
BIN
assets/img/portfolio/stickfosh.mp4
Normal file
BIN
assets/img/portfolio/stickfosh.mp4
Normal file
Binary file not shown.
@ -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
|
||||
*/
|
||||
|
||||
Binary file not shown.
288
index.html
288
index.html
@ -195,8 +195,7 @@
|
||||
<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"><img src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
|
||||
alt=""></div>
|
||||
<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>
|
||||
@ -212,7 +211,7 @@
|
||||
</div>
|
||||
|
||||
<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 class="portfolio-info">
|
||||
<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>
|
||||
<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>
|
||||
<p>
|
||||
Extended a the simulation of an event camera in order to generate HDR
|
||||
@ -247,9 +246,7 @@
|
||||
</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-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 -->
|
||||
@ -266,24 +263,6 @@
|
||||
</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="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
|
||||
</div>
|
||||
@ -301,6 +280,24 @@
|
||||
</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>
|
||||
@ -441,110 +438,149 @@
|
||||
</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>
|
||||
|
||||
Reference in New Issue
Block a user