This commit is contained in:
parent
bc26cd4c42
commit
2fa77ceef4
3 changed files with 39 additions and 3 deletions
|
@ -26,7 +26,7 @@ import { Subscription } from 'rxjs';
|
||||||
|
|
||||||
@HostBinding('style.--sky-color') skyBackground = this.pick(this.skyColors);
|
@HostBinding('style.--sky-color') skyBackground = this.pick(this.skyColors);
|
||||||
|
|
||||||
jumpingStrength: number = 21 ;
|
jumpingStrength: number = 22 ;
|
||||||
gravity: number = 0.8;
|
gravity: number = 0.8;
|
||||||
speed: number = 6;
|
speed: number = 6;
|
||||||
private routeSubscription: Subscription | undefined;
|
private routeSubscription: Subscription | undefined;
|
||||||
|
|
|
@ -1,2 +1,4 @@
|
||||||
<h1>HEllo</h1>
|
<body>
|
||||||
<button (click)="navigateToTheGame()">Start a game</button>
|
<h1>Hello</h1>
|
||||||
|
<button (click)="navigateToTheGame()">Start a game</button>
|
||||||
|
</body>
|
||||||
|
|
|
@ -0,0 +1,34 @@
|
||||||
|
:host {
|
||||||
|
font-family: 'Comic Sans MS', 'Baloo 2', cursive;
|
||||||
|
display: block;
|
||||||
|
background-color: rgba(178, 219, 250, 0.5);
|
||||||
|
height: 100vh;
|
||||||
|
width: 100vw;
|
||||||
|
display: flex;
|
||||||
|
// align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
button{
|
||||||
|
font-family: 'Comic Sans MS', 'Baloo 2', cursive;
|
||||||
|
width: 160px;
|
||||||
|
padding: 0.6rem 1rem;
|
||||||
|
border: none;
|
||||||
|
border-radius: 12px;
|
||||||
|
font-size: 1rem;
|
||||||
|
background: #ffffff;
|
||||||
|
color: #3a3a3a;
|
||||||
|
box-shadow: 0 4px 8px rgba(255, 255, 255, 0.1);
|
||||||
|
transition: 0.1s ease;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
outline: none;
|
||||||
|
background: rgba(178, 219, 250, 0.5);
|
||||||
|
box-shadow: 0 0 0 3px #97c9ff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue