upd taxonomies

public/css/skills.css

@@ -1,18 +1,39 @@
-.skills-list i {
-  margin-right: 8px;
+.skills {
+  margin-bottom: 3rem;
 }
 
-.skills-list ul {
-  list-style-type: none;
-  padding-left: 0;
+.skills-title {
+  font-size: 2rem;
+  font-weight: 700;
+  margin-bottom: 1.5rem;
 }
 
-.skills-list li {
+.skills-subtitle {
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #444;
+  margin-top: 2rem;
+  margin-bottom: 0.5rem;
+}
+
+.skills-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
   display: flex;
-  align-items: center;
-  margin-bottom: 10px;
+  flex-wrap: wrap;
+  gap: 0.75rem 1.5rem;
 }
 
-.skills-list li i {
-  font-size: 1.2em;
+.skills-item {
+  display: inline-flex;
+  align-items: center;
+  font-size: 1rem;
+  color: #666;
+}
+
+.skills-item i {
+  margin-right: 0.3rem;
+  font-size: 1rem;
+  opacity: 0.7;
 }

public/data/skills.json

@@ -0,0 +1,30 @@
+[
+  {
+    "grouping": "Languages, Operating Systems & Tools",
+    "skills": [
+      { "name": "Cplusplus", "icon": "fa-solid fa-c" },
+      { "name": "Rust", "icon": "fab fa-rust" },
+      { "name": "Java", "icon": "fab fa-java" },
+      { "name": "Python", "icon": "fab fa-python" },
+      { "name": "git", "icon": "fas fa-code-branch" },
+      { "name": "linux", "icon": "fab fa-linux" },
+      { "name": "bash", "icon": "fas fa-terminal" },
+      { "name": "javascript", "icon": "fab fa-js" }
+    ]
+  },
+  {
+    "grouping": "Platform Development & Administration",
+    "skills": [
+      { "name": "NGINX", "icon": "fas fa-server" },
+      { "name": "MySQL", "icon": "fas fa-database" },
+      { "name": "Slurm", "icon": "fas fa-project-diagram" }
+    ]
+  },
+  {
+    "grouping": "Containers & Cloud",
+    "skills": [
+      { "name": "Docker", "icon": "fab fa-docker" },
+      { "name": "Aliyun", "icon": "fas fa-cloud" }
+    ]
+  }
+]