Refactor footer and home components; update image formats and improve text descriptions

package.json

@@ -5,11 +5,10 @@
     "dev": "ng serve",
     "test": "ng test",
     "clean": "del-cli dist && echo SUCCEED CLEAN",
-    "compress-images": "imagemin \"public/**/*.{png,jpg,jpeg,ico,webp}\" --plugin.optipng.optimizationLevel=1 --plugin=jpegtran --plugin.webp.lossless=true --out-dir=public",
     "updatePackageVersions": "ng update @angular/cli @angular/core && ng update && npm update",
     "updateProjectVersion": "npm version patch --no-git-tag-version && echo SUCCEED UPDATE VERSION",
     "buildDevelopment": "npm run clean && npm run compress-images && ng build --configuration development && echo SUCCEED DEV BUILD && npm run updateProjectVersion",
-    "buildProduction": "npm run clean && npm run compress-images && ng build --configuration production && echo SUCCEED PROD BUILD && npm run updateProjectVersion",
+    "buildProduction": "npm run clean && ng build --configuration production && echo SUCCEED PROD BUILD && npm run updateProjectVersion",
     "start": "node dist/server/server.mjs"
   },
   "private": true,
@@ -46,12 +45,6 @@
     "@types/node": "^18.18.0",
     "@types/showdown": "^2.0.6",
     "del-cli": "^6.0.0",
-    "imagemin-cli": "^8.0.0",
-    "imagemin-jpegtran": "^8.0.0",
-    "imagemin-mozjpeg": "^10.0.0",
-    "imagemin-optipng": "^8.0.0",
-    "imagemin-pngquant": "^10.0.0",
-    "imagemin-webp": "^8.0.0",
     "jasmine-core": "~5.6.0",
     "karma": "~6.4.0",
     "karma-chrome-launcher": "~3.2.0",

src/app/footer/footer.component.spec.ts

@@ -1,23 +1,23 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
+import {ComponentFixture, TestBed} from '@angular/core/testing';
 
-import { FooterComponent } from './footer.component';
+import {FooterComponent} from './footer.component';
 
-describe('FooterComponent', () => {
+describe('FooterComponent', (): void => {
   let component: FooterComponent;
   let fixture: ComponentFixture<FooterComponent>;
 
-  beforeEach(async () => {
+  beforeEach(async (): Promise<void> => {
     await TestBed.configureTestingModule({
       imports: [FooterComponent]
     })
-    .compileComponents();
+      .compileComponents();
 
     fixture = TestBed.createComponent(FooterComponent);
     component = fixture.componentInstance;
     fixture.detectChanges();
   });
 
-  it('should create', () => {
+  it('should create', (): void => {
     expect(component).toBeTruthy();
   });
 });

src/app/home/home.component.html

@@ -1,7 +1,8 @@
 <section class="container">
   <div class="card profile">
 
-    <img ngSrc="Logo.png" (click)="openInfo()" priority width="200" height="200" fetchpriority="high" alt="profile picture"/>
+    <img ngSrc="Logo.webp" (click)="openStalkerInfo()" priority width="200" height="200" fetchpriority="high"
+         alt="profile picture"/>
     <h1>Hallo! 👋 I'm {{ globalFields.firstname }} {{ globalFields.lastname }}!</h1>
     <h3>📍 Austria, Vienna</h3>
 
@@ -14,7 +15,7 @@
 
         <a>
           <u>
-            <h3>A young enthusiastic developer from Austria!</h3>
+            <h3>A motivated young full-stack software developer from Austria.</h3>
           </u>
         </a>
 
@@ -26,21 +27,20 @@
       <p>
         My name is {{ globalFields.firstname }}, many people also call me Julie. I'm {{ age }} years old and come from
         beautiful Austria.
-        I spend most of my time in trains.
+        I travel extensively within Austria, so I spend a great deal of my time on trains.
         <br/>
         <br/>
-        My biggest hobby apart from software development is diving. Floating in deep water and only thinking
+        My biggest hobby apart from software development is scuba diving. Floating in deep water and only thinking
         about the here and now always brings me back to the depths. I try to practice this hobby as often as
         possible for fun and my health.
         <br/>
         <br/>
         I currently work mainly for the Viennese company SobIT Gmbh. This company develops software for most
-        care companies in Austria, both for staff scheduling and for patient registration.
+        care companies in Austria. - A universal management tool for the care sector.
         <br/>
         <br/>
-        I also work for a company called GERLACH SYSTEMS, which is the owner of the SynRadio and SynHost
-        projects. Their main business is the rental of servers, domains, web servers, game servers, etc. at
-        various locations.
+        I also work as a freelancer for various associations, companies, and private clients. The software sector is in
+        high demand, and I’m fully immersed in planning, programming, and delivering custom solutions upon request.
         <br/>
         <br/>
         <a [href]="contactSafeMail">

src/app/home/home.component.spec.ts

@@ -6,7 +6,7 @@ describe('HomeComponent', (): void => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
-  beforeEach(async () => {
+  beforeEach(async (): Promise<void> => {
     await TestBed.configureTestingModule({
       imports: [HomeComponent]
     })

src/app/home/home.component.ts

@@ -79,7 +79,7 @@ export class HomeComponent implements OnInit, OnDestroy {
 
   protected readonly contactSafeMail: SafeUrl;
 
-  protected readonly personalInformation: string = 'You found an easter egg, why are you here!?!\nYou want to know more personal things about me? - Then you will find your information here!:';
+  protected readonly personalInformation: string = 'You found an easter egg, why are you here!?!\nYou want to know more personal things about me? - Then you will find your information here!:\nI am currently building an independent foundation for my financial freedom. I am establishing my own software company specializing in client-based projects.\nMy motto, “No stress in life,” guides me to avoid unnecessary pressure.\nI identify as pansexual, meaning I am attracted to individuals regardless of their gender. - I am in a committed relationship. (I have been a man since the very beginning of my life.)';
   readonly bioTextsList: string[] = [
     'C#',
     '.NET',
@@ -144,7 +144,7 @@ export class HomeComponent implements OnInit, OnDestroy {
   ngOnDestroy(): void {
     this.sub.unsubscribe();
   }
-  openInfo(): void {
+  openStalkerInfo(): void {
     this.dialog.open(StalkerComponent, {
       width: '420px',
       data: { message: this.personalInformation }

src/styles.scss

@@ -30,7 +30,7 @@
   --scroll-width: 6px;
   --scroll-thumb-bg: Red;
   --scroll-track-bg: transparent;
-  --background-image: url("../public/Background.png");
+  --background-image: url("../public/Background.webp");
   --blur-small: 25px;
   --blur-large: 180px;
   --shadow-y: 4px;