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

formatted code

Browse Source
This commit is contained in:
Karma Riuk 2024-03-15 14:52:49 +01:00
parent 0f1535f0ec
commit 5f772b1f78
2 changed files with 723 additions and 704 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/css/style.css
View File

@ -111,9 +111,12 @@ h6 {
}
.prevent-select {
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
-webkit-user-select: none;
/* Safari */
-ms-user-select: none;
/* IE 10 and IE 11 */
user-select: none;
/* Standard syntax */
}
/*--------------------------------------------------------------
@ -759,7 +762,6 @@ section {
# My Skills
--------------------------------------------------------------*/
.skills #skills-filters {
list-style: none;
margin-bottom: 20px;
overflow-x: auto;
@ -1009,7 +1011,7 @@ section {
z-index: 3;
right: 15px;
transition: all ease-in-out 0.3s;
background: rgba(0, 0, 0, .7);
background: rgba(0, 0, 0, 0.7);
padding: 10px 15px;
}
@ -1040,7 +1042,7 @@ section {
.portfolio .portfolio-item .portfolio-info div p .br {
display: block;
margin-bottom: .5em;
margin-bottom: 0.5em;
}
.portfolio .portfolio-item .portfolio-info .preview-link,

115
index.html
View File

@ -115,7 +115,8 @@
</div>
<div class="col-lg-6">
<ul>
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span id="age">23</span>
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span
id="age">23</span>
</li>
<!-- <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in -->
<!-- Software and Data Engineering </span> -->
@ -285,8 +286,10 @@
<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>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>
@ -372,9 +375,10 @@
<div class="icon"><i class="fa fa-masks-theater"></i></div>
<h4 class="title"><a>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.
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.
</p>
</div>
</div>
@ -384,9 +388,10 @@
<div class="icon"><i class="fa fa-basketball"></i></div>
<h4 class="title"><a>Basketball</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.
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.
</p>
</div>
</div>
@ -396,8 +401,9 @@
<div class="icon"><i class="fa fa-chess"></i></div>
<h4 class="title"><a>Chess</a></h4>
<p class="description">
Early in 2023, a friend introduced me to chess, sparking a passion that has grown ever since. While I'm aware that I'm
not the best player, I enjoy playing regularly and am dedicated to improving my skills.
Early in 2023, a friend introduced me to chess, sparking a passion that has grown
ever since. While I'm aware that I'm not the best player, I enjoy playing regularly
and am dedicated to improving my skills.
</p>
</div>
</div>
@ -407,11 +413,11 @@
<div class="icon"><i class="bx bx-server"></i></div>
<h4 class="title"><a>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
expanded my technical horizons. I've come to appreciate the art of keeping servers
running smoothly and securely. Additionally, delving into DevOps activities has allowed
me to bridge the gap between development and operations, streamlining processes and
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 expanded my
technical horizons. I've come to appreciate the art of keeping servers running
smoothly and securely. Additionally, delving into DevOps activities has allowed me
to bridge the gap between development and operations, streamlining processes and
improving overall efficiency.
</p>
</div>
@ -440,14 +446,13 @@
<img src="assets/img/arch.png" alt="arch-linux-logo" />
</div>
<h4 class="title"><a href="https://archlinux.org">Arch Linux</a></h4>
<p class="description">Arch Linux is a minimalist, user-centric operating system that
I've
come to appreciate. It's not for everyone, but if you value control and enjoy
crafting
your system to suit your needs, it's a solid choice. With a rolling release model
and a
<p class="description">
Arch Linux is a minimalist, user-centric operating system that I've come to
appreciate. It's not for everyone, but if you value control and enjoy crafting your
system to suit your needs, it's a solid choice. With a rolling release model and a
wealth of user-contributed packages, Arch Linux offers a clean slate to build your
computing environment.</p>
computing environment.
</p>
</div>
</div>
@ -499,12 +504,14 @@
<h4>Associate Professor - USI</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.
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.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
@ -517,12 +524,14 @@
<h4>CFO - Zucchetti Switzerland</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.
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.
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.
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
</p>
</div>
@ -558,9 +567,11 @@
<!-- TODO: move this section right after the about me section -->
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/flying-balls2.png" class="img-fluid" alt=""></div>
<div class="portfolio-img"><img src="assets/img/portfolio/flying-balls2.png" 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>
<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,
@ -569,14 +580,15 @@
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>
<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-web">
<div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid"
alt=""></div>
<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>
<div>
@ -585,29 +597,31 @@
frames.<span class="br"></span>
Language: C++
</p>
<a href="https://github.com/karma-riuk/hdr_esim" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
<a href="https://github.com/karma-riuk/hdr_esim" 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>
<div class="portfolio-img"><img src="assets/img/portfolio/aoc.jpeg" class="img-fluid" alt="">
</div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
<div>
<p>
Fun coding challenges during christmas.<span
class="br" ></span>
Fun coding challenges during christmas.<span class="br"></span>
Languages: C++, Go, Python
</p>
<a href="https://github.com/karma-riuk/advent-of-code" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
<a href="https://github.com/karma-riuk/advent-of-code" 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-card">
<div class="portfolio-img"><img src="assets/img/portfolio/paper-mosaik.png" class="img-fluid" alt=""></div>
<div class="portfolio-img"><img src="assets/img/portfolio/paper-mosaik.png" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
<!-- TODO: makea good readme fo this project -->
@ -618,13 +632,15 @@
researchers.<span class="br"></span>
Language: Smalltalk (Pharo)
</p>
<a href="https://github.com/karma-riuk/PaperMosaik" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
<a href="https://github.com/karma-riuk/PaperMosaik" 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-card">
<div class="portfolio-img"><img src="assets/img/portfolio/maze-solver.gif" class="img-fluid" alt=""></div>
<div class="portfolio-img"><img src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/maze-sovler-go">Maze Solver</a></h4>
<div>
@ -633,7 +649,8 @@
outputs the solution.<span class="br"></span>
Language: Go
</p>
<a href="https://github.com/karma-riuk/maze-sovler-go" class="details-link" title="More Details"><i class="bx bx-link"></i></a>
<a href="https://github.com/karma-riuk/maze-sovler-go" class="details-link"
title="More Details"><i class="bx bx-link"></i></a>
</div>
</div>
</div>