index.html 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>Workout Tracker</title>
  7. <link rel="stylesheet" href="/index.css">
  8. <link rel="icon" href="/logo.svg" type="image/svg+xml">
  9. </head>
  10. <body>
  11. <svg class="logo" width="90" height="60" viewBox="10 20 80 50">
  12. <path d="M10,40 Q25,20 50,30 Q75,40 90,30 Q75,50 50,60 Q25,70 10,60 Q25,50 10,40" fill="#D7263D">
  13. </svg>
  14. <p id="notifier" style="display:none">Some message here</p>
  15. <div id="registerPage" class="page" style="display:none">
  16. <form id="registerForm" class="standardForm">
  17. <h1>Create Account</h1>
  18. <label>Name
  19. <input
  20. id="registerName"
  21. type="text"
  22. placeholder="Name"
  23. required
  24. >
  25. </label>
  26. <label>Email
  27. <input
  28. id="registerEmail"
  29. type="email"
  30. placeholder="Email"
  31. required
  32. >
  33. </label>
  34. <label>Password
  35. <input
  36. id="registerPass"
  37. type="password"
  38. placeholder="Password"
  39. required
  40. >
  41. </label>
  42. <label>Confirm Password
  43. <input
  44. id="registerConfirmPass"
  45. type="password"
  46. placeholder="Confirm Password"
  47. required
  48. >
  49. </label>
  50. <button>Create</button>
  51. </form>
  52. <button id="registerToLogin" class="link">Log In</button>
  53. </div>
  54. <div id="loginPage" class="page">
  55. <form id="loginForm" class="standardForm">
  56. <h1>Log In</h1>
  57. <label>Email
  58. <input
  59. id="loginEmail"
  60. type="email"
  61. placeholder="Email"
  62. required
  63. >
  64. </label>
  65. <label>Password
  66. <input
  67. id="loginPass"
  68. type="password"
  69. placeholder="Password"
  70. required
  71. />
  72. </label>
  73. <button>Log In</button>
  74. </form>
  75. <button id="loginToRegister" class="link">Register</button>
  76. </div>
  77. <div id="homePage" class="page">
  78. <h1>Home Page</h1>
  79. <button id="homeLogout" class="link">Log Out</button>
  80. </div>
  81. <script src="/index.js"></script>
  82. </body>
  83. </html>