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

started updating the skills section

Browse Source
This commit is contained in:
Karma Riuk 2024-02-29 09:13:40 +01:00
parent f12d1c8292
commit 447972b0ad
1 changed files with 25 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
index.html
View File

@ -350,23 +350,24 @@
<section id="skills" class="skills"> <section id="skills" class="skills">
<div class="container"> <div class="container">
<div class="section-title"> <div class="section-title" data-aos="fade-up">
<span class="prevent-select">My Skills</span> <span class="prevent-select">My Skills</span>
<h2>My Skills</h2> <h2>My Skills</h2>
<p>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p> <p>A blend of technical expertise and personal passions</p>
</div> </div>
<ul id="skills-filters" class="d-flex justify-content-center"> <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-lang">Languages</li>
<li data-filter=".filter-frame">Frameworks</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-other">Other</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"> <div class="skills-container" data-aos="fade-up">
<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">
@ -414,11 +415,10 @@
</div> </div>
</div> </div>
<div class="col-md-6 col-lg-3 <div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
mb-5 skill-item filter-web">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="bx bx-server"></i></div> <div class="icon"><i class="bx bx-server"></i></div>
<h4 class="title"><a href="">Server Management</a></h4> <h4 class="title"><a>Server Management</a></h4>
<p class="description">Since 2018, I've been diving into the world of server <p class="description">Since 2018, I've been diving into the world of server
administration, administration,
experimenting with various hardware setups. It's been an enriching journey that's experimenting with various hardware setups. It's been an enriching journey that's
@ -430,57 +430,39 @@
</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-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="fa fa-masks-theater"></i></div> <div class="icon"><i class="fa fa-masks-theater"></i></div>
<h4 class="title"><a href="https://neovim.io">Theater</a></h4> <h4 class="title"><a>Theater</a></h4>
<p class="description"> <p class="description">
Neovim is a versatile text editor that's become For seven years, I've been part of a theater group focusing on physical theater, telling stories through movement and
an integral part of my workflow. It dance instead of spoken words. This experience has significantly sharpened my non-verbal communication skills and
offers customization, plugin support, and version control integration, making it a deepened my understanding of storytelling.
reliable tool for my coding and writing tasks.
</p> </p>
</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-lang filter-web">
<div class="icon-box"> <div class="icon-box">
<div class="icon"> <div class="icon">
<img src="assets/img/tsjs.png" alt="neovim-logo" /> <img src="assets/img/tsjs.png" alt="typescript-logo" />
</div> </div>
<h4 class="title"><a href="https://neovim.io">Javascript / Typescript</a></h4> <h4 class="title"><a href="https://www.typescriptlang.org">Javascript / Typescript</a></h4>
<p class="description"> <p class="description">
Neovim is a versatile text editor that's become Through university courses and internships, I've developed a strong proficiency in TypeScript, an essential tool for
an integral part of my workflow. It modern web development. Its ability to enhance JavaScript with type safety and clearer code structure has made my
offers customization, plugin support, and version control integration, making it a projects more robust and maintainable, positioning me as a skilled developer in this area.
reliable tool for my coding and writing tasks.
</p> </p>
</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-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"> <div class="icon"><i class="fa fa-basketball"></i></div>
<img src="assets/img/neovim.png" alt="neovim-logo" /> <h4 class="title"><a>Basketball</a></h4>
</div>
<h4 class="title"><a href="https://neovim.io">Neovim</a></h4>
<p class="description"> <p class="description">
Neovim is a versatile text editor that's become I began my journey as a Table Official in basketball after frequently attending a friend's matches, which led to my
an integral part of my workflow. It involvement with the SFT Lugano Tigers. Following a brief training, I assumed the role, contributing to the game by
offers customization, plugin support, and version control integration, making it a managing scores and timekeeping, blending my passion with responsibility.
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> </p>
</div> </div>
</div> </div>