From da072e209521b30b237d6eb264a5b7a81eec388c Mon Sep 17 00:00:00 2001
From: moepoi <moepoi@protonmail.com>
Date: Tue, 9 Nov 2021 12:15:50 +0700
Subject: [PATCH] Update login header
---
views/pages/login.ejs | 279 +-----------------------------------------
1 file changed, 1 insertion(+), 278 deletions(-)
diff --git a/views/pages/login.ejs b/views/pages/login.ejs
index f377ccb..2900553 100644
--- a/views/pages/login.ejs
+++ b/views/pages/login.ejs
@@ -1,284 +1,7 @@
<!doctype html>
<html lang="en">
-<head>
- <meta charset="utf-8">
- <meta content="IE=edge" http-equiv="X-UA-Compatible">
- <meta content="width=device-width, initial-scale=1" name="viewport">
- <meta name="theme-color" content="#2f0001">
- <link href="assets/favicon.webp" rel="shortcut icon" type="image/png" />
- <title>Login</title>
- <link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
- integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" rel="stylesheet">
- <link href="https://fonts.googleapis.com" rel="preconnect">
- <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
- <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
- <script src="https://unpkg.com/feather-icons"></script>
- <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
- <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
- <style>
- .nav-color {
- background-color: #212226;
- }
-
- .nav-radius {
- border-bottom-left-radius: 20px;
- border-bottom-right-radius: 20px;
- }
-
- body {
- font-family: 'Poppins', sans-serif;
- background-color: #1b1c1e;
- }
-
- .input-group-text {
- background-color: #212226;
- color: white;
- }
-
- .form-control {
- background-color: #212226;
- color: white;
- }
-
- .form-control:valid {
- background-color: #212226;
- color: white;
- }
-
- .form-control:invalid {
- background-color: #2f0001;
- color: white;
- }
-
- button[type="submit"] {
- margin-bottom: 4%;
- }
-
- .btn-login {
- width: 100%;
- background-color: darkred;
- border-color: darkred;
- border-radius: 100px;
- }
-
- .btn-login:hover {
- background-color: red;
- border-color: red;
- }
-
- .hoverlogin-1 a {
- color: white;
- background-color: transparent;
- position: center;
- margin: auto;
- text-align: center;
- }
-
- .hoverlogin-1 a:hover {
- background-color: transparent;
- color: white;
- text-decoration: underline;
- }
-
- .card {
- position: center;
- margin: auto;
- margin-top: 1%;
- margin-bottom: 1%;
- text-align: center;
- border-bottom-left-radius: 20px;
- border-bottom-right-radius: 20px;
- border-top-left-radius: 20px;
- border-top-right-radius: 20px;
- background-color: #212226;
- }
-
- .icon {
- position: center;
- margin: auto;
- width: 65%;
- height: 65%;
- padding-bottom: 0%;
- }
-
- .form-check {
- float: left;
- }
-
- .form .options-01 {
- margin-bottom: 50px;
- }
-
- .form .options-01 input {
- width: 15px;
- height: 15px;
- margin-right: 5px;
- }
-
- .form .options-01 .remember-me {
- color: #bbb;
- font-size: 6pt;
- display: flex;
- align-items: center;
- float: left;
- cursor: pointer;
- word-break: keep-all;
-
- }
-
- .form .options-01 a {
- color: #888;
- font-size: 14px;
- font-style: italic;
- float: right;
- text-align: right;
- text-decoration: underline;
- }
-
- .login-with {
- color: white;
- text-align: center;
- }
-
- .links {
- display: flex;
- cursor: pointer;
- color: white;
- margin: 0 0 20px 0;
- }
-
- .google,
- .facebook {
- width: 100%;
- height: 42px;
- line-height: 45px;
- margin-top: 10px;
- }
-
- .google {
- background: white;
- border: 1px solid white;
- color: #1b1c1e;
- margin-right: 10px;
- }
-
- .facebook {
- background: #3a5897;
- border: 1px solid #3a5897;
- margin-left: 10px;
- }
-
- .links i {
- font-size: 17px;
-
- }
-
- @media screen and (max-width: 426px) {
- .card a,
- input {
- font-size: 3vw;
- }
-
- .card-header {
- font-size: 6vw;
- }
-
- .navbar-brand {
- width: 15vw;
- height: 15vw;
- }
- }
-
- @media screen and (min-width: 427px) {
-
- .card a,
- input {
- font-size: 2vw;
- }
-
- .card-header {
- font-size: 5vw;
- }
-
- .navbar-brand {
- width: 11vw;
- height: 11vw;
- }
- }
-
- @media screen and (min-width: 767px) {
-
- .card a,
- input {
- font-size: 2vw;
- }
-
- .card-header {
- font-size: 4vw;
- }
-
- .navbar-brand {
- width: 8vw;
- height: 8vw;
- }
- }
-
- @media screen and (min-width: 993px) {
-
- .card a,
- input {
- font-size: 1vw;
- }
-
- .card-header {
- font-size: 2.5vw;
- }
-
- .navbar-brand {
- width: 6vw;
- height: 6vw;
- }
- }
-
- @media screen and (min-width: 1400px) {
-
- .card a,
- input {
- font-size: 1vw;
- }
-
- .card-header {
- font-size: 2.5vw;
- }
-
- .navbar-brand {
- width: 6vw;
- height: 6vw;
- }
- }
-
- @media screen and (max-width: 500px) {
- .form {
- width: 95%;
- }
-
- .form .user-input {
- width: 100%
- }
-
- .form .btn {
- width: 100%;
- }
- }
-
- :focus {
- outline: 0 !important;
- box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
- }
- </style>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.3.2/lazysizes.min.js"></script>
-</head>
+<%- include('../layouts/header.ejs', {title: 'Login', state: 'login'}); %>
<body style="background-color: #1b1c1e;">
<%- include('../layouts/navbar.ejs', {types: 'v2', title: 'Login'}); %>