Главная Обзор Помощь
Регистрация Вход
lee
/
subline
1
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

Update style on the login page.

Lee Morgan 5 лет назад
Родитель
ed96bdff99
Сommit
9a695a68e1
3 измененных файлов с 80 добавлено и 6 удалено
Единый вид Показать статистику Diff
  1. 1 1
      views/otherPages/landing.ejs
  2. 5 5
      views/otherPages/login.ejs
  3. 74 0
      views/otherPages/style2.css

+ 1 - 1
views/otherPages/landing.ejs
Просмотреть файл 

@@ -9,7 +9,7 @@
 
     </head>
 
     </head>
 
     <body>
 
     <body>
 
         <div class="header">
 
         <div class="header">
 
-            <a class="headerStart" href="/" >
 
+            <a class="headerStart" href="/">
 
                 <img src="/shared/images/logo.png" alt="Subline">
 
                 <img src="/shared/images/logo.png" alt="Subline">
 
                 <div class="headerLogo">THE SUBLINE</div>
 
                 <div class="headerLogo">THE SUBLINE</div>
 
             </a>
 
             </a>

+ 5 - 5
views/otherPages/login.ejs
Просмотреть файл 

@@ -4,10 +4,10 @@
 
         <meta charset="utf-8">
 
         <meta charset="utf-8">
 
         <title>The Subline</title>
 
         <title>The Subline</title>
 
         <link rel="icon" type="img/png" href="/shared/images/logo.png">
 
         <link rel="icon" type="img/png" href="/shared/images/logo.png">
 
-        <link rel="stylesheet" href="/otherPages/bundle.css">
 
+        <link rel="stylesheet" href="/otherPages/style2.css">
 
         <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
 
         <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
 
     </head>
 
     </head>
 
-    <body id="login">
 
+    <body id="login" class="main-background">
 
         <div class="header">
 
         <div class="header">
 
             <a class="headerStart" href="/" >
 
             <a class="headerStart" href="/" >
 
                 <img src="/shared/images/logo.png" alt="Subline">
 
                 <img src="/shared/images/logo.png" alt="Subline">
 
@@ -19,7 +19,7 @@
 
 
 
         <form action="/login" method="post">
 
         <form action="/login" method="post">
 
             <h1> Welcome Back </h1>
 
             <h1> Welcome Back </h1>
 
-    
+
 
             <label>Email
 
             <label>Email
 
                 <input type="email" name="email" required>
 
                 <input type="email" name="email" required>
 
             </label>
 
             </label>
 
@@ -30,9 +30,9 @@
 
     
     
             <input id="signIn" type="submit" value="Sign In">
 
             <input id="signIn" type="submit" value="Sign In">
 
             
             
-            <a href="/reset/email" class="link">Forgot your password?</a>
 
+            <a href="/reset/email">Forgot your password?</a>
 
 
 
-            <a class="link" href="/register">Need to register?</a>
 
+            <a href="/register">Need to register?</a>
 
         </form>
 
         </form>
 
 
 
         <% include ../shared/footer %>
 
         <% include ../shared/footer %>

+ 74 - 0
views/otherPages/style2.css
Просмотреть файл 

@@ -134,4 +134,78 @@ html, body{
 
 
 
     li{
 
     li{
 
         font-size: 20px;
 
         font-size: 20px;
 
+    }
 
+
 
+#login{
 
+    display: flex;
 
+    flex-direction: column;
 
+    justify-content: space-between;
 
+    align-items: center;
 
+    height: 100vh;
 
+}
 
+
 
+    form{
 
+        display: flex;
 
+        flex-direction: column;
 
+        padding: 25px;
 
+        background: rgb(240, 252, 255);
 
+        border: 1px solid black;
 
+        min-width: 500px;
 
+    }
 
+
 
+        form > *{
 
+            margin: 15px;
 
+        }
 
+
 
+        form h1{
 
+            text-align: center;
 
+        }
 
+
 
+        label{
 
+            display: flex;
 
+            flex-direction: column;
 
+        }
 
+
 
+        input[type=submit]{
 
+            background: rgb(0, 27, 45);
 
+            border: none;
 
+            text-decoration: none;
 
+            padding: 10px 25px;
 
+            color: white;
 
+            cursor: pointer;
 
+            text-align: center;
 
+            font-size: 15px;
 
+            min-width: 100px;
 
+            margin: 5px;
 
+            max-height: 52px;
 
+        }
 
+        
+            input[type=submit]:hover{
 
+                background: rgb(179, 191, 209);
 
+                color:black;
 
+            }
 
+        
+            input[type=submit]:active{
 
+                background: rgb(240, 252, 255);
 
+            }
 
+
 
+        form a{
 
+            text-align: center;
 
+            color: gray;
 
+            margin: 5px;
 
+            font-size: 20px;
 
+        }
 
+
 
+.footer{
 
+    display: flex;
 
+    flex-direction: column;
 
+    align-items: center;
 
+    padding: 10px;
 
+    background: rgb(240, 252, 255);
 
+    width: 100%;
 
+    box-sizing: border-box;
 
+}
 
+
 
+    .footer div > *{
 
+        margin: 0 10px;
 
     }
 
     }