feat: Add logo

- Ensure a logo is displayed across all pages [(Finishes | Delivers) #163593926]
Chrismarcel · Jan 30, 2019 · 4fdc5f5 · 4fdc5f5
1 parent 9466a78
commit 4fdc5f5
Show file tree

Hide file tree

Showing 11 changed files with 41 additions and 20 deletions.
diff --git a/UI/admin.html b/UI/admin.html
@@ -23,7 +23,9 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
       <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link">

diff --git a/UI/assets/css/styles.css b/UI/assets/css/styles.css
@@ -20,6 +20,10 @@ body.modal-open {
 }
 
 /* Global/Custom Components */
+.logo {
+  height: 40px;
+}
+
 a {
   text-decoration: none;
 }
@@ -266,12 +270,7 @@ header {
 }
 
 .navbar-logo {
-  font-weight: 600;
-  font-size: 2em;
   padding: 15px 40px;
-  text-decoration: none;
-  color: #0facf3;
-  letter-spacing: 0.07em;
 }
 
 .navbar-menu {
@@ -396,7 +395,7 @@ section > .btn {
 
 /* Featured Reports */
 .featured {
-  margin-top: -35px;
+  margin-top: -50px;
   background: #dfe0e2;
   clip-path: polygon(0 13%, 100% 0, 100% 100%, 0% 100%);
   padding-top: 110px;
@@ -966,17 +965,21 @@ tr > td:last-child {
     padding: 40px 20px;
   }
 
+  .featured {
+    padding-top: 150px;
+  }
+
   .section-title {
     display: block;
   }
 
   .navbar-logo {
     font-size: 1.5em;
-    padding: 20px;
+    padding: 15px;
   }
 
   .column.feature-item {
-    padding: 20px;
+    padding: 15px;
   }
 
   .features {

diff --git a/UI/assets/img/logo.png b/UI/assets/img/logo.png
diff --git a/UI/create-report.html b/UI/create-report.html
@@ -22,8 +22,10 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a><button class="hamburger-menu"><a
-          class="hamburger"></a></button>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
+      <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link active">
           <a href="./create-report.html">Create Record</a>

diff --git a/UI/dashboard.html b/UI/dashboard.html
@@ -23,7 +23,9 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
       <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link">

diff --git a/UI/edit-report.html b/UI/edit-report.html
@@ -22,7 +22,9 @@
     <!-- Begin Header -->
     <header>
         <nav class="navbar">
-            <a href="./" class="navbar-logo">iReporter</a>
+            <a href="./" class="navbar-logo">
+                <img class="logo" src="./assets/img/logo.png">
+            </a>
             <button class="hamburger-menu"><a class="hamburger"></a></button>
             <ul class="navbar-menu">
                 <li class="navbar-link">

diff --git a/UI/index.html b/UI/index.html
@@ -23,7 +23,9 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
       <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link" id="create-record">
@@ -90,7 +92,7 @@ <h2 class="section-title">How it works</h2>
     </section>
     <!-- End How It Works Section -->
     <!-- Begin Top Features Section -->
-    <section class="features section-dark">
+    <section class="featured section-dark">
       <h2 class="section-title">Top Features</h2>
       <div class="features">
         <div class="column feature-item">

diff --git a/UI/login.html b/UI/login.html
@@ -22,8 +22,10 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a><button class="hamburger-menu"><a
-          class="hamburger"></a></button>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
+      <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link active" id="login"><a href="./login.html">Login</a></li>
         <li class="navbar-link" id="signup"><a href="./signup.html">Sign Up</a></li>

diff --git a/UI/signup.html b/UI/signup.html
@@ -22,7 +22,9 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
       <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link" id="login"><a href="./login.html">Login</a></li>

diff --git a/UI/update-profile.html b/UI/update-profile.html
@@ -16,7 +16,9 @@
     <!-- Begin Header -->
     <header>
         <nav class="navbar">
-            <a href="./" class="navbar-logo">iReporter</a>
+            <a href="./" class="navbar-logo">
+                <img class="logo" src="./assets/img/logo.png">
+            </a>
             <button class="hamburger-menu"><a class="hamburger"></a></button>
             <ul class="navbar-menu">
                 <li class="navbar-link">

diff --git a/UI/view-reports.html b/UI/view-reports.html
@@ -23,7 +23,9 @@
   <!-- Begin Header -->
   <header>
     <nav class="navbar">
-      <a href="./" class="navbar-logo">iReporter</a>
+      <a href="./" class="navbar-logo">
+        <img class="logo" src="./assets/img/logo.png">
+      </a>
       <button class="hamburger-menu"><a class="hamburger"></a></button>
       <ul class="navbar-menu">
         <li class="navbar-link">