From a624546993babf3a48804ce05204e1301cdf6159 Mon Sep 17 00:00:00 2001
From: captainill <jonthomas0@gmail.com>
Date: Fri, 6 Nov 2015 23:38:43 -0800
Subject: [PATCH] most styles

---
 .../assets/images/logo-header-gradient@2x.png | Bin 0 -> 3994 bytes
 ...consul-header-logo.png => logo-header.png} | Bin
 ...-header-logo@2x.png => logo-header@2x.png} | Bin
 website/source/assets/images/wordtype@2x.png  | Bin 0 -> 2141 bytes
 .../source/assets/stylesheets/_header.scss    |  25 ++++++------------
 .../assets/stylesheets/application.scss       |   2 +-
 .../hashicorp-shared/_project-utility.scss    |   4 +--
 website/source/layouts/_header.erb            |   2 +-
 website/source/layouts/_sidebar.erb           |   2 +-
 9 files changed, 13 insertions(+), 22 deletions(-)
 create mode 100644 website/source/assets/images/logo-header-gradient@2x.png
 rename website/source/assets/images/{consul-header-logo.png => logo-header.png} (100%)
 rename website/source/assets/images/{consul-header-logo@2x.png => logo-header@2x.png} (100%)
 create mode 100644 website/source/assets/images/wordtype@2x.png

diff --git a/website/source/assets/images/logo-header-gradient@2x.png b/website/source/assets/images/logo-header-gradient@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd1a896fdc8f77bbfb1b7fecb7d0756bf06f17cf
GIT binary patch
literal 3994
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
A$p8QV

literal 0
HcmV?d00001

diff --git a/website/source/assets/images/consul-header-logo.png b/website/source/assets/images/logo-header.png
similarity index 100%
rename from website/source/assets/images/consul-header-logo.png
rename to website/source/assets/images/logo-header.png
diff --git a/website/source/assets/images/consul-header-logo@2x.png b/website/source/assets/images/logo-header@2x.png
similarity index 100%
rename from website/source/assets/images/consul-header-logo@2x.png
rename to website/source/assets/images/logo-header@2x.png
diff --git a/website/source/assets/images/wordtype@2x.png b/website/source/assets/images/wordtype@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..6767493e81e6b4f3a67746c521b260faa3694d23
GIT binary patch
literal 2141
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
T=ga@h00000NkvXXu0mjf06y$X

literal 0
HcmV?d00001

diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss
index 6c60e2a9a4..13860a090c 100755
--- a/website/source/assets/stylesheets/_header.scss
+++ b/website/source/assets/stylesheets/_header.scss
@@ -14,15 +14,6 @@ body.page-sub{
           color: $black;
         }
       }
-      .by{
-        &:hover{
-          svg{
-            line{
-              stroke: $black;
-            }
-          }
-        }
-      }
     }
   }
 }
@@ -30,14 +21,14 @@ body.page-sub{
 #header {
   .navbar-brand {
     .logo{
-      font-size: 20px;
+      font-size: 0;
       text-transform: uppercase;
-      background: image-url('../images/logo-header.png') 0 0 no-repeat;
-      @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
-      background-position: 0 45%;
+      background: image-url('../images/consul-hero-logo.png') 0 0 no-repeat;
+      @include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width, $project-logo-height);
+      background-position: 0 center;
 
       &:hover{
-        color: $purple;
+        opacity: .4;
       }
     }
 
@@ -46,7 +37,7 @@ body.page-sub{
       &:hover{
         svg{
           line{
-            stroke: $purple;
+            opacity: .4;
           }
         }
       }
@@ -84,7 +75,7 @@ body.page-sub{
     .navbar-brand {
       .logo{
         padding-left: 37px;
-        font-size: 18px;
+        //font-size: 18px;
         @include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
         //background-position: 0 45%;
       }
@@ -97,7 +88,7 @@ body.page-sub{
   #header {
     .navbar-brand {
       .logo{
-        font-size: 0 !important; //hide terraform text
+        
       }
     }
   }
diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss
index de09ab0b6d..ab3c41d994 100644
--- a/website/source/assets/stylesheets/application.scss
+++ b/website/source/assets/stylesheets/application.scss
@@ -18,8 +18,8 @@
 @import "_global";
 
 // Hashicorp Shared Project Styles
-@import 'hashicorp-shared/_project-utility';
 @import 'hashicorp-shared/_hashicorp-utility';
+@import 'hashicorp-shared/_project-utility';
 @import 'hashicorp-shared/_hashicorp-header';
 @import 'hashicorp-shared/_hashicorp-sidebar';
 
diff --git a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
index 1635523698..f475f518af 100755
--- a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
+++ b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
@@ -4,8 +4,8 @@
 // --------------------------------------------------
 
 // Variables
-$project-logo-width: 40px;
-$project-logo-height: $project-logo-width;
+$project-logo-width: 50px;
+$project-logo-height: 50px;
 $project-logo-pad-left: 8px;
 
 // Mixins
diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb
index b07505bf8b..080473f178 100644
--- a/website/source/layouts/_header.erb
+++ b/website/source/layouts/_header.erb
@@ -31,7 +31,7 @@
     			<div class="col-xs-12">
     				<div class="navbar-header">
     					<div class="navbar-brand">
-    						<a class="logo" href="/">Consul</a>
+    						<a class="logo" href="/"><img src="<%= image_path('wordtype@2x.png') %>" width="96px" height="18px">Consul</a>
     						<a class="by" href="https://hashicorp.com/"><span class="svg-wrap">by</span><%= partial "layouts/svg/svg-by-hashicorp" %><%= partial "layouts/svg/svg-hashicorp-logo" %>Hashicorp</a>
     					</div>
     					<button class="navbar-toggle" type="button">
diff --git a/website/source/layouts/_sidebar.erb b/website/source/layouts/_sidebar.erb
index 5afb77e947..0576dd877f 100644
--- a/website/source/layouts/_sidebar.erb
+++ b/website/source/layouts/_sidebar.erb
@@ -7,7 +7,7 @@
     <div class="sidebar-header header-cover">
         <!-- Sidebar brand image -->
         <div class="sidebar-image">
-            <img src="<%= image_path('logo-header@2x.png') %>" width="50px" height="50px">
+            <img src="<%= image_path('logo-header-gradient@2x.png') %>" width="50px" height="50px">
         </div>
     </div>