Compare commits
No commits in common. "002ddd6dbe27e73bf6b49cdca093d82ec0179c5e" and "ab9598950a4cb975b1625e46044c5b8604902a62" have entirely different histories.
002ddd6dbe
...
ab9598950a
@ -1,13 +1,6 @@
|
|||||||
import { Routes } from '@angular/router';
|
import { Routes } from '@angular/router';
|
||||||
import {LandingPageComponent} from "./landing-page/landing-page.component";
|
import {LandingPageComponent} from "./landing-page/landing-page.component";
|
||||||
import {HomepageComponent} from "./homepage/homepage/homepage.component";
|
|
||||||
|
|
||||||
export const routes: Routes = [
|
export const routes: Routes = [
|
||||||
{
|
|
||||||
path: 'home',
|
|
||||||
component: HomepageComponent
|
|
||||||
},
|
|
||||||
|
|
||||||
{ path: '', component: LandingPageComponent }
|
{ path: '', component: LandingPageComponent }
|
||||||
];
|
];
|
||||||
|
|
||||||
|
@ -1,34 +0,0 @@
|
|||||||
|
|
||||||
<nav class="bg-black border-b border-amber-600/30 sticky top-0 z-50">
|
|
||||||
<div class="container mx-auto px-4 py-3 flex justify-between items-center">
|
|
||||||
<!-- logo goes here -->
|
|
||||||
<div class="flex gap-4">
|
|
||||||
<button class="btn-primary">
|
|
||||||
Ausloggen
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<button class="btn-primary">
|
|
||||||
Benutzer
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-3">
|
|
||||||
<div class="w-1/3 h-1/4">
|
|
||||||
<p>Spiel Vorschau</p>
|
|
||||||
<p>Spiel Name</p>
|
|
||||||
<button type="button" class="btn-primary">Jetzt spielen</button>
|
|
||||||
</div>
|
|
||||||
<div class="w-1/3 h-1/4">
|
|
||||||
<p>Spiel Vorschau</p>
|
|
||||||
<p>Spiel Name</p>
|
|
||||||
<button type="button" class="btn-primary">Jetzt spielen</button>
|
|
||||||
</div>
|
|
||||||
<div class="w-1/3 h-1/4">
|
|
||||||
<p>Spiel Vorschau</p>
|
|
||||||
<p>Spiel Name</p>
|
|
||||||
<button type="button" class="btn-primary">Jetzt spielen</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
@ -1,12 +0,0 @@
|
|||||||
import {ChangeDetectionStrategy, Component} from '@angular/core';
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'app-homepage',
|
|
||||||
standalone: true,
|
|
||||||
imports: [],
|
|
||||||
templateUrl: './homepage.component.html',
|
|
||||||
changeDetection: ChangeDetectionStrategy.OnPush
|
|
||||||
})
|
|
||||||
export class HomepageComponent {
|
|
||||||
|
|
||||||
}
|
|
@ -1,10 +1 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
|
|
||||||
.btn-primary {
|
|
||||||
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20
|
|
||||||
}
|
|
||||||
.btn-secondary {
|
|
||||||
@apply px-4 py-2 cursor-pointer relative font-bold rounded-lg transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform bg-white/10 text-white hover:bg-white/20
|
|
||||||
}
|
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user