Compare commits
No commits in common. "410d15d46a9e40039a904ffbe2aec8abca529160" and "82fa1a76297284121142b4dbaa88d414785801c5" have entirely different histories.
410d15d46a
...
82fa1a7629
@ -761,7 +761,6 @@ section {
|
||||
.skills #skills-filters {
|
||||
list-style: none;
|
||||
margin-bottom: 20px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.skills #skills-filters li {
|
||||
@ -801,7 +800,6 @@ section {
|
||||
}
|
||||
|
||||
.skills .icon-box p {
|
||||
hyphens: auto;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 101 KiB |
126
index.html
126
index.html
@ -1,5 +1,5 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-US">
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
@ -133,9 +133,9 @@
|
||||
<!-- End .content-->
|
||||
|
||||
|
||||
<div data-aos="fade-up">
|
||||
<div>
|
||||
|
||||
<div class="progress">
|
||||
<div class="progress" data-aos="fade-up">
|
||||
<span class="skill"><i class="flag
|
||||
flag-france"></i>French <i class="val">Native</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
@ -143,7 +143,7 @@
|
||||
aria-valuemax="7"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress" data-aos="fade-up">
|
||||
<span class="skill"><i class="flag
|
||||
flag-uk"></i>English <i class="val">Native</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
@ -151,7 +151,7 @@
|
||||
aria-valuemax="7"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress" data-aos="fade-up">
|
||||
<span class="skill"><i class="flag
|
||||
flag-italy"></i>Italian <i class="val">C2</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
@ -159,7 +159,7 @@
|
||||
aria-valuemax="7"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="progress">
|
||||
<div class="progress" data-aos="fade-up">
|
||||
<span class="skill"><i class="flag
|
||||
flag-germany"></i>German <i class="val">B1</i></span>
|
||||
<div class="progress-bar-wrap">
|
||||
@ -282,12 +282,16 @@
|
||||
</div>
|
||||
<div class="resume-item secondary" data-aos="fade-up">
|
||||
<h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4>
|
||||
<h5>Spring 2023 & 2024</h5>
|
||||
<h5>Spring 2023</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>
|
||||
<li>
|
||||
One of the most important courses of the bachelor as it teaches first year
|
||||
students to
|
||||
write code in Java
|
||||
</li>
|
||||
<li>Mentored and lead three groups of two or three students in their end-of-semester
|
||||
project</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="resume-item secondary" data-aos="fade-up">
|
||||
@ -350,24 +354,23 @@
|
||||
<section id="skills" class="skills">
|
||||
<div class="container">
|
||||
|
||||
<div class="section-title" data-aos="fade-up">
|
||||
<div class="section-title">
|
||||
<span class="prevent-select">My Skills</span>
|
||||
<h2>My Skills</h2>
|
||||
<p>A blend of technical expertise and personal passions</p>
|
||||
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
|
||||
</div>
|
||||
<ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
|
||||
<ul id="skills-filters" class="d-flex justify-content-center">
|
||||
<li data-filter="*" class="filter-active">All</li>
|
||||
<li data-filter=".filter-prod">Productivity</li>
|
||||
<li data-filter=".filter-lang">Languages</li>
|
||||
<li data-filter=".filter-frame">Frameworks</li>
|
||||
<li data-filter=".filter-web">Web</li>
|
||||
<li data-filter=".filter-hobby">Hobbies</li>
|
||||
<li data-filter=".filter-other">Other</li>
|
||||
</ul>
|
||||
|
||||
<!-- TODO: check the filter & link of each thing (normally the first
|
||||
line should be good) -->
|
||||
<div class="skills-container" data-aos="fade-up">
|
||||
<div class="skills-container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
@ -415,10 +418,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
|
||||
<div class="col-md-6 col-lg-3
|
||||
mb-5 skill-item filter-web">
|
||||
<div class="icon-box">
|
||||
<div class="icon"><i class="bx bx-server"></i></div>
|
||||
<h4 class="title"><a>Server Management</a></h4>
|
||||
<h4 class="title"><a href="">Server Management</a></h4>
|
||||
<p class="description">Since 2018, I've been diving into the world of server
|
||||
administration,
|
||||
experimenting with various hardware setups. It's been an enriching journey that's
|
||||
@ -430,39 +434,57 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon"><i class="fa fa-masks-theater"></i></div>
|
||||
<h4 class="title"><a>Theater</a></h4>
|
||||
<h4 class="title"><a href="https://neovim.io">Theater</a></h4>
|
||||
<p class="description">
|
||||
For seven years, I've been part of a theater group focusing on physical theater, telling stories through movement and
|
||||
dance instead of spoken words. This experience has significantly sharpened my non-verbal communication skills and
|
||||
deepened my understanding of storytelling.
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-lang filter-web">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/tsjs.png" alt="typescript-logo" />
|
||||
<img src="assets/img/tsjs.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://www.typescriptlang.org">Javascript / Typescript</a></h4>
|
||||
<h4 class="title"><a href="https://neovim.io">Javascript / Typescript</a></h4>
|
||||
<p class="description">
|
||||
Through university courses and internships, I've developed a strong proficiency in TypeScript, an essential tool for
|
||||
modern web development. Its ability to enhance JavaScript with type safety and clearer code structure has made my
|
||||
projects more robust and maintainable, positioning me as a skilled developer in this area.
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon"><i class="fa fa-basketball"></i></div>
|
||||
<h4 class="title"><a>Basketball</a></h4>
|
||||
<div class="icon">
|
||||
<img src="assets/img/neovim.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
|
||||
<p class="description">
|
||||
I began my journey as a Table Official in basketball after frequently attending a friend's matches, which led to my
|
||||
involvement with the SFT Lugano Tigers. Following a brief training, I assumed the role, contributing to the game by
|
||||
managing scores and timekeeping, blending my passion with responsibility.
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||
<div class="icon-box">
|
||||
<div class="icon">
|
||||
<img src="assets/img/neovim.png" alt="neovim-logo" />
|
||||
</div>
|
||||
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
|
||||
<p class="description">
|
||||
Neovim is a versatile text editor that's become
|
||||
an integral part of my workflow. It
|
||||
offers customization, plugin support, and version control integration, making it a
|
||||
reliable tool for my coding and writing tasks.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -482,7 +504,7 @@
|
||||
<div class="testimonial-item">
|
||||
<img src="assets/img/testimonials/hauswirth.jpg" class="testimonial-img" alt="">
|
||||
<h3>Matthias Hauswirth</h3>
|
||||
<h4>Associate Professor - USI</h4>
|
||||
<h4>Professor</h4>
|
||||
<p>
|
||||
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
||||
As an undergraduate teaching assistant for my “Programming Fundamentals 2” course,
|
||||
@ -497,17 +519,14 @@
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-item">
|
||||
<img src="assets/img/testimonials/piotr.jpg" class="testimonial-img" alt="">
|
||||
<h3>Piotr Didyk</h3>
|
||||
<h4>Associate Professor - USI</h4>
|
||||
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
|
||||
<h3>Sara Wilsson</h3>
|
||||
<h4>Designer</h4>
|
||||
<p>
|
||||
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
||||
I had the pleasure of meeting Arnaud when he enrolled in my computer graphics course. He was a very bright, diligent,
|
||||
and active student who always showed a desire to learn. In the summer of 2023, Arnaud worked with me on a research
|
||||
project related to neuromorphic cameras. Despite being a relatively new topic for him, Arnaud's skills in programming
|
||||
and his ability to grasp new concepts in the visual computing field were impressive. He quickly became a valuable
|
||||
contributor to the project. Collaborating with him on this project was truly enjoyable, and I always appreciated his
|
||||
presence in my classes.
|
||||
Export tempor illum tamen malis malis eram quae irure esse labore quem cillum quid
|
||||
cillum eram malis quorum velit fore eram velit sunt aliqua noster fugiat irure amet
|
||||
legam anim culpa.
|
||||
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
||||
</p>
|
||||
</div>
|
||||
@ -515,17 +534,14 @@
|
||||
|
||||
<div class="swiper-slide">
|
||||
<div class="testimonial-item">
|
||||
<img src="assets/img/testimonials/missing.png" class="testimonial-img" alt="">
|
||||
<h3>Davide Falchetti</h3>
|
||||
<h4>CFO - Zucchetti Switzerland</h4>
|
||||
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
|
||||
<h3>Jena Karlis</h3>
|
||||
<h4>Store Owner</h4>
|
||||
<p>
|
||||
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
||||
The student demonstrated an excellent basic preparation, a great interest in the technologies used, a high degree of
|
||||
autonomy in organizing work schedules and in the ability to acquire the necessary information, and a commendable ability
|
||||
to complete the assigned project in an excellent manner within the allotted time.
|
||||
|
||||
We also note the student's active participation in periodic meetings of the business team for planning activities, which
|
||||
also enabled him to acquire field skills in project management strategies, particularly the SCRUM approach.
|
||||
Enim nisi quem export duis labore cillum quae magna enim sint quorum nulla quem
|
||||
veniam duis minim tempor labore quem eram duis noster aute amet eram fore quis sint
|
||||
minim.
|
||||
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
||||
</p>
|
||||
</div>
|
||||
@ -717,7 +733,7 @@
|
||||
<div class="section-title" data-aos="fade-up">
|
||||
<span class="prevent-select">Contact Me</span>
|
||||
<h2>Contact Me</h2>
|
||||
<p>Feel free to reach out for collaborations or to learn more about my work.</p>
|
||||
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6" data-aos="fade-up-right">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user