Ordered tech stack in a way that makes sense lol

This commit is contained in:
ari 2026-06-15 03:26:49 +02:00 committed by git.gay
parent d7c298a83b
commit a3e9ca966a
No known key found for this signature in database
GPG Key ID: BDA2A7586B5E1432
1 changed files with 66 additions and 90 deletions

View File

@ -103,96 +103,72 @@
<details class="waka-section tech-stack" id="tech-stack"> <details class="waka-section tech-stack" id="tech-stack">
<summary class="section-title">Tech Stack</summary> <summary class="section-title">Tech Stack</summary>
<section class="dev-info" aria-label="Tech stack"> <section class="dev-info" aria-label="Tech stack">
<span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/javascript')" role="img" <!-- Languages -->
aria-label="JavaScript"></span> <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/python')" role="img" aria-label="Python"></span>
<span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/openjdk')" role="img" <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/openjdk')" role="img" aria-label="Java"></span>
aria-label="Java"></span> <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/javascript')" role="img" aria-label="JavaScript"></span>
<span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/html5')" role="img" <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/typescript')" role="img" aria-label="TypeScript"></span>
aria-label="HTML5"></span> <span class="tech-icon yellow" style="--si:url('https://cdn.simpleicons.org/gnubash')" role="img" aria-label="Bash Script"></span>
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/markdown')" role="img"
aria-label="Markdown"></span> <!-- Markup, Styling & Docs -->
<span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/latex')" role="img" <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/html5')" role="img" aria-label="HTML5"></span>
aria-label="LaTeX"></span> <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/css')" role="img" aria-label="CSS"></span>
<span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/typescript')" role="img" <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/markdown')" role="img" aria-label="Markdown"></span>
aria-label="TypeScript"></span> <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/latex')" role="img" aria-label="LaTeX"></span>
<span class="tech-icon yellow" style="--si:url('https://cdn.simpleicons.org/gnubash')" role="img"
aria-label="Bash Script"></span> <!-- Frontend — Frameworks & Libraries -->
<span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/python')" role="img" <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/react')" role="img" aria-label="React"></span>
aria-label="Python"></span> <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/vuedotjs')" role="img" aria-label="Vue.js"></span>
<span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/cloudflare')" role="img" <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/nextdotjs')" role="img" aria-label="Next JS"></span>
aria-label="Cloudflare"></span> <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/ejs')" role="img" aria-label="EJS"></span>
<span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/vercel')" role="img" <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/electron')" role="img" aria-label="Electron.js"></span>
aria-label="Vercel"></span>
<span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/bootstrap')" role="img" <!-- Frontend — Styling -->
aria-label="Bootstrap"></span> <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/tailwindcss')" role="img" aria-label="TailwindCSS"></span>
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/ejs')" role="img" <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/bootstrap')" role="img" aria-label="Bootstrap"></span>
aria-label="EJS"></span>
<span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/electron')" role="img" <!-- Backend -->
aria-label="Electron.js"></span> <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/nodedotjs')" role="img" aria-label="NodeJS"></span>
<span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/express')" role="img" <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/express')" role="img" aria-label="Express.js"></span>
aria-label="Express.js"></span> <span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/fastapi')" role="img" aria-label="FastAPI"></span>
<span class="tech-icon peach" style="--si:url('https://cdn.simpleicons.org/fastapi')" role="img" <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/jsonwebtokens')" role="img" aria-label="JWT"></span>
aria-label="FastAPI"></span> <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/wordpress')" role="img" aria-label="WordPress"></span>
<span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/insomnia')" role="img"
aria-label="Insomnia"></span> <!-- Databases -->
<span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/jsonwebtokens')" role="img" <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/postgresql')" role="img" aria-label="Postgres"></span>
aria-label="JWT"></span> <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/mysql')" role="img" aria-label="MySQL"></span>
<span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/npm')" role="img" <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/sqlite')" role="img" aria-label="SQLite"></span>
aria-label="NPM"></span> <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/redis')" role="img" aria-label="Redis"></span>
<span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/nextdotjs')" role="img"
aria-label="Next JS"></span> <!-- Package Managers & Build Tools -->
<span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/nodedotjs')" role="img" <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/npm')" role="img" aria-label="NPM"></span>
aria-label="NodeJS"></span> <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/pnpm')" role="img" aria-label="PNPM"></span>
<span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nodemon')" role="img" <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/vite')" role="img" aria-label="Vite"></span>
aria-label="Nodemon"></span> <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nodemon')" role="img" aria-label="Nodemon"></span>
<span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/pnpm')" role="img" <span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/gradle')" role="img" aria-label="Gradle"></span>
aria-label="PNPM"></span> <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/eslint')" role="img" aria-label="ESLint"></span>
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/react')" role="img"
aria-label="React"></span> <!-- Version Control & CI/CD -->
<span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/tailwindcss')" role="img" <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/git')" role="img" aria-label="Git"></span>
aria-label="TailwindCSS"></span> <span class="tech-icon sky" style="--si:url('https://cdn.simpleicons.org/github')" role="img" aria-label="GitHub"></span>
<span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/vite')" role="img" <span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/githubactions')" role="img" aria-label="GitHub Actions"></span>
aria-label="Vite"></span> <span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/gitea')" role="img" aria-label="Gitea"></span>
<span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/vuedotjs')" role="img"
aria-label="Vue.js"></span> <!-- Infrastructure & Deployment -->
<span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/wordpress')" role="img" <span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/docker')" role="img" aria-label="Docker"></span>
aria-label="WordPress"></span> <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nginx')" role="img" aria-label="Nginx"></span>
<span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/nginx')" role="img" <span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/cloudflare')" role="img" aria-label="Cloudflare"></span>
aria-label="Nginx"></span> <span class="tech-icon mauve" style="--si:url('https://cdn.simpleicons.org/vercel')" role="img" aria-label="Vercel"></span>
<span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/mysql')" role="img"
aria-label="MySQL"></span> <!-- Dev Tools & Utilities -->
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/sqlite')" role="img" <span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/vscodium')" role="img" aria-label="VSCodium"></span>
aria-label="SQLite"></span> <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/insomnia')" role="img" aria-label="Insomnia"></span>
<span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/postgresql')" role="img" <span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/ffmpeg')" role="img" aria-label="FFmpeg"></span>
aria-label="Postgres"></span> <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/inkscape')" role="img" aria-label="Inkscape"></span>
<span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/redis')" role="img"
aria-label="Redis"></span> <!-- Hardware / IoT -->
<span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/inkscape')" role="img" <span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/arduino')" role="img" aria-label="Arduino"></span>
aria-label="Inkscape"></span> <span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/raspberrypi')" role="img" aria-label="Raspberry Pi"></span>
<span class="tech-icon sky" style="--si:url('https://cdn.simpleicons.org/github')" role="img"
aria-label="GitHub"></span>
<span class="tech-icon maroon" style="--si:url('https://cdn.simpleicons.org/githubactions')" role="img"
aria-label="GitHub Actions"></span>
<span class="tech-icon sapphire" style="--si:url('https://cdn.simpleicons.org/git')" role="img"
aria-label="Git"></span>
<span class="tech-icon rosewater" style="--si:url('https://cdn.simpleicons.org/gitea')" role="img"
aria-label="Gitea"></span>
<span class="tech-icon pink" style="--si:url('https://cdn.simpleicons.org/arduino')" role="img"
aria-label="Arduino"></span>
<span class="tech-icon lavender" style="--si:url('https://cdn.simpleicons.org/docker')" role="img"
aria-label="Docker"></span>
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/eslint')" role="img"
aria-label="ESLint"></span>
<span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/ffmpeg')" role="img"
aria-label="FFmpeg"></span>
<span class="tech-icon green" style="--si:url('https://cdn.simpleicons.org/gradle')" role="img"
aria-label="Gradle"></span>
<span class="tech-icon red" style="--si:url('https://cdn.simpleicons.org/raspberrypi')" role="img"
aria-label="Raspberry Pi"></span>
<span class="tech-icon blue" style="--si:url('https://cdn.simpleicons.org/vscodium')" role="img"
aria-label="VSCodium"></span>
<span class="tech-icon teal" style="--si:url('https://cdn.simpleicons.org/css')" role="img"
aria-label="CSS"></span>
</section> </section>
</details> </details>