skills: removed some filters, added the chess
card and moved things around
This commit is contained in:
Karma Riuk
parent
52786bd8d2
commit
58626fec3a
111
index.html
111
index.html
@ -358,16 +358,66 @@
|
|||||||
<ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
|
<ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
|
||||||
<li data-filter="*" class="filter-active">All</li>
|
<li data-filter="*" class="filter-active">All</li>
|
||||||
<li data-filter=".filter-prod">Productivity</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-web">Web</li>
|
||||||
<li data-filter=".filter-hobby">Hobbies</li>
|
<li data-filter=".filter-hobby">Hobbies</li>
|
||||||
<li data-filter=".filter-other">Other</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!-- TODO: check the filter & link of each thing (normally the first
|
<!-- TODO: check the filter & link of each thing (normally the first
|
||||||
line should be good) -->
|
line should be good) -->
|
||||||
<div class="skills-container" data-aos="fade-up">
|
<div class="skills-container" data-aos="fade-up">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
||||||
|
<div class="icon-box">
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
||||||
|
<div class="icon-box">
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
||||||
|
<div class="icon-box">
|
||||||
|
<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.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
|
||||||
|
<div class="icon-box">
|
||||||
|
<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
|
||||||
|
improving overall efficiency.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
||||||
<div class="icon-box">
|
<div class="icon-box">
|
||||||
@ -401,7 +451,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod filter-web">
|
||||||
<div class="icon-box">
|
<div class="icon-box">
|
||||||
<div class="icon">
|
<div class="icon">
|
||||||
<img src="assets/img/docker.png" alt="docker-logo" />
|
<img src="assets/img/docker.png" alt="docker-logo" />
|
||||||
@ -414,60 +464,7 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
|
|
||||||
<div class="icon-box">
|
|
||||||
<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
|
|
||||||
improving overall efficiency.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
|
||||||
<div class="icon-box">
|
|
||||||
<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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-lang filter-web">
|
|
||||||
<div class="icon-box">
|
|
||||||
<div class="icon">
|
|
||||||
<img src="assets/img/tsjs.png" alt="typescript-logo" />
|
|
||||||
</div>
|
|
||||||
<h4 class="title"><a href="https://www.typescriptlang.org">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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
|
|
||||||
<div class="icon-box">
|
|
||||||
<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.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section><!-- End My Services Section -->
|
</section><!-- End My Services Section -->
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user