From 6c6f60c858dd9ce3e76b73e7cc4c6dadbe1e0d77 Mon Sep 17 00:00:00 2001 From: mileswa1q2 <115095719+mileswolfallen2@users.noreply.github.com> Date: Sun, 5 Nov 2023 23:42:04 +0000 Subject: [PATCH] idk --- idk/login2.css | 81 ++++++++++++++++++++++++++++++++++++++++++++++++ idk/login2.html | 30 ++++++++++++++++++ idk/login2.js | 17 ++++++++++ index.html | 2 +- login/login.html | 2 +- 5 files changed, 130 insertions(+), 2 deletions(-) create mode 100644 idk/login2.css create mode 100644 idk/login2.html create mode 100644 idk/login2.js diff --git a/idk/login2.css b/idk/login2.css new file mode 100644 index 00000000..77df5876 --- /dev/null +++ b/idk/login2.css @@ -0,0 +1,81 @@ +html { + height: 100%; + } + + body { + height: 100%; + margin: 0; + font-family: Arial, Helvetica, sans-serif; + display: grid; + justify-items: center; + align-items: center; + background-color: #3a3a3a; + } + + #main-holder { + width: 50%; + height: 70%; + display: grid; + justify-items: center; + align-items: center; + background-color: white; + border-radius: 7px; + box-shadow: 0px 0px 5px 2px black; + } + + #login-error-msg-holder { + width: 100%; + height: 100%; + display: grid; + justify-items: center; + align-items: center; + } + + #login-error-msg { + width: 23%; + text-align: center; + margin: 0; + padding: 5px; + font-size: 12px; + font-weight: bold; + color: #8a0000; + border: 1px solid #8a0000; + background-color: #e58f8f; + opacity: 0; + } + + #error-msg-second-line { + display: block; + } + + #login-form { + align-self: flex-start; + display: grid; + justify-items: center; + align-items: center; + } + + .login-form-field::placeholder { + color: #3a3a3a; + } + + .login-form-field { + border: none; + border-bottom: 1px solid #3a3a3a; + margin-bottom: 10px; + border-radius: 3px; + outline: none; + padding: 0px 0px 5px 5px; + } + + #login-form-submit { + width: 100%; + padding: 7px; + border: none; + border-radius: 5px; + color: white; + font-weight: bold; + background-color: #3a3a3a; + cursor: pointer; + outline: none; + } \ No newline at end of file diff --git a/idk/login2.html b/idk/login2.html new file mode 100644 index 00000000..2b53aa2d --- /dev/null +++ b/idk/login2.html @@ -0,0 +1,30 @@ + + + + + + + + Login + + + + + +
+

Login

+ +
+

Invalid username and/or password

+
+ +
+ + + +
+ +
+ + + \ No newline at end of file diff --git a/idk/login2.js b/idk/login2.js new file mode 100644 index 00000000..b6a2448f --- /dev/null +++ b/idk/login2.js @@ -0,0 +1,17 @@ + +const loginForm = document.getElementById("login-form"); +const loginButton = document.getElementById("login-form-submit"); +const loginErrorMsg = document.getElementById("login-error-msg"); + +loginButton.addEventListener("click", (e) => { + e.preventDefault(); + const username = loginForm.username.value; + const password = loginForm.password.value; + + if (username === "user" && password === "web_dev") { + alert("You have successfully logged in."); + location.reload(); + } else { + loginErrorMsg.style.opacity = 1; + } +}) \ No newline at end of file diff --git a/index.html b/index.html index c2ce6286..f11d821f 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@ dino games sonhgs credits - login + login offline unbloxer contacting me diff --git a/login/login.html b/login/login.html index b80fcb0f..6082afeb 100644 --- a/login/login.html +++ b/login/login.html @@ -11,7 +11,7 @@

login

-
incorect yousernam or paswored.
+
errer