Cleaned and focused about page

src/app/pages/about/about.component.html

@@ -41,19 +41,28 @@
     <h2>{{ 'ABOUT.SECTION.SKILLS' | translate }}</h2>
     <div class="chip-groups">
       <div>
-        <h3>{{ 'ABOUT.SECTION.PRIMARY' | translate }}</h3>
+        <h3>{{ 'ABOUT.SECTION.BACKEND_ARCH' | translate }}</h3>
-        <mat-chip-set aria-label="Primary skills">
+        <mat-chip-set aria-label="Backend and Architecture">
-          @for (s of primarySkills; track s) {
+          @for (s of skillsArchitecture; track s) {
           <mat-chip>{{ s | translate }}</mat-chip>
           }
         </mat-chip-set>
       </div>
 
       <div>
-        <h3>{{ 'ABOUT.SECTION.TOOLSET' | translate }}</h3>
+        <h3>{{ 'ABOUT.SECTION.INFRA_CLOUD' | translate }}</h3>
-        <mat-chip-set aria-label="Toolset">
+        <mat-chip-set aria-label="Infrastructure and Cloud">
-          @for (t of toolset; track t) {
+          @for (s of skillsCore; track s) {
-          <mat-chip>{{ t | translate }}</mat-chip>
+          <mat-chip>{{ s | translate }}</mat-chip>
+          }
+        </mat-chip-set>
+      </div>
+
+      <div>
+        <h3>{{ 'ABOUT.SECTION.SIM_ALGO' | translate }}</h3>
+        <mat-chip-set aria-label="Simulation and Algorithms">
+          @for (s of skillsEngineering; track s) {
+          <mat-chip>{{ s | translate }}</mat-chip>
           }
         </mat-chip-set>
       </div>

src/app/pages/about/about.component.ts

@@ -126,26 +126,30 @@ export class AboutComponent {
     }
   ]
 
-  primarySkills = [
+  skillsCore = [
     'ABOUT.SKILLS.JAVA',
     'ABOUT.SKILLS.SPRING',
     'ABOUT.SKILLS.ANGULAR',
-    'ABOUT.SKILLS.DOCKER',
+    'ABOUT.SKILLS.TYPESCRIPT',
-    'ABOUT.SKILLS.UNITY',
-    'ABOUT.SKILLS.PYTHON',
     'ABOUT.SKILLS.CSHARP',
-    'ABOUT.SKILLS.TYPESCRIPT'
+    'ABOUT.SKILLS.PYTHON'
   ];
 
-  toolset = [
+  skillsArchitecture = [
-    'ABOUT.TOOLS.GIT',
+    'ABOUT.SKILLS.ARCH_MICROSERVICES',
-    'ABOUT.TOOLS.GITHUB',
+    'ABOUT.SKILLS.ARCH_CLOUD',
-    'ABOUT.TOOLS.GITLAB',
+    'ABOUT.TOOLS.DOCKER',
-    'ABOUT.TOOLS.JENKINS',
     'ABOUT.TOOLS.K8S',
-    'ABOUT.TOOLS.POSTGRES',
+    'ABOUT.TOOLS.JENKINS',
-    'ABOUT.TOOLS.MONGO',
+    'ABOUT.TOOLS.POSTGRES'
-    'ABOUT.TOOLS.GRAFANA',
+  ];
+
+  skillsEngineering = [
+    'ABOUT.SKILLS.ENG_ALGO',
+    'ABOUT.SKILLS.ENG_SIM',
+    'ABOUT.SKILLS.ENG_GPU',
+    'ABOUT.SKILLS.UNITY',
+    'ABOUT.SKILLS.ENG_PERF'
   ];
 
   protected readonly UrlConstants = UrlConstants;

src/assets/i18n/de.json

@@ -25,21 +25,28 @@
     "CONTACT_ME": "Kontaktiere mich",
     "SECTION": {
       "SKILLS": "Fähigkeiten & Stack",
-      "PRIMARY": "Schwerpunkte",
+      "BACKEND_ARCH": "Backend & Architektur",
-      "TOOLSET": "Toolset",
+      "INFRA_CLOUD": "Infrastruktur & Cloud",
+      "SIM_ALGO": "Simulation & Algorithmen",
       "EXPERIENCE": "Erfahrung",
       "PROJECTS": "Projekte",
       "EDUCATION": "Ausbildung"
     },
     "SKILLS": {
-      "JAVA": "Java 8/Java 21+",
+      "JAVA": "Java 8/21+",
       "SPRING": "Spring Boot 2/3",
-      "ANGULAR": "Angular 20+",
+      "ANGULAR": "Angular 19+",
       "DOCKER": "Docker",
       "UNITY": "Unity",
       "PYTHON": "Python",
       "CSHARP": "C#",
-      "TYPESCRIPT": "TypeScript"
+      "TYPESCRIPT": "TypeScript",
+      "ARCH_MICROSERVICES": "Microservices",
+      "ARCH_CLOUD": "Cloud Architecture",
+      "ENG_ALGO": "Algorithm Design",
+      "ENG_SIM": "3D Simulation",
+      "ENG_GPU": "WebGPU / OpenGL / GLSL",
+      "ENG_PERF": "Performance Optimization"
     },
     "TOOLS": {
       "GIT": "Git",
@@ -49,7 +56,8 @@
       "K8S": "Kubernetes / k3d",
       "POSTGRES": "PostgreSQL",
       "MONGO": "MongoDB",
-      "GRAFANA": "Grafana/Prometheus"
+      "GRAFANA": "Grafana/Prometheus",
+      "DOCKER": "Docker"
     },
     "XP": {
       "COMPANY8": {

src/assets/i18n/en.json

@@ -32,14 +32,20 @@
       "EDUCATION": "Education"
     },
     "SKILLS": {
-      "JAVA": "Java 8/Java 21+",
+      "JAVA": "Java 8/21+",
       "SPRING": "Spring Boot 2/3",
-      "ANGULAR": "Angular 20+",
+      "ANGULAR": "Angular 19+",
       "DOCKER": "Docker",
       "UNITY": "Unity",
       "PYTHON": "Python",
       "CSHARP": "C#",
-      "TYPESCRIPT": "TypeScript"
+      "TYPESCRIPT": "TypeScript",
+      "ARCH_MICROSERVICES": "Microservices",
+      "ARCH_CLOUD": "Cloud Architecture",
+      "ENG_ALGO": "Algorithm Design",
+      "ENG_SIM": "3D Simulation",
+      "ENG_GPU": "WebGPU / OpenGL / GLSL",
+      "ENG_PERF": "Performance Optimization"
     },
     "TOOLS": {
       "GIT": "Git",
@@ -49,7 +55,8 @@
       "K8S": "Kubernetes / k3d",
       "POSTGRES": "PostgreSQL",
       "MONGO": "MongoDB",
-      "GRAFANA": "Grafana/Prometheus"
+      "GRAFANA": "Grafana/Prometheus",
+      "DOCKER": "Docker"
     },
     "XP": {
       "COMPANY8": {