fix: performance
@@ -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';
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
|
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
|
Before Width: | Height: | Size: 5.0 MiB After Width: | Height: | Size: 5.0 MiB |
|
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 2.2 MiB |
|
Before Width: | Height: | Size: 809 KiB After Width: | Height: | Size: 809 KiB |
|
Before Width: | Height: | Size: 212 KiB After Width: | Height: | Size: 212 KiB |
|
Before Width: | Height: | Size: 9.2 MiB After Width: | Height: | Size: 9.2 MiB |
|
Before Width: | Height: | Size: 180 KiB After Width: | Height: | Size: 180 KiB |
@@ -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,
|
||||
},
|
||||
{
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||