diff --git a/client.css b/client.css index 14e6e60756c89997cd821b3bb6ea18f7a8687e2d..37efd4c4a717ad679883ac96aabc14432bb4c2fd 100644 --- a/client.css +++ b/client.css @@ -5,6 +5,10 @@ margin-top: 100px; } +.welcome img { + mix-blend-mode: color-burn; +} + .form-elements { display: flex; flex-direction: column; diff --git a/client.html b/client.html index a799d1ffeb1bfbf03afb5bec517a246d0ee8d05c..2d0daab0d74eb556e85ddd7d9461476bdfa8ebae 100644 --- a/client.html +++ b/client.html @@ -9,6 +9,7 @@ <img src="wimage.png" alt="logo and slogan"> <div class="form-elements" id="login"> <form id="loginform" onsubmit="return inputValidation()"> + <h2>Login</h2> <div class="form-input"> <label for="email">Email</label> <input type="text" id="email" name="email" size="18"> diff --git a/welcome.html b/welcome.html index 6031eaa1c524d8405d580f34c4e12d02bdc99c8e..f5f27271c4ea2bea99aa842d58cb396c1478eb01 100644 --- a/welcome.html +++ b/welcome.html @@ -11,11 +11,11 @@ <form> <div class="form-input"> <label for="email">Email</label> - <input type="text" id="email" name="email" size="18"> + <input type="text" id="email" name="email" size="18" required> </div> <div class="form-input"> <label for="password">Password</label> - <input type="text" id="password" name="password" size="18"> + <input type="text" id="password" name="password" size="18" required> </div> <input type="submit" value="Login"> </form>