www/login.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width, initial-scale=1">
   6     <title>Login - N11</title>
   7     <link rel="stylesheet" href="/css/login.css">
   8     <link rel="stylesheet" href="/css/globals.css">
   9   </head>
  10   <body>
  11     <a class="logo" href="/">NULL</a>
  12     <div class="center" id="account-select">
  13       <div class="title">Choose an account</div>
  14       <div class="account" onclick="LoginPreExisting(0)">
  15         <img src="/api/user/pfp?email=levicowan2005@icloud.com">
  16         <div class="info">
  17           <span class="name">Levi Hicks</span>
  18           <span class="email">levicowan2005@icloud.com</span>
  19         </div>
  20       </div>
  21       <div class="account" onclick="LoginPreExisting(1)">
  22         <img src="/api/user/pfp?email=test@gmail.com">
  23         <div class="info">
  24           <span class="name">Test Dummy</span>
  25           <span class="email">test@gmail.com</span>
  26         </div>
  27       </div>
  28       <a class="button">Other</a>
  29     </div>
  30     <div class="center hidden" id="email">
  31       <span class="input-title">Email Address</span>
  32       <div class="input">
  33         <input type="email" name="email" autocomplete="off">
  34         <svg xmlns="http://www.w3.org/2000/svg" class="hidden error" viewBox="0 0 20 20" fill="currentColor">
  35           <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
  36         </svg>
  37         <svg xmlns="http://www.w3.org/2000/svg" class="hidden success" viewBox="0 0 20 20" fill="currentColor">
  38           <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
  39         </svg>
  40       </div>
  41       <a class="button" disabled>Next</a>
  42       <span class="signup">
  43         Don't have an account? <a href="/signup">Sign up</a>
  44       </span>
  45     </div>
  46     <div class="center hidden" id="password">
  47       <span class="input-title">Password</span>
  48       <div class="input">
  49         <input type="password" name="password" autocomplete="off">
  50       </div>
  51       <div class="buttons">
  52         <a class="button-secondary">Back</a>
  53         <a class="button" disabled>Next</a>
  54       </div>
  55     </div>
  56     <div class="center hidden" id="code-fa-select">
  57       <div class="title">Choose a method</div>
  58     </div>
  59     <div class="center hidden" id="code-fa">
  60       <span class="error" id="code-fa-error"></span>
  61       <span class="check-code" id="check-code">Please check your {PhoneOrEmail}</span>
  62       <span class="sent-code" id="sent-code">We've sent you a {new} code.</span>
  63       <div class="code-fa-wrapper" id="code-fa-wrapper">
  64         <input type="number" class="code-fa" id="code-fa-1" autofocus/>
  65         <input type="number" class="code-fa" id="code-fa-2"/>
  66         <input type="number" class="code-fa" id="code-fa-3"/>
  67         <input type="number" class="code-fa" id="code-fa-4"/>
  68       </div>
  69       <span class="resend-code" id="resend-code">
  70         Didn't get {PreCodeType} {CodeType}? <a>Resend</a>
  71       </span>
  72       <div class="buttons">
  73         <a class="button-secondary">Back</a>
  74         <a class="button" id="next" disabled>Next</a>
  75       </div>
  76     </div>
  77     <script src="/js/login.js"></script>
  78   </body>
  79 </html>