Projectory-Project · ylw311 · Aug 3, 2022 · Aug 3, 2022 · Aug 3, 2022 · Aug 3, 2022
diff --git a/public/assets/dist/css/bootstrap.min.css b/public/assets/dist/css/bootstrap.min.css
diff --git a/public/assets/dist/css/bootstrap.min.css.map b/public/assets/dist/css/bootstrap.min.css.map
diff --git a/public/assets/dist/css/bootstrap.rtl.min.css b/public/assets/dist/css/bootstrap.rtl.min.css
diff --git a/public/assets/dist/css/bootstrap.rtl.min.css.map b/public/assets/dist/css/bootstrap.rtl.min.css.map
diff --git a/public/assets/dist/js/bootstrap.bundle.min.js b/public/assets/dist/js/bootstrap.bundle.min.js
diff --git a/public/assets/dist/js/bootstrap.bundle.min.js.map b/public/assets/dist/js/bootstrap.bundle.min.js.map
diff --git a/public/login.css b/public/login.css
@@ -0,0 +1,33 @@
+html,
+body {
+  height: 100%;
+}
+
+body {
+  display: flex;
+  align-items: center;
+  padding-top: 40px;
+  padding-bottom: 40px;
+  background-color: #f5f5f5;
+}
+
+.form-signin {
+  max-width: 330px;
+  padding: 15px;
+}
+
+.form-signin .form-floating:focus-within {
+  z-index: 2;
+}
+
+.form-signin input[type="email"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.form-signin input[type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
diff --git a/public/login.html b/public/login.html
@@ -0,0 +1,129 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="">
+  <title>Login</title>
+
+  <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/sign-in/">
+
+
+
+  <link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">
+
+  <style>
+    .bd-placeholder-img {
+      font-size: 1.125rem;
+      text-anchor: middle;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      user-select: none;
+    }
+
+    @media (min-width: 768px) {
+      .bd-placeholder-img-lg {
+        font-size: 3.5rem;
+      }
+    }
+
+    .b-example-divider {
+      height: 3rem;
+      background-color: rgba(0, 0, 0, .1);
+      border: solid rgba(0, 0, 0, .15);
+      border-width: 1px 0;
+      box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
+    }
+
+    .b-example-vr {
+      flex-shrink: 0;
+      width: 1.5rem;
+      height: 100vh;
+    }
+
+    .bi {
+      vertical-align: -.125em;
+      fill: currentColor;
+    }
+
+    .nav-scroller {
+      position: relative;
+      z-index: 2;
+      height: 2.75rem;
+      overflow-y: hidden;
+    }
+
+    .nav-scroller .nav {
+      display: flex;
+      flex-wrap: nowrap;
+      padding-bottom: 1rem;
+      margin-top: -1px;
+      overflow-x: auto;
+      text-align: center;
+      white-space: nowrap;
+      -webkit-overflow-scrolling: touch;
+    }
+  </style>
+
+
+  <!-- Custom styles for this template -->
+  <link href="login.css" rel="stylesheet">
+</head>
+
+<body class="text-center">
+
+
+
+  <main class="form-signin w-100 m-auto">
+    <!--     <form></form> tags cause firebase to give an auth error, <input> or <button>s that hvae type="submit" will also cause the same error -->
+    <!--     <form> -->
+
+<!--   this is where you link your svg logo: change name of logo to use   -->
+    <img class="mb-4" src="../assets/brand/EXAMPLELOGO.svg" alt="" width="100" height="100">
+    <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
+
+    <!--       email -->
+    <div class="form-floating">
+      <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
+      <label for="floatingInput">Email address</label>
+    </div>
+
+
+    <!--       password -->
+    <div class="form-floating">
+      <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
+      <label for="floatingPassword">Password</label>
+    </div>
+
+
+
+
+    <div class="checkbox mb-3">
+      <label>
+        <input type="checkbox" value="remember-me"> Remember me
+      </label>
+    </div>
+    <button class="w-100 btn btn-lg btn-primary" id="login" type="submit">Sign in</button>
+
+
+    <small>
+      Don't have an account?
+      <a class="text-muted" style="text-decoration: underline;" href="/signup.html">Sign Up</a>
+    </small>
+
+    </br>
+    <small>
+      Or, return to
+      <a class="text-muted" style="text-decoration: underline;" href="/index.html">home page</a>
+    </small>
+
+    <!--       <p class="mt-5 mb-3 text-muted">&copy; 2022</p> -->
+    <!--     </form> -->
+  </main>
+
+
+
+</body>
+
+</html>
diff --git a/public/signup.css b/public/signup.css
@@ -0,0 +1,15 @@
+.modal-sheet .modal-dialog {
+  width: 380px;
+  transition: bottom .75s ease-in-out;
+}
+.modal-sheet .modal-footer {
+  padding-bottom: 2rem;
+}
+
+.modal-alert .modal-dialog {
+  width: 380px;
+}
+
+.modal-tour .modal-dialog {
+  width: 380px;
+}