jank/casino
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request 'feat: Implement homepage skeleton (CAS-30)' (!13) from feature/homepage into main

Browse source 
Reviewed-on: https://git.simonis.lol/projects/casino/pulls/13
Reviewed-by: Huy <ptran@noreply@simonis.lol>
Reviewed-by: jank1619 <jan@kjan.email>
This commit is contained in:
Huy 2025-02-12 09:42:55 +00:00
commit 9a8f9d5c41
4 changed files with 62 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/app.routes.ts
View file

@ -1,6 +1,13 @@
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 }
]; ];

34
frontend/src/app/homepage/homepage/homepage.component.html Normal file
View file

@ -0,0 +1,34 @@
<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>

12
frontend/src/app/homepage/homepage/homepage.component.ts Normal file
View file

@ -0,0 +1,12 @@
import {ChangeDetectionStrategy, Component} from '@angular/core';
@Component({
selector: 'app-homepage',
standalone: true,
imports: [],
templateUrl: './homepage.component.html',
changeDetection: ChangeDetectionStrategy.OnPush
})
export class HomepageComponent {
}

9
frontend/src/styles.css
View file

@ -1 +1,10 @@
@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
}