From 8b6b73815dc7b966f875327652d0ad776715f772 Mon Sep 17 00:00:00 2001
From: IM23a-spirgif <spirgif@bzz.ch>
Date: Thu, 17 Apr 2025 14:45:13 +0200
Subject: [PATCH] Formatting + Added Home Page

---
 public/frontend_login.js |  2 +-
 public/home.html         |  5 ++++-
 public/login.html        |  1 +
 public/styles_home.css   |  6 ++++++
 public/styles_login.css  | 10 ++++++++++
 5 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/public/frontend_login.js b/public/frontend_login.js
index 6fbeea4..d245029 100644
--- a/public/frontend_login.js
+++ b/public/frontend_login.js
@@ -15,7 +15,7 @@
 
             if (loginRes.ok) {
                 const loginData = await loginRes.json();
-                alert(`Welcome back, ${loginData.lower_username}!`);
+                alert(`Welcome back, ${loginData.username}!`);
                 document.cookie = `authorization=${loginData.token}`
                 window.location.href = "/";
                 return;
diff --git a/public/home.html b/public/home.html
index 2fa4810..b45a745 100644
--- a/public/home.html
+++ b/public/home.html
@@ -8,9 +8,12 @@
 </head>
 <body>
 <button class="logout" id="logout">Logout</button>
-
 <div class="balance">
     Balance: $<span id="balance">0</span>
 </div>
+<div class="lobby-buttons">
+    <button class="host">Host Lobby</button>
+    <button class="join">Join Lobby</button>
+</div>
 </body>
 </html>
\ No newline at end of file
diff --git a/public/login.html b/public/login.html
index 94bf5b2..c38af82 100644
--- a/public/login.html
+++ b/public/login.html
@@ -6,6 +6,7 @@
   <link rel="stylesheet" href="styles_login.css">
 </head>
 <body>
+<h1>Login / Register</h1>
 <form method="post" action="/login">
   <input type="text" name="username" placeholder="Username">
   <input type="password" name="password" placeholder="Password">
diff --git a/public/styles_home.css b/public/styles_home.css
index ca5ffd6..4b82836 100644
--- a/public/styles_home.css
+++ b/public/styles_home.css
@@ -50,4 +50,10 @@ button.logout {
     margin-top: 20px;
     color: #0f0;
     text-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
+}
+
+.lobby-buttons {
+    display: flex;
+    gap: 20px;
+    margin-top: 30px;
 }
\ No newline at end of file
diff --git a/public/styles_login.css b/public/styles_login.css
index 58483f0..d2943d1 100644
--- a/public/styles_login.css
+++ b/public/styles_login.css
@@ -3,12 +3,22 @@
     color: #fff;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     display: flex;
+    flex-direction: column;
     justify-content: center;
     align-items: center;
     height: 100vh;
     margin: 0;
 }
 
+/* Add styling for the heading */
+h1 {
+    font-size: 28px;
+    color: #0f0;
+    margin-bottom: 20px;
+    text-shadow: 0 0 5px #0f0, 0 0 10px #0f0;
+}
+
+/* Your form stays centered below the heading */
 form {
     background: rgba(0, 0, 0, 0.85);
     border: 2px solid #0f0;