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

made the resume better (is collpased by default,

Browse Source 
and can be expanded)
This commit is contained in:
Karma Riuk 2025-02-20 12:00:25 +01:00
parent 3c5ce5c07a
commit 9f3e554624
3 changed files with 188 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
assets/css/style.css
View File

@ -682,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 {
@ -694,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;
} }

13
assets/js/main.js
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
*/ */

260
index.html
View File

@ -442,138 +442,148 @@
</div> </div>
</div> </div>
<div class="col-lg-6"> <div class=" col-lg-6">
<div data-aos="fade-up-left"> <div data-aos="fade-up-left">
<h3 class="resume-title">Professional Experience</h3> <h3 class="resume-title">Professional Experience</h3>
<div class="resume-item"> <div class="resume-content" id="resume-section">
<h4>Research Lab Assistant</h4> <div>
<h5>August 2024 - June 2024</h5> <div class="resume-item">
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p> <h4>Research Lab Assistant</h4>
<p> <h5>August 2024 - June 2024</h5>
Helped in various tasks in a the research lab of Prof. Laura Pozzi. This lab specializes in the <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
automation of embedded processor customization, the design and compilation of innovative reconfigurable hardware, and <p>
techniques for Approximate Computing and Logic Synthesis. Helped in various tasks in a the research lab of Prof. Laura Pozzi. This lab specializes in the
<ul> automation of embedded processor customization, the design and compilation of innovative reconfigurable hardware, and
<li>Made a case study to investigate various optimization methods to improve the performance of an established system</li> techniques for Approximate Computing and Logic Synthesis.
<li>Refactored an entire codebase to make it more modular, cleaner and easier to use and extend</li> <ul>
</ul> <li>Made a case study to investigate various optimization methods to improve the performance of an established system</li>
</p> <li>Refactored an entire codebase to make it more modular, cleaner and easier to use and extend</li>
</div> </ul>
</div> </p>
</div>
</div>
<div data-aos="fade-up"> <div data-aos="fade-up">
<div class="resume-item"> <div class="resume-item">
<h4>Teaching assistant</h4> <h4>Teaching assistant</h4>
<h5>2022 - 2025</h5> <h5>2022 - 2025</h5>
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p> <p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
<p> <p>
Helped teachers with grading assignments and exams. Tried to create a meaningful 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 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 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. sparkles in their eyes when they learned about concepts I taught them.
</p> </p>
</div> </div>
<div class="resume-item secondary"> <div class="resume-item secondary">
<h4 style="font-weight: normal">TA - Automata and Formal Langauges</h4> <h4 style="font-weight: normal">TA - Automata and Formal Langauges</h4>
<h5>Autumn 2024</h5> <h5>Autumn 2024</h5>
<p><em>3 ECTS - Prof. Matthias Hauswirth</em></p> <p><em>3 ECTS - Prof. Matthias Hauswirth</em></p>
<ul> <ul>
<li>Teaches the theoretical foundations of computing, focusing on formal models like finite automata and pushdown <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> automata, and their role in defining and analyzing regular and context-free languages</li>
<li>Closely participated in assignment and exam corrections</li> <li>Closely participated in assignment and exam corrections</li>
</ul> </ul>
</div> </div>
<div class="resume-item secondary"> <div class="resume-item secondary">
<h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4> <h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4>
<h5>Spring 2023 & 2024</h5> <h5>Spring 2023 & 2024</h5>
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p> <p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
<ul> <ul>
<li>One of the most important courses of the bachelor as it teaches first year <li>One of the most important courses of the bachelor as it teaches first year
students to write code in Java</li> students to write code in Java</li>
<li>Took care of students with special needs along the semester and during the exams <li>Took care of students with special needs along the semester and during the exams
</li> </li>
<li>Mentored and lead small groups of students in their end-of-semester project</li> <li>Mentored and lead small groups of students in their end-of-semester project</li>
</ul> </ul>
</div> </div>
<div class="resume-item secondary"> <div class="resume-item secondary">
<h4 style="font-weight: normal">TA - Systems Programming</h4> <h4 style="font-weight: normal">TA - Systems Programming</h4>
<h5>Autumn 2022</h5> <h5>Autumn 2022</h5>
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p> <p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
<p> <p>
<ul> <ul>
<li>Teaches fundamentals of C and C++ during the second year</li> <li>Teaches fundamentals of C and C++ during the second year</li>
<li>Closely participated in assignment and exam corrections</li> <li>Closely participated in assignment and exam corrections</li>
</ul> </ul>
</p> </p>
</div> </div>
</div> </div>
<div class="resume-item"> <div>
<h4>UROP</h4> <div class="resume-item" data-aos="fade-up">
<h5>Summer 2023</h5> <h4>UROP</h4>
<p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p> <h5>Summer 2023</h5>
<p> <p><em>Internship at Università della Svizzera Italiana, Lugano, CH</em></p>
<a <p>
href="https://www.inf.usi.ch/en/informatics-research/internships/students">UROP</a> <a
(Undergraduate Research Opportunities Program) is an internship offered to the top href="https://www.inf.usi.ch/en/informatics-research/internships/students">UROP</a>
five students that apply and allows you to work with a research group of your (Undergraduate Research Opportunities Program) is an internship offered to the top
choice. five students that apply and allows you to work with a research group of your
<ul> choice.
<li>Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor</li> <ul>
<li>Brought my expertise to a project that aims to do HDR reconstruction using <li>Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor</li>
Neural Radiance Fields (NeRFs) in combination with event cameras</li> <li>Brought my expertise to a project that aims to do HDR reconstruction using
<li>Extended a pre-existing event camera simulator to make it compute the data Neural Radiance Fields (NeRFs) in combination with event cameras</li>
wanted by my supervisors in order to generate synthetic data to train the NeRFs <li>Extended a pre-existing event camera simulator to make it compute the data
</li> wanted by my supervisors in order to generate synthetic data to train the NeRFs
<li>Learned how to use Unreal Engine 5 to create short sequences of a camera flying </li>
around a scene</li> <li>Learned how to use Unreal Engine 5 to create short sequences of a camera flying
<li>It was very instructive since neither of my supervisors knew the material I had around a scene</li>
to work on, so I had to learn how to read code and understand it deeply in order <li>It was very instructive since neither of my supervisors knew the material I had
to complete the task required of me</li> to work on, so I had to learn how to read code and understand it deeply in order
</ul> to complete the task required of me</li>
</p> </ul>
</div> </p>
</div>
</div>
<div class="resume-item" data-aos="fade-up"> <div class="resume-item" data-aos="fade-up">
<h4>Front-end Intern</h4> <h4>Front-end Intern</h4>
<h5>Autumn 2022</h5> <h5>Autumn 2022</h5>
<p><em>Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH</em></p> <p><em>Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH</em></p>
<p> <p>
This internship took place during the Autumn semester of the 3rd year of my Bachelor's 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>" 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. 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 :))))) --> <!-- TODO: ask chatgpt to reformulate SA5 cuz I can't write :))))) -->
<ul> <ul>
<li>Worked under the tutelage of Stefano Sarina which <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 --> <!-- 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>
<li>Went through a full all of the major steps of creating a website: <li>Went through a full all of the major steps of creating a website:
<ul class="mt-1"> <ul class="mt-1">
<li>Create a figma design (it was bad, I'm not a designer :) ) </li> <li>Create a figma design (it was bad, I'm not a designer :) ) </li>
<li>Develop a MVP (minimum viable product)</li> <li>Develop a MVP (minimum viable product)</li>
<li>Fully implement the website with calls to the API on the back-end and <li>Fully implement the website with calls to the API on the back-end and
displaying the resulting data</li> displaying the resulting data</li>
</ul> </ul>
</li> </li>
<li>Created a React app from scratch (without using <code>npm create-react-app</code>) <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 to learn all about a React application was made of
</li> </li>
<li>Worked with the following technologies: <li>Worked with the following technologies:
<ul class="mt-1"> <ul class="mt-1">
<li>React</li> <li>React</li>
<li>Webpack</li> <li>Webpack</li>
<li>TypeScript</li> <li>TypeScript</li>
<li>SASS</li> <li>SASS</li>
<li>Material UI</li> <li>Material UI</li>
</ul> </ul>
</li> </li>
</ul> </ul>
</p> </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>