Piet Ostendorp
7549061fba
Introduced Header2Component with a new design, external resource links, and a loading progress bar. Added LoadingService to manage loading state and integrated it into the schedule component. Updated main layout to use the new header and included related assets for external links. Changed API base URL in HttpService to use the production endpoint.
36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<header>
|
|
<div class="header px-8 py-4 shadow-md">
|
|
<a routerLink="/" class="flex items-center space-x-4 hover:opacity-80 transition">
|
|
<img src="assets/logo.png" class="h-10 w-10 transform scale-175 translate-y-0.25" />
|
|
<h1 class="text-3xl font-semibold tracking-wide">InfiniMotion</h1>
|
|
</a>
|
|
|
|
<div class="absolute left-1/2 transform -translate-x-1/2 text-center">
|
|
<h2 class="text-3xl font-bold animate-fadeUp-delay bg-gradient-to-r from-indigo-500 to-pink-600 bg-clip-text text-transparent">
|
|
Absolut war gestern, Bewegung ist heute!
|
|
</h2>
|
|
</div>
|
|
|
|
<div class="flex items-center space-x-4">
|
|
<a href="https://git.infinimotion.de" target="_blank" rel="noopener noreferrer">
|
|
<img src="assets/logo-gitea.png" class="redirect-img hover:scale-110 transition" />
|
|
</a>
|
|
<a href="https://infinimotion.de/api/swagger" target="_blank" rel="noopener noreferrer">
|
|
<img src="assets/logo-quarkus.png" class="redirect-img hover:scale-110 transition" />
|
|
</a>
|
|
<a href="https://rc.infinimotion.de" target="_blank" rel="noopener noreferrer">
|
|
<img src="assets/logo-redpanda.jpeg" class="redirect-img hover:scale-110 transition border-orange-600 border-3" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
@if (loading$ | async) {
|
|
<mat-progress-bar
|
|
mode="indeterminate"
|
|
class="h-1 w-full"
|
|
></mat-progress-bar>
|
|
} @else {
|
|
<div class="h-1"></div>
|
|
}
|
|
</header>
|