From 155b2bd77bb1d3c70a0792d12f672fd5dff3e595 Mon Sep 17 00:00:00 2001
From: ari <ari@noreply.localhost>
Date: Mon, 15 Jun 2026 03:26:49 +0200
Subject: [PATCH] Ordered tech stack in a way that makes sense lol

---
 dev-info/index.html | 156 +++++++++++++++++++-------------------------
 1 file changed, 66 insertions(+), 90 deletions(-)

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