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

Compare commits

base: karma:d73e02764105b2edab9b0034a7af7ae782e33046
Branches Tags
karma:main
...
compare: karma:main
Branches Tags
karma:main

11 Commits
d73e027641 ... 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
18 changed files with 226 additions and 128 deletions
Expand all files Collapse all files

53
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;

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.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.8 MiB

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.

126
index.html
View File

@ -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,39 +438,33 @@
</div>
</div>
</div>
<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>
<h5>Summer 2023</h5>
<p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p>
<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>
<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.
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>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>
<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 - 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
@ -482,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>
@ -506,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>
@ -543,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>