 
<!DOCTYPE html>
<html lang="en">
<!--<link rel="icon" type="image/x-icon" href="darkModeLogo.png">-->
<link
  href="lightModeLogo.png"
  rel="icon"
  media="(prefers-color-scheme: light)"
/>
<link
  href="darkModeLogo.png"
  rel="icon"
  media="(prefers-color-scheme: dark)"
/>
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<script src="./scripts.js"></script>
<!DOCTYPE html>
<html lang="en">
  <body>
    <div class="scrollmenu" id="mainNavbar">
      <a href="./info"><i class="material-icons edit unstyled">info</i><br>About</a>
      <a href="./login"><i class="material-icons edit unstyled">login</i><br>Login</a>
      <a href="./register"><i class="material-icons edit unstyled">app_registration</i><br>Sign Up</a>
      <a href="https://likelist.com/jake"><i class="material-icons edit unstyled">person</i><br>Demo</a>
      <!--<a href="https://likelist.com/jake"><i class="material-icons edit">description</i><br>Demo</a>-->

      <!--<a href="./loggedOutDonate" style="color:#66FF00;"><i class="material-icons edit">attach_money</i></a>-->
    </div>
  </body>
</html>  <head>
    <meta charset="UTF-8">
    <title>Login</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

  </head>
  
  <body>
    <div class="center-screen">
      
        
         
    <div class="form">

      <h1>Welcome to Like List</h1>
      <p>A social bookmark app</p>
      <p>Please log in to continue</p>
            <form action="/login.php" method="post">
        <table>
          <tr>
            <td>
              <label>Username</label><br>
              <input type="text" name="username" min length="1" maxlength="15" class="inputField " value="">
                <br><span class="invalid-feedback"></span>
            </td>
          </tr>
          <tr>
            <td>
              <label>Password</label><br>
                <input type="password" name="password" min length="1" maxlength="420" id="password" class="inputField ">
                    <br><span class="invalid-feedback"></span>
           </td>
         </tr>
         <tr>
	   <td>
	     <!--Show Password-->
             <input type="checkbox" onclick="myFunction()">Show Password

<script>
function myFunction() {
  var x = document.getElementById("password");
  if (x.type === "password") {
    x.type = "text";
  } else {
    x.type = "password";
  }
  var y = document.getElementById("password2");
  if (y.type === "password") {
    y.type = "text";
  } else {
    y.type = "password";
  }
}
</script><br><br>
           </td>
	 </tr>
         <tr>
           <td>
             <div>
               <button type="submit" class="btn small" value="Login"><i class="material-icons edit">check</i><!--<br>Login--></button>
               <!--<button href="register.php" class="btn small"><i class="material-icons edit">app_registration</i><br>Sign Up</button>-->
             </div>
           </td>
         </tr>
         <!--<tr>
           <td>
             
             <p>Don't have an account? Register Now!</p>
             <a href="register.php" class="btn small"><i class="material-icons edit">app_registration</i></a>
          </td>
        </tr>-->
      </table>
    </form>

  </div>
</body>
</div>
</html>