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>
-        <mat-chip-set aria-label="Primary skills">
-          @for (s of primarySkills; track s) {
+        <h3>{{ 'ABOUT.SECTION.BACKEND_ARCH' | translate }}</h3>
+        <mat-chip-set aria-label="Backend and Architecture">
+          @for (s of skillsArchitecture; track s) {
           <mat-chip>{{ s | translate }}</mat-chip>
           }
         </mat-chip-set>
       </div>
 
       <div>
-        <h3>{{ 'ABOUT.SECTION.TOOLSET' | translate }}</h3>
-        <mat-chip-set aria-label="Toolset">
-          @for (t of toolset; track t) {
-          <mat-chip>{{ t | translate }}</mat-chip>
+        <h3>{{ 'ABOUT.SECTION.INFRA_CLOUD' | translate }}</h3>
+        <mat-chip-set aria-label="Infrastructure and Cloud">
+          @for (s of skillsCore; track s) {
+          <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.UNITY',
-    'ABOUT.SKILLS.PYTHON',
+    'ABOUT.SKILLS.TYPESCRIPT',
     'ABOUT.SKILLS.CSHARP',
-    'ABOUT.SKILLS.TYPESCRIPT'
+    'ABOUT.SKILLS.PYTHON'
   ];
 
-  toolset = [
-    'ABOUT.TOOLS.GIT',
-    'ABOUT.TOOLS.GITHUB',
-    'ABOUT.TOOLS.GITLAB',
-    'ABOUT.TOOLS.JENKINS',
+  skillsArchitecture = [
+    'ABOUT.SKILLS.ARCH_MICROSERVICES',
+    'ABOUT.SKILLS.ARCH_CLOUD',
+    'ABOUT.TOOLS.DOCKER',
     'ABOUT.TOOLS.K8S',
-    'ABOUT.TOOLS.POSTGRES',
-    'ABOUT.TOOLS.MONGO',
-    'ABOUT.TOOLS.GRAFANA',
+    'ABOUT.TOOLS.JENKINS',
+    'ABOUT.TOOLS.POSTGRES'
+  ];
+
+  skillsEngineering = [
+    'ABOUT.SKILLS.ENG_ALGO',
+    'ABOUT.SKILLS.ENG_SIM',
+    'ABOUT.SKILLS.ENG_GPU',
+    'ABOUT.SKILLS.UNITY',
+    'ABOUT.SKILLS.ENG_PERF'
   ];
 
   protected readonly UrlConstants = UrlConstants;