Refactor layout and add header, navbar, schedule components

Introduced MainLayoutComponent with header and navbar for consistent app layout. Added HeaderComponent, NavbarComponent, ScheduleComponent, and MainComponent. Updated routing to use MainLayout for main and schedule pages. Renamed home-component to home and main-page to main, removing obsolete main-page files.
This commit is contained in:
2025-10-26 02:16:08 +02:00
parent ad23d48ff1
commit 939ef4190e
22 changed files with 150 additions and 22 deletions

View File

@@ -0,0 +1,15 @@
@keyframes fadeUp {
0% { opacity: 0; transform: translateY(20px); }
100% { opacity: 1; transform: translateY(0); }
}
.animate-fadeUp { animation: fadeUp 1s ease forwards; }
.animate-fadeUp-delay { animation: fadeUp 1s 0.2s ease forwards; opacity: 0; }
@keyframes fade {
0% { opacity: 0;}
100% { opacity: 1;}
}
.animate-fade-logo { animation: fade 1.5s 0.5s ease forwards; opacity: 0; }

View File

@@ -0,0 +1,25 @@
<div class="relative w-screen h-screen overflow-hidden flex items-center justify-center">
<div class="absolute -top-140 -left-120 w-[800px] h-[800px] bg-indigo-500/50 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
<div class="absolute -bottom-140 -right-120 w-[800px] h-[800px] bg-pink-600/40 rounded-full filter blur-[250px] pointer-events-none animate-fadeUp-delay"></div>
<div class="content">
<div class="flex items-center justify-center">
<div>
<img src="assets/logo.png" class="w-48 h-48 animate-fade-logo">
</div>
<div class="text-left flex flex-col justify-center">
<h1 class="text-6xl font-bold animate-fadeUp">InfiniMotion</h1>
<h2 class="text-4xl 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>
</div>
<div class="absolute bottom-5 left-5 text-gray-400 z-10">
Informationsinfrastrukturen Unit 2 - FHDW Hannover
<br>
&copy; 2025 Marcel Anker, Lennart Heinrich, Piet Ostendorp, Kevin Szarafin
</div>
</div>

View File

@@ -0,0 +1,11 @@
import { Component } from '@angular/core';
@Component({
selector: 'app-home',
standalone: false,
templateUrl: './home.component.html',
styleUrl: './home.component.css'
})
export class HomeComponent {
}