From d7a3a46d9cf87fd3ec37f9c0f1950dfc607d23a3 Mon Sep 17 00:00:00 2001
From: Oshadha Kariyawasam <kariyawasamoshadha@gmail.com>
Date: Wed, 1 Oct 2025 09:07:17 +0530
Subject: [PATCH 1/2] Login.js Added

---
 login.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 login.js

diff --git a/login.js b/login.js
new file mode 100644
index 0000000..08d1752
--- /dev/null
+++ b/login.js
@@ -0,0 +1,22 @@
+const validUser = "admin";
+const validPass = "1234";
+
+const form = document.getElementById("loginForm");
+const msg = document.getElementById("message");
+
+form.addEventListener("submit", function(event) {
+  event.preventDefault(); // prevent form reload
+  
+  const username = document.getElementById("username").value;
+  const password = document.getElementById("password").value;
+
+  if (username === validUser && password === validPass) {
+    msg.textContent = "✅ Login successful!";
+    msg.style.color = "green";
+    // Redirect (optional)
+    // window.location.href = "dashboard.html";
+  } else {
+    msg.textContent = "❌ Invalid username or password.";
+    msg.style.color = "red";
+  }
+});
\ No newline at end of file

From b324105f7050e33f10d5190b4bc800c99e79218f Mon Sep 17 00:00:00 2001
From: Oshadha Kariyawasam <kariyawasamoshadha@gmail.com>
Date: Wed, 1 Oct 2025 09:12:06 +0530
Subject: [PATCH 2/2] Login.css Added

---
 login.css | 65 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 65 insertions(+)
 create mode 100644 login.css

diff --git a/login.css b/login.css
new file mode 100644
index 0000000..66cdff9
--- /dev/null
+++ b/login.css
@@ -0,0 +1,65 @@
+/* Reset some default styles */
+body {
+    font-family: Arial, sans-serif;
+    background: #f0f2f5;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    margin: 0;
+  }
+  
+  h2 {
+    text-align: center;
+    margin-bottom: 20px;
+  }
+  
+  form {
+    background: white;
+    padding: 30px;
+    border-radius: 10px;
+    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
+    width: 300px;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 8px;
+    font-weight: bold;
+  }
+  
+  input {
+    width: 100%;
+    padding: 10px;
+    margin-bottom: 15px;
+    border: 1px solid #ccc;
+    border-radius: 6px;
+    outline: none;
+    transition: border-color 0.3s;
+  }
+  
+  input:focus {
+    border-color: #007bff;
+  }
+  
+  button {
+    width: 100%;
+    padding: 10px;
+    background: #007bff;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    font-size: 16px;
+    cursor: pointer;
+    transition: background 0.3s;
+  }
+  
+  button:hover {
+    background: #0056b3;
+  }
+  
+  #message {
+    text-align: center;
+    margin-top: 10px;
+    font-weight: bold;
+  }
\ No newline at end of file