From 9f3e554624ae2656cd77bb48460c391b78be9a25 Mon Sep 17 00:00:00 2001 From: Karma Riuk Date: Thu, 20 Feb 2025 12:00:25 +0100 Subject: [PATCH] made the resume better (is collpased by default, and can be expanded) --- assets/css/style.css | 41 ++++++- assets/js/main.js | 13 +++ index.html | 260 ++++++++++++++++++++++--------------------- 3 files changed, 188 insertions(+), 126 deletions(-) diff --git a/assets/css/style.css b/assets/css/style.css index e7ede6c..5d11c3b 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -682,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 { @@ -694,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; } diff --git a/assets/js/main.js b/assets/js/main.js index efadd89..21bd5c6 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -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 '; + else + btn.innerHTML = 'Expand '; + AOS.refresh(); + }) + /** * Scroll with ofset on page load with hash links in the url */ diff --git a/index.html b/index.html index e4a26cc..4f378b6 100644 --- a/index.html +++ b/index.html @@ -442,138 +442,148 @@ -
+
-
-

Professional Experience

-
-

Research Lab Assistant

-
August 2024 - June 2024
-

Part-time job at Università della Svizzera Italiana, Lugano, CH

-

- 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. -

    -
  • Made a case study to investigate various optimization methods to improve the performance of an established system
  • -
  • Refactored an entire codebase to make it more modular, cleaner and easier to use and extend
  • -
-

-
-
+
+

Professional Experience

+
+
+
+

Research Lab Assistant

+
August 2024 - June 2024
+

Part-time job at Università della Svizzera Italiana, Lugano, CH

+

+ 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. +

    +
  • Made a case study to investigate various optimization methods to improve the performance of an established system
  • +
  • Refactored an entire codebase to make it more modular, cleaner and easier to use and extend
  • +
+

+
+
-
-
-

Teaching assistant

-
2022 - 2025
-

Part-time job at Università della Svizzera Italiana, Lugano, CH

-

- 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. -

-
-
-

TA - Automata and Formal Langauges

-
Autumn 2024
-

3 ECTS - Prof. Matthias Hauswirth

-
    -
  • 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
  • -
  • Closely participated in assignment and exam corrections
  • -
-
-
-

TA - Programming Fundamentals 2

-
Spring 2023 & 2024
-

9 ECTS - Prof. Matthias Hauswirth

-
    -
  • One of the most important courses of the bachelor as it teaches first year - students to write code in Java
  • -
  • Took care of students with special needs along the semester and during the exams -
  • -
  • Mentored and lead small groups of students in their end-of-semester project
  • -
-
-
-

TA - Systems Programming

-
Autumn 2022
-

6 ECTS - Prof. Antonio Carzaniga

-

-

    -
  • Teaches fundamentals of C and C++ during the second year
  • -
  • Closely participated in assignment and exam corrections
  • -
-

-
-
+
+
+

Teaching assistant

+
2022 - 2025
+

Part-time job at Università della Svizzera Italiana, Lugano, CH

+

+ 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. +

+
+
+

TA - Automata and Formal Langauges

+
Autumn 2024
+

3 ECTS - Prof. Matthias Hauswirth

+
    +
  • 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
  • +
  • Closely participated in assignment and exam corrections
  • +
+
+
+

TA - Programming Fundamentals 2

+
Spring 2023 & 2024
+

9 ECTS - Prof. Matthias Hauswirth

+
    +
  • One of the most important courses of the bachelor as it teaches first year + students to write code in Java
  • +
  • Took care of students with special needs along the semester and during the exams +
  • +
  • Mentored and lead small groups of students in their end-of-semester project
  • +
+
+
+

TA - Systems Programming

+
Autumn 2022
+

6 ECTS - Prof. Antonio Carzaniga

+

+

    +
  • Teaches fundamentals of C and C++ during the second year
  • +
  • Closely participated in assignment and exam corrections
  • +
+

+
+
-
-

UROP

-
Summer 2023
-

Internship at Università della Svizzera Italiana, Lugano, CH

-

- UROP - (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. -

    -
  • Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor
  • -
  • Brought my expertise to a project that aims to do HDR reconstruction using - Neural Radiance Fields (NeRFs) in combination with event cameras
  • -
  • 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 -
  • -
  • Learned how to use Unreal Engine 5 to create short sequences of a camera flying - around a scene
  • -
  • 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
  • -
-

-
+
+
+

UROP

+
Summer 2023
+

Internship at Università della Svizzera Italiana, Lugano, CH

+

+ UROP + (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. +

    +
  • Worked under the tutelage of Prof. Didyk and PhD student Jorge Condor
  • +
  • Brought my expertise to a project that aims to do HDR reconstruction using + Neural Radiance Fields (NeRFs) in combination with event cameras
  • +
  • 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 +
  • +
  • Learned how to use Unreal Engine 5 to create short sequences of a camera flying + around a scene
  • +
  • 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
  • +
+

+
+
-
-

Front-end Intern

-
Autumn 2022
-

Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH

+
+

Front-end Intern

+
Autumn 2022
+

Internship at TCPOS SA - Zucchetti Switzerland, Mendrisio, CH

-

- This internship took place during the Autumn semester of the 3rd year of my Bachelor's - degree. It was part of the course "Software Atelier 5: Field Project" - where students spend two days per week working for a company associated with USI. - -

    -
  • Worked under the tutelage of Stefano Sarina which - -
  • -
  • Went through a full all of the major steps of creating a website: -
      -
    • Create a figma design (it was bad, I'm not a designer :) )
    • -
    • Develop a MVP (minimum viable product)
    • -
    • Fully implement the website with calls to the API on the back-end and - displaying the resulting data
    • -
    -
  • -
  • Created a React app from scratch (without using npm create-react-app) - to learn all about a React application was made of -
  • -
  • Worked with the following technologies: -
      -
    • React
    • -
    • Webpack
    • -
    • TypeScript
    • -
    • SASS
    • -
    • Material UI
    • -
    -
  • -
-

+

+ This internship took place during the Autumn semester of the 3rd year of my Bachelor's + degree. It was part of the course "Software Atelier 5: Field Project" + where students spend two days per week working for a company associated with USI. + +

    +
  • Worked under the tutelage of Stefano Sarina which + +
  • +
  • Went through a full all of the major steps of creating a website: +
      +
    • Create a figma design (it was bad, I'm not a designer :) )
    • +
    • Develop a MVP (minimum viable product)
    • +
    • Fully implement the website with calls to the API on the back-end and + displaying the resulting data
    • +
    +
  • +
  • Created a React app from scratch (without using npm create-react-app) + to learn all about a React application was made of +
  • +
  • Worked with the following technologies: +
      +
    • React
    • +
    • Webpack
    • +
    • TypeScript
    • +
    • SASS
    • +
    • Material UI
    • +
    +
  • +
+

+
+ +
+ +
+
+
-
Download my CV