WebsiteProjects/ToneGuessr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make website more colorful
All checks were successful
Publish Docker image / Push Docker image to Docker Hub (push) Successful in 1m19s
Details

Browse Source
This commit is contained in:
Mathias Wagner
2025-02-28 20:52:17 +01:00
parent 34ef0c7940
commit 29b1c69d78
11 changed files with 826 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
client/src/pages/Home/Home.jsx
View File

@ -9,9 +9,18 @@ export const Home = () => {
return (
<div className="home-page">
<div className="background-overlay">
<div className="rotating-gradient"></div>
</div>
<div className="logo-container">
<h1 className="logo">ToneGuessr</h1>
<p className="tagline">Das Frequenzspiel für Marco :3</p>
</div>
<div className="action-area">
<ActionCard title="Raum beitreten" icon={faArrowRightToBracket} onClick={() => {}} />
<ActionCard title="Raum erstellen" icon={faPlusSquare} onClick={() => setCurrentState("Game")} />
<ActionCard title="Join Room" icon={faArrowRightToBracket} onClick={() => {}} />
<ActionCard title="Create Room" icon={faPlusSquare} onClick={() => setCurrentState("Game")} />
</div>
</div>
);