From 3da7b33a3d8478a1bb49d1b7d36909c9312906b2 Mon Sep 17 00:00:00 2001
From: captainill <jonthomas0@gmail.com>
Date: Mon, 14 Mar 2016 18:48:46 -0700
Subject: [PATCH] announcement bnr

---
 .../assets/stylesheets/_announcement-bnr.scss | 140 ++++++++++++++++++
 .../assets/stylesheets/application.scss       |   1 +
 website/source/layouts/_announcement-bnr.erb  |  14 ++
 website/source/layouts/_header.erb            |   1 +
 website/source/layouts/_meta.erb              |   2 +-
 5 files changed, 157 insertions(+), 1 deletion(-)
 create mode 100755 website/source/assets/stylesheets/_announcement-bnr.scss
 create mode 100644 website/source/layouts/_announcement-bnr.erb

diff --git a/website/source/assets/stylesheets/_announcement-bnr.scss b/website/source/assets/stylesheets/_announcement-bnr.scss
new file mode 100755
index 000000000..868c06d08
--- /dev/null
+++ b/website/source/assets/stylesheets/_announcement-bnr.scss
@@ -0,0 +1,140 @@
+//
+// announcement bnr
+// --------------------------------------------------
+
+$enterprise-bnr-nomad-color: $green;
+$enterprise-color-dark-white: #A9B1B5;
+
+body{
+  // when _announcment-bnr.erb is being used in layout we need to push down content to accomodate
+  // add this class to body
+  &.-displaying-bnr{
+    #header{
+      > .container{
+        padding-top: 8px;
+        padding-bottom: 32px;
+        -webkit-transform: translateY(32px);
+            -ms-transform: translateY(32px);
+                transform: translateY(32px);
+      }
+    }
+
+    #jumbotron {
+      .container{
+        .jumbo-logo-wrap{
+          margin-top: 160px;
+        }
+      }
+    }
+
+    &.page-sub{
+      #header{
+        > .container{
+          padding-bottom: 32px;
+        }
+      }
+    }
+  }
+}
+
+
+#announcement-bnr {
+  height: 40px;
+  flex-shrink: 0;
+  background-color: #000;
+
+  &.-absolute{
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    z-index: 9999;
+  }
+
+  a,p{
+    font-size: 14px;
+    color: $enterprise-color-dark-white;
+    font-family: $header-font-family;
+    font-size: 13px;
+    line-height: 40px;
+    margin-bottom: 0;
+  }
+
+  .link-highlight{
+    display: inline-block;
+    margin-left: 3px;
+    color: lighten($enterprise-bnr-nomad-color, 10%);
+    font-weight: 400;
+    -webkit-transform: translateY(1px);
+        -ms-transform: translateY(1px);
+            transform: translateY(1px);
+  }
+
+  .enterprise-logo{
+    position: relative;
+    top: 4px;
+
+    &:hover{
+      text-decoration: none;
+
+      svg{
+        rect{
+          fill: $enterprise-color-dark-white;
+        }
+      }
+    }
+
+    svg{
+      width: 140px;
+      fill: $white;
+      margin-right: 4px;
+      margin-left: 3px;
+
+      rect{
+        @include transition(all .1s ease-in);
+      }
+    }
+  }
+}
+
+.hcaret{
+  display: inline-block;
+  -moz-transform: translate(0, -1px) rotate(135deg);
+  -webkit-transform: translate(0, -1px) rotate(135deg);
+  transform: translate(0, -1px) rotate(135deg);
+  width: 7px;
+  height: 7px;
+  border-top: 1px solid lighten($enterprise-bnr-nomad-color, 10%);
+  border-left: 1px solid lighten($enterprise-bnr-nomad-color, 10%);
+  @include transition(all .1s ease-in);
+}
+
+@media (max-width: 768px) {
+  #announcement-bnr {
+    .tagline{
+      display: none;
+    }
+  }
+}
+
+@media (max-width: 320px) {
+  #announcement-bnr {
+    a,p{
+      font-size: 12px;
+    }
+
+    .link-highlight{
+      display: inline-block;
+      margin-left: 1px;
+    }
+
+    .enterprise-logo svg{
+      width: 128px;
+      margin-left: 2px;
+    }
+
+    .hcaret{
+      display: none;
+    }
+  }
+}
diff --git a/website/source/assets/stylesheets/application.scss b/website/source/assets/stylesheets/application.scss
index af16ae319..ca74679f8 100755
--- a/website/source/assets/stylesheets/application.scss
+++ b/website/source/assets/stylesheets/application.scss
@@ -27,6 +27,7 @@
 @import '_footer';
 @import '_buttons';
 @import '_sidebar';
+@import '_announcement-bnr';
 
 // Pages
 @import '_home';
diff --git a/website/source/layouts/_announcement-bnr.erb b/website/source/layouts/_announcement-bnr.erb
new file mode 100644
index 000000000..1b2486120
--- /dev/null
+++ b/website/source/layouts/_announcement-bnr.erb
@@ -0,0 +1,14 @@
+<div id="announcement-bnr" class="-absolute">
+  <div class="container">
+    <div class="row">
+      <div class="col-xs-12">
+        <p>
+          <span class="tagline">Nomad Annoucement!</span>
+          <a class="link-highlight" href="https://www.hashicorp.com/">
+            Find out more <span class="hcaret"></span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+</div>
diff --git a/website/source/layouts/_header.erb b/website/source/layouts/_header.erb
index 4820423a3..746df5a89 100644
--- a/website/source/layouts/_header.erb
+++ b/website/source/layouts/_header.erb
@@ -1,4 +1,5 @@
 <div id="header" class="<%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
+  <%= partial "layouts/announcement-bnr" %>
   <div class="container">
     <div class="row">
       <div class="col-xs-12">
diff --git a/website/source/layouts/_meta.erb b/website/source/layouts/_meta.erb
index 253a7df63..c17dde90d 100644
--- a/website/source/layouts/_meta.erb
+++ b/website/source/layouts/_meta.erb
@@ -18,4 +18,4 @@
     <%= yield_content :head %>
   </head>
 
-  <body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="<%= yield_content(:body_class) %> page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>">
+  <body id="page-<%= current_page.data.page_title ? "#{current_page.data.page_title}" : "home" %>" class="<%= yield_content(:body_class) %> page-<%= current_page.data.page_title ? "#{current_page.data.page_title} layout-#{current_page.data.layout} page-sub" : "home layout-#{current_page.data.layout}" %>  -displaying-bnr">