feat: reworked portfolio

src/app/footer/footer.component.html

@@ -1,16 +1,14 @@
 <noscript>
-  <div class="container">
-    <div class="card">
-      <h2 id="loading-text" class="warning-text">
-        Enable javascript for the full experience!
-      </h2>
+  <div class="page-shell footer-shell">
+    <div class="panel noscript-panel">
+      <h2 id="loading-text" class="warning-text">Enable JavaScript for the full experience.</h2>
     </div>
   </div>
 </noscript>
 
-<footer>
-  <p>
-    <a routerLink="/imprint">IMPRINT</a> | &copy; 2023
-    - {{ currentYear }} {{ globalFields.firstname }} {{ globalFields.lastname }} - All rights reserved.
-  </p>
+<footer class="site-footer">
+  <div class="footer-inner">
+    <p>&copy; 2023 - {{ currentYear }} {{ global.firstname }} {{ global.lastname }}</p>
+    <a routerLink="/imprint">Imprint</a>
+  </div>
 </footer>

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

@@ -1,6 +1,7 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
+import type { ComponentFixture } from '@angular/core/testing';
+import { TestBed } from '@angular/core/testing';
 
-import {FooterComponent} from './footer.component';
+import { FooterComponent } from './footer.component';
 
 describe('FooterComponent', (): void => {
   let component: FooterComponent;
@@ -8,9 +9,8 @@ describe('FooterComponent', (): void => {
 
   beforeEach(async (): Promise<void> => {
     await TestBed.configureTestingModule({
-      imports: [FooterComponent]
-    })
-      .compileComponents();
+      imports: [FooterComponent],
+    }).compileComponents();
 
     fixture = TestBed.createComponent(FooterComponent);
     component = fixture.componentInstance;

src/app/footer/footer.component.ts

@@ -1,16 +1,14 @@
-import {Component} from '@angular/core';
-import {RouterLink} from "@angular/router";
-import {globalFields} from '../../global.fields';
+import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import type { Global } from '../../global.fields';
+import { global } from '../../global.fields';
 
 @Component({
   selector: 'app-footer',
-  imports: [
-    RouterLink
-  ],
-  templateUrl: './footer.component.html'
+  imports: [RouterLink],
+  templateUrl: './footer.component.html',
 })
 export class FooterComponent {
-  protected readonly globalFields: typeof globalFields = globalFields;
-
+  protected readonly global: Global = global;
   protected readonly currentYear: number = new Date().getFullYear();
 }