fix: performance

src/app/app.component.ts

@@ -7,5 +7,5 @@ import { RouterOutlet } from '@angular/router';
   templateUrl: './app.component.html',
 })
 export class AppComponent {
-  title: string = 'Angular-Portfolio-Seite';
+  title: string = 'Lechner Julian';
 }

src/app/home/home.component.ts

@@ -391,7 +391,7 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
         ? Number.POSITIVE_INFINITY
         : portfolioEyebrow.getBoundingClientRect().top + window.scrollY;
     const isMobileViewport: boolean = window.innerWidth <= 700;
-    const mobileRevealDistance: number = window.innerHeight / 25;
+    const mobileRevealDistance: number = window.innerHeight / 15;
     const triggerDistance: number = isMobileViewport
       ? mobileRevealDistance
       : Math.max(portfolioTriggerY, 1);

src/global.ts

@@ -74,27 +74,27 @@ export const global: Global = {
   ],
   portraitHighlights: [
     {
-      image: 'assets/portrait/me.png',
+      image: 'assets/optimized/portrait/me.webp',
       text: 'ME',
     },
     {
-      image: 'assets/portrait/love.jpg',
+      image: 'assets/optimized/portrait/love.webp',
       text: 'My Love',
     },
     {
-      image: 'assets/portrait/scuba.jpg',
+      image: 'assets/optimized/portrait/scuba.webp',
       text: 'Scuba Diving',
     },
     {
-      image: 'assets/portrait/trains.jpg',
+      image: 'assets/optimized/portrait/trains.webp',
       text: 'Trains',
     },
     {
-      image: 'assets/portrait/traveling.jpg',
+      image: 'assets/optimized/portrait/traveling.webp',
       text: 'Traveling',
     },
     {
-      image: 'assets/portrait/culture.jpg',
+      image: 'assets/optimized/portrait/culture.webp',
       text: 'Culture',
     },
   ],
@@ -105,7 +105,7 @@ export const global: Global = {
       description:
         'I currently work primarily for the viennese company SobIT GmbH. This company develops software for the healthcare industry. - Development of modern desktop, mobile, and web applications to support healthcare delivery.',
       languages: ['TypeScript', 'C#', 'WPF', 'YML', 'XAML'],
-      icon: 'assets/logos/sobit.png',
+      icon: 'assets/optimized/logos/sobit.webp',
       CircleIcon: false,
     },
     {

src/index.html

@@ -5,7 +5,7 @@
     <meta charset="utf-8" />
     <base href="/" />
 
-    <link rel="icon" type="image/png" href="assets/portrait/me.png" />
+    <link rel="icon" type="image/webp" href="assets/optimized/portrait/me.webp" />
     <title>Lechner Julian</title>
   </head>
   <body>

src/styles.scss

@@ -50,7 +50,7 @@ body {
     radial-gradient(circle at top left, rgba(217, 162, 140, 0.22), transparent 26%),
     radial-gradient(circle at bottom right, rgba(127, 78, 63, 0.28), transparent 28%),
     linear-gradient(180deg, rgba(9, 9, 12, 0.4), rgba(8, 8, 11, 0.82)),
-    url('assets/background.jpg') center / cover fixed no-repeat;
+    url('assets/optimized/background.webp') center / cover fixed no-repeat;
 }
 
 a {
@@ -916,6 +916,8 @@ hr {
 
 .footer-inner a {
   color: var(--text-primary);
+  margin-left: auto;
+  text-align: right;
 }
 
 @media (max-width: 900px) {
@@ -1009,8 +1011,8 @@ hr {
   }
 
   .footer-inner {
-    flex-direction: column;
-    align-items: flex-start;
+    flex-direction: row;
+    align-items: center;
   }
 
   .project-icon {