Головна сторінка Огляд Довідка
Реєстрація Увійти
lee
/
subline
1
0
Відгалуження 0
Файли Проблеми 0 Запити на злиття 0 Wiki
Переглянути джерело

Update header

Lee Morgan 5 роки тому
батько
eb8b7c596a
коміт
ca06d6469b
3 змінених файлів з 40 додано та 43 видалено
Розділений вигляд Показати статистику Diff
  1. 5 8
      views/informationPages/privacyPolicy.ejs
  2. 10 6
      views/shared/header.ejs
  3. 25 29
      views/shared/shared.css

+ 5 - 8
views/informationPages/privacyPolicy.ejs
Переглянути файл 

@@ -10,13 +10,7 @@
 
         <link href="https://fonts.googleapis.com/css?family=Saira&display=swap" rel="stylesheet">
 
     </head>
 
     <body>
 
-        <div class="header">
 
-            <a class="logo" href="/">
 
-                <img src="/shared/images/logo.png" alt="The Subline">
 
-
 
-                <div class="header-logo">THE SUBLINE</div>
 
-            </a>
 
-        </div>
 
+        <% include ../shared/header %>
 
 
         <div class="content">
 
             <h1>The Subline, LLC Privacy Policy</h1>
 
@@ -206,6 +200,9 @@
 
             <p class="contactInfo last">www.thesubline.com</p>
 
         </div>
 
 
-        
+        <script>
 
+            document.getElementById("termsLink").classList.remove("headerHide");
 
+            document.getElementById("helpLink").classList.remove("headerHide");
 
+        </script>
 
     </body>
 
 </html>

+ 10 - 6
views/shared/header.ejs
Переглянути файл 

@@ -1,14 +1,18 @@
 
 <div class="header">
 
-    <a class="logo" href="/" >
 
+    <a class="headerStart" href="/" >
 
         <img src="/shared/images/logo.png" alt="Subline">
 
-        <div class='header-logo'>THE SUBLINE</div>
 
+        <div class='headerLogo'>THE SUBLINE</div>
 
     </a>
 
 
-    <div class="center"
 
+    <div class="headerEnd">
 
+        <a id="helpLink" class="headerHide" href="/help">HELP</a>
 
 
-    <div class="public-buttons">
 
-        <button id="logInButton" class="button" onclick="loginObj.display()"> Log In </button>
 
+        <a id="privacyPolicyLink" class="headerHide" href="/privacy"></a>
 
 
-        <a id="joinButton" class="button-join link" onclick="registerObj.display()"> Or Join </a>
 
+        <a id="termsLink" class="headerHide" href="/terms">TERMS AND CONDITIONS</a>
 
+
 
+        <button id="logInButton" class="button headerHide" onclick="loginObj.display()">LOG IN</button>
 
+
 
+        <button id="joinButton" class="button headerHide" onclick="registerObj.display()">JOIN</button>
 
     </div>
 
 </div>

+ 25 - 29
views/shared/shared.css
Переглянути файл 

@@ -232,46 +232,42 @@ form{
 
     height: 75px;
 
 }
 
 
-    .header .logo{
 
+    .headerHide{
 
+        display: none;
 
+    }
 
+
 
+    .headerStart{
 
         display: flex;
 
-        align-items: center;
 
+        align-items:center;
 
         text-decoration: none;
 
-        margin-left: 20px;
 
+        margin-left: 25px;
 
+        width: 275px;
 
     }
 
 
-    .header-logo{
 
-        display: inline-block;
 
-        color: rgb(255, 99, 107);
 
-        font-size: 25px;
 
-        font-weight: 600;
 
-    }
 
+        .headerStart img{
 
+            max-height: 75%;
 
+        }
 
 
-    .header img{
 
-        display: inline-block;
 
-        max-height: 40px;
 
-        margin: 15px;
 
-        text-align: center;
 
-    }
 
+        .headerLogo{
 
+            color: white;
 
+            font-size: 25px;
 
+            margin-left: 10px;
 
+        }
 
 
-    .header h1{
 
-        display: inline-block;
 
-        color: rgb(255, 99, 107);
 
-    }
 
-
 
-    .header .logout{
 
+    .headerEnd{
 
         display: flex;
 
         align-items: center;
 
-        color: rgb(255, 99, 107);
 
-        float: right;
 
+        justify-content: flex-end;
 
         margin-right: 25px;
 
-        text-decoration: none;
 
     }
 
 
-    .button-join {
 
-        font-size: medium;
 
-        color:white;
 
-        text-decoration: blink;
 
-    }
 
+        .headerEnd > *{
 
+            margin-left: 15px;
 
+        }
 
+
 
+        .headerEnd a{
 
+            color: white;
 
+        }
 
 
 /* Banner partial */
 
 .banner{