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:
15
src/app/home/home.component.css
Normal file
15
src/app/home/home.component.css
Normal 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; }
|
||||
25
src/app/home/home.component.html
Normal file
25
src/app/home/home.component.html
Normal 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>
|
||||
© 2025 Marcel Anker, Lennart Heinrich, Piet Ostendorp, Kevin Szarafin
|
||||
</div>
|
||||
|
||||
</div>
|
||||
11
src/app/home/home.component.ts
Normal file
11
src/app/home/home.component.ts
Normal 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 {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user