Merge pull request #64 from lynkos/feature/skills

Refactor Browser/Skills section

Author: lynkos

assets/stylesheets/sass/components/browser.sass

@@ -115,6 +115,8 @@ $header-color: rgb(56, 58, 55)
         margin: 0 0.25rem
 
     .section
+      --dragging-cursor: #{vars.$handgrabbing-cursor}
+
       &:not(:last-of-type)
         padding-bottom: vars.$padding-2x
 
@@ -126,8 +128,6 @@ $header-color: rgb(56, 58, 55)
         border-radius: calc(vars.$border-radius * 1.5)
 
       .skill-entry
-        --dragging-cursor: #{vars.$handgrabbing-cursor}
-        
         border: vars.$border-thickness solid rgba(255, 255, 255, 0.1)
 
         &:not(:last-child)
@@ -219,328 +219,33 @@ $header-color: rgb(56, 58, 55)
       .rotate90
         transform: rotate(90deg)
 
-      #html
-        color: #E34F26
-
-      #java
-        color: #f89820
-
-      #python
-        color: #3776AB
-
-      #css
-        color: #663399
-
-      #jquery
-        color: #0769AD
-
-      #javascript
-        color: #F7DF1E
-
-      #typescript
-        color: #3178C6
-
-      #c
-        color: #A8B9CC
-
-      #cpp
-        color: #00599C
-
-      #latex
-        color: #008080
-      
-      #json, #markdown, #copilot, #ollama, #intellij, #pycharm, #webstorm, #iterm
-        // Actual logo color is black (#000), but using
-        // white (#FFF) so it's visible on dark bg
-        color: #FFFFFF
-      
-      #yaml
-        color: #CB171E
-
-      #terraform
-        color: #623CE4
-
-      #uml
-        color: #FABD14
-
-      #r
-        color: #276DC3
-
-      #jinja
-        color: #B41717
-
-      #mysql
-        color: #4479A1
-
-      #git
-        color: #F05032
-
-      #github
-        color: #181717
-
-      #bash
-        color: #4EAA25
-
-      #confluence
-        color: #172B4D
-      
-      #docker
-        color: #2496ED
-      
-      #jira
-        color: #0052CC
-
-      #vim
-        color: #019733
-      
-      #jupyter
-        color: #F37626
-
-      #conda
-        color: #44A833
-
-      #vmware
-        color: #607078
-
-      #grafana
-        color: #F46800
-
-      #qiskit
-        color: #6929C4
-
-      #numpy
-        color: #013243
-
-      #pytorch
-        color: #EE4C2C
-      
-      #tensorflow
-        color: #FF6F00
-
-      #keras
-        color: #D00000
-      
-      #maven
-        color: #C71A36
-
-      #junit
-        color: #25A162
-      
-      #sass
-        color: #CC6699
-
-      #roboflow
-        color: #6706CE
-      
-      #arduino
-        color: #00979D
-
-      #espressif
-        color: #EF3D25
-      
-      #platformio
-        color: #FE7A16
-      
-      #colab
-        color: #F9AB00
-      
-      #opencv
-        color: #5C3EE8
-
-      #swift
-        color: #F05138
-
-      #claude
-        color: #D97757
-
-      #chatgpt
-        color: #412991
-
-      #ubuntu
-        color: #E95420
-
-      #windows
-        color: #00A4EF
-
-      #fsharp
-        color: #378BBA
-
-      #hf
-        color: #FFD21E
-
-      #wine
-        color: #800000
-
-      #gemini
-        color: #8E75B2
-
-      #cmake
-        color: #064F8C
-
-      #make
-        color: #6D00CC
-
-      #mlx, #macos
-        color: #D4D4D4
-
-      #llama
-        color: #0467DF
-
-      #llvm
-        color: #262D3A
-
-      #jekyll
-        color: #CC0000
-
       #llamacpp
-        color: #FF8236
-
         svg
           fill: #FF8236
 
-      #zsh
-        color: #F15A24
-
-      #wireshark
-        color: #1679A7
-
       #deepseek
-        color: #4D6BFE
-
         svg
           fill: #4D6BFE
 
-      #oci
-        color: #C74634
-
+      #oraclecloud
         svg
           fill: #C74634
 
-      #cloudflare
-        color: #F38020
-
-      #bitwarden
-        color: #175DDC
-
-      #nodejs
-        color: #5FA04E
-
-      #nodemon
-        color: #76D04B
-
-      #babel
-        color: #F9DC3E
-
-      #xcode
-        color: #147EFB
-
-      #githubactions
-        color: #2088FF
-
-      #githubpages
-        color: #222
-
-      #homebrew
-        color: #FBB040
-
-      #obsidian
-        color: #7C3AED
-
-      #sympy
-        color: #3B5526
-
-      #prometheus
-        color: #E6522C
-
-      #yubico
-        color: #84BD00
-
-      #sqlite
-        color: #003B57
-
-      #mermaid
-        color: #FF3670
-
-      #firebase
-        color: #DD2C00
-
-      #ruby
-        color: #CC342D
-
-      #gcp
-        color: #4285F4
-
-      #bitbucket
-        color: #0052CC
-
-      #ms-office
-        color: #eb3c00
-        
+      #microsoftoffice
         svg
           fill: #eb3c00
 
-      #openssh
-        color: #F2CA30
-
-      #openssl
-        color: #721412
-
       #sql
-        color: #df6c20
-
         svg
           ellipse, path
             fill: none
             stroke: #df6c20
             stroke-width: 15
 
-      #xml
-        color: #005FAD
-
-      #drawio
-        color: #F08705
-
       #mockito
-        color: #1fad4b
-
         svg g
           fill: #1fad4b
 
-      #loom
-        color: #625DF5
-
-      #atlassian
-        color: #0052CC
-
-      #zoom
-        color: #0B5CFF
-
-      #nuxt
-        color: #00DC82
-
-      #yolo
-        color: #111F68
-
-      #spring, #springboot
-        color: #6DB33F
-
-      #vscode
-        color: #007ACC
-
+      #visualstudiocode
         svg
-          fill: #007ACC
-
-      #eclipse
-        color: #2C2255
-
-      #sublime
-        color: #FF9800
-
-      #linux
-        color: #FCC624
-      
-      #filezilla
-        color: #BF0000
-
-      #perplexity
-        color: #1FB8CD
+          fill: #007ACC