From 2fa77ceef4dd5db391621223123b3ac3eaf95a1e Mon Sep 17 00:00:00 2001 From: miwr Date: Thu, 10 Apr 2025 15:59:47 +0200 Subject: [PATCH] landing page done --- src/app/mario/mario.component.ts | 2 +- .../welcome-screen.component.html | 6 ++-- .../welcome-screen.component.scss | 34 +++++++++++++++++++ 3 files changed, 39 insertions(+), 3 deletions(-) diff --git a/src/app/mario/mario.component.ts b/src/app/mario/mario.component.ts index 4ddecc6..5127497 100644 --- a/src/app/mario/mario.component.ts +++ b/src/app/mario/mario.component.ts @@ -26,7 +26,7 @@ import { Subscription } from 'rxjs'; @HostBinding('style.--sky-color') skyBackground = this.pick(this.skyColors); - jumpingStrength: number = 21 ; + jumpingStrength: number = 22 ; gravity: number = 0.8; speed: number = 6; private routeSubscription: Subscription | undefined; diff --git a/src/app/welcome-screen/welcome-screen.component.html b/src/app/welcome-screen/welcome-screen.component.html index 32d6ff2..530c521 100644 --- a/src/app/welcome-screen/welcome-screen.component.html +++ b/src/app/welcome-screen/welcome-screen.component.html @@ -1,2 +1,4 @@ -

HEllo

- + +

Hello

+ + diff --git a/src/app/welcome-screen/welcome-screen.component.scss b/src/app/welcome-screen/welcome-screen.component.scss index e69de29..fb7a584 100644 --- a/src/app/welcome-screen/welcome-screen.component.scss +++ b/src/app/welcome-screen/welcome-screen.component.scss @@ -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; + } + } + \ No newline at end of file