From c0f51cbaaf56ec931b5a577effd8190eb0d0cf04 Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:01:06 +0200
Subject: [PATCH 1/7] feat(style.css): add nord colors as variables for easy
 use

---
 judas_server/web/static/css/style.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/judas_server/web/static/css/style.css b/judas_server/web/static/css/style.css
index af91c05..4ee0536 100644
--- a/judas_server/web/static/css/style.css
+++ b/judas_server/web/static/css/style.css
@@ -1,3 +1,23 @@
+:root {
+    --nord-bg0: #2e3440;
+    --nord-bg1: #3b4252;
+    --nord-bg2: #434c5e;
+    --nord-bg3: #4c566a;
+    --nord-fg0: #eceff4;
+    --nord-fg1: #e5e9f0;
+    --nord-fg2: #d8dee9;
+    --nord-acc0: #8fbcbb;
+    --nord-acc1: #88c0d0;
+    --nord-acc2: #81a1c1;
+    --nord-acc3: #5e81ac;
+    --nord-aur0: #bf616a;
+    --nord-aur1: #d08770;
+    --nord-aur2: #ebcb8b;
+    --nord-aur3: #a3be8c;
+    --nord-aur4: #b48ead;
+
+}
+
 * {
     margin: 0;
     padding: 0;

From d998b85f9f103c472dc27eb6dc95614dcdcd8e4a Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:01:37 +0200
Subject: [PATCH 2/7] feat(style.css): make all links pretty

---
 judas_server/web/static/css/style.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/judas_server/web/static/css/style.css b/judas_server/web/static/css/style.css
index 4ee0536..d6392e3 100644
--- a/judas_server/web/static/css/style.css
+++ b/judas_server/web/static/css/style.css
@@ -39,6 +39,16 @@ input {
     padding: 0.25rem;
 }
 
+a {
+    color: var(--nord-acc0);
+    text-decoration: none;
+    transition: 0.3s ease-in-out;
+}
+
+a:hover {
+    color: var(--nord-acc2);
+}
+
 #wrapper {
     display: flex;
     flex-direction: column;

From 1f0fcc71c91d70973233adf293a3bf4a2b7b41b4 Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:02:35 +0200
Subject: [PATCH 3/7] refactor(style.css): make main a flex container

---
 judas_server/web/static/css/style.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/judas_server/web/static/css/style.css b/judas_server/web/static/css/style.css
index d6392e3..e621103 100644
--- a/judas_server/web/static/css/style.css
+++ b/judas_server/web/static/css/style.css
@@ -65,9 +65,13 @@ header {
 }
 
 main {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
     padding: 1rem;
     background-color: #3b4252;
     flex-grow: 1;
+    text-align: center;
 }
 
 header a {

From 95e40a412887493477035faa7e17b3cd5a5e7e39 Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:07:52 +0200
Subject: [PATCH 4/7] feat(style.css): add error container class

---
 judas_server/web/static/css/style.css | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/judas_server/web/static/css/style.css b/judas_server/web/static/css/style.css
index e621103..60adb35 100644
--- a/judas_server/web/static/css/style.css
+++ b/judas_server/web/static/css/style.css
@@ -97,4 +97,17 @@ header a {
 
 .center {
     text-align: center;
-}
\ No newline at end of file
+}
+
+.error-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin: 1rem;
+    padding: 1rem;
+    background-color: var(--nord-aur0);
+    color: var(--nord-fg0);
+    border: 6px solid var(--nord-aur1);
+    border-radius: 24px;
+}

From 960a7dd4bf936ad58c29b013c2b5a7673f13945e Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:11:11 +0200
Subject: [PATCH 5/7] refactor(index.html): put elements in main into divs to
 not screw up layout

---
 judas_server/web/templates/index.html | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/judas_server/web/templates/index.html b/judas_server/web/templates/index.html
index c844ba8..2ca6f6f 100644
--- a/judas_server/web/templates/index.html
+++ b/judas_server/web/templates/index.html
@@ -17,12 +17,15 @@
             {% endif %}
         </header>
         <main class="center">
-            <p>Welcome to</p>
-            <h2 id="typing-text" style="font-size: 3rem;">judas</h2>
-            <p>a remote PC fleet management system</p>
-            <br>
-            <p style="color: #bf616a;"><strong>Notice:</strong> Please use this system responsibly and in accordance with all applicable laws and organizational policies.</p>
-            <p>Please log in to manage your remote PCs.</p>
+            <div>
+                <p>Welcome to</p>
+                <h2 id="typing-text" style="font-size: 3rem;">judas</h2>
+                <p>a remote PC fleet management system</p>
+            </div>
+            <div>
+                <p style="color: #bf616a;"><strong>Notice:</strong> Please use this system responsibly and in accordance with all applicable laws and organizational policies.</p>
+                <p>Please <a href="{{ url_for('login')}}">log in</a> to manage your remote PCs.</p>
+            </div>
         </main>
     </div>
     <script>

From ec6ed477b9053007c23597518e8d1eb6adddf1aa Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:13:11 +0200
Subject: [PATCH 6/7] feat(login.html): display error if provided

---
 judas_server/web/templates/login.html | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/judas_server/web/templates/login.html b/judas_server/web/templates/login.html
index f4e4d4b..c141186 100644
--- a/judas_server/web/templates/login.html
+++ b/judas_server/web/templates/login.html
@@ -11,12 +11,20 @@
         <header>
             <h1><a href="{{ url_for('index') }}">judas</a></h1>
         </header>
-        <main class="center">
-            <form method="post">
+        <main>
+            <h1>Login</h1>
+            <form method="post" class="center">
                 <label for="password">Password:</label>
                 <input type="password" id="password" name="password" required>
-                <br><br>
+                <br>
+                <br>
                 <input type="submit" value="Login" class="button">
+                {% if error %}
+                <div class="error-container">
+                    <h1>Login failure</h1>
+                    <p>{{ error }}</p>
+                </div>
+                {% endif %}
             </form>
         </main>
     </div>

From e07a379036649903bad2f92acfd47b9e2dee2c4c Mon Sep 17 00:00:00 2001
From: Artur Borecki <me@pufereq.pl>
Date: Mon, 16 Jun 2025 12:14:02 +0200
Subject: [PATCH 7/7] refactor(web_server.py): display pretty error if password
 incorrect

---
 judas_server/web/web_server.py | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/judas_server/web/web_server.py b/judas_server/web/web_server.py
index c0e258a..a2c0faa 100644
--- a/judas_server/web/web_server.py
+++ b/judas_server/web/web_server.py
@@ -72,7 +72,10 @@ def login() -> str:
             flask_login.login_user(user)
             return flask.redirect(flask.url_for("panel"))
         else:
-            return "Invalid password", 401
+            return flask.render_template(
+                "login.html",
+                error="Invalid password. Please try again.",
+            )
     return flask.render_template("login.html")