switch MS SQL with Springboot, some skill image style / alignment twe…

…aks version bump

package.json

@@ -1,6 +1,6 @@
 {
   "name": "portfolio",
-  "version": "1.06",
+  "version": "1.10",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",

src/app/constants/skills.ts

@@ -22,13 +22,13 @@ export const skillClassificationMappings: ISkillClassificationOpts[] = [
         },
       },
       {
-        label: 'MS SQL Server',
-        acquired_at: '2022-05-20',
+        label: 'Spring',
+        acquired_at: '2023-11-25',
         picture: {
           image: {
-            alt_text: 'MS SQL Server Logo',
+            alt_text: 'Spring Boot Logo',
             file: {
-              address: '/assets/images/skills/ms_sql_server_logo.png',
+              address: '/assets/images/skills/springboot_logo.png',
             },
           },
         },

src/app/modules/splash/skills/skill-classification/skill-item/skill-item.component.html

@@ -2,8 +2,9 @@
   <span class="skill-name">{{ skill.label }}</span>
   <p-image
     *ngIf="skill.picture?.image?.file?.address"
-    imageClass="skill-image"
-    [src]="skill.picture?.image?.file?.address || ''"
     [alt]="skill.picture?.image?.alt_text || ''"
+    [src]="skill.picture?.image?.file?.address || ''"
+    class="skill-image-wrapper"
+    imageClass="skill-image"
   ></p-image>
 </div>

src/app/modules/splash/skills/skill-classification/skill-item/skill-item.component.scss

@@ -6,19 +6,24 @@
 :host ::ng-deep .skill-item-container {
   display: flex;
   flex-flow: column nowrap;
-  justify-content: flex-start;
-  gap: 0.4em;
   align-items: center;
   width: 100%;
   height: 100%;
+
   .skill-name {
+    align-self: flex-start;
     margin: 0 auto;
     font-size: 1.4rem;
     text-align: center;
   }
 
-  .skill-image {
+  .skill-image-wrapper {
+    align-self: center;
     width: 100%;
     margin: auto 0;
+
+    .skill-image {
+      width: 100%;
+    }
   }
 }

src/app/services/education.service.ts

@@ -11,6 +11,5 @@ export class EducationService extends GenericService {
 
   constructor() {
     super();
-    console.log(this.degrees);
   }
 }

src/app/services/skills.service.ts

@@ -26,8 +26,6 @@ export class SkillsService extends GenericService {
       });
     });
 
-    console.log(classifications);
-
     return classifications;
   }