Merge pull request #1189 from Altalogy/navbar-update-we-re-hiring

Navbar update - added "we're hiring"
gruntwork-io · Oct 13, 2022 · 404b916 · 404b916
2 parents aa9b0b4 + e130036
commit 404b916
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/docs/_includes/navbar.html b/docs/_includes/navbar.html
@@ -14,6 +14,7 @@
       </div>
       <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">
         <ul class="nav navbar-nav navbar-right">
+          <li><a href="https://gruntwork.io/careers"><span class="new-label">NEW</span>We're Hiring!</a></li>
           <li><a href="{{site.baseurl}}/docs/getting-started/quick-start" ga-on="click" ga-event-category="nav-{{ page.path | slugify }}" ga-event-action="quick-start">Quick Start</a></li>
           <li><a href="{{site.baseurl}}/docs/" ga-on="click" ga-event-category="nav-{{ page.path | slugify }}" ga-event-action="docs">Docs</a></li>
           <li><a href="{{site.baseurl}}/examples/" ga-on="click" ga-event-category="nav-examples" ga-event-action="examples">Examples</a></li>

diff --git a/docs/assets/css/pages/home.scss b/docs/assets/css/pages/home.scss
@@ -49,6 +49,27 @@ body.index-page {
     padding-top: 30px;
   }
 
+  .navbar-nav {
+    li {
+      &:first-child {
+        a {
+          display: flex;
+          span {
+            margin-right: 12px;
+            padding: 0;
+            background: linear-gradient(101.84deg, #FE3162 2.31%, #FF4F47 98.56%);
+            border-radius: 3.5px;
+            font-weight: 600;
+            min-width: 52px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+    }
+  }
+
   .section-hero {
     margin-top: 0px;
     padding-top: 0px;
@@ -208,7 +229,6 @@ body.index-page {
             margin-left: 15px;
           }
         }
-
         @media all and (max-width: 450px) {
           flex-direction: column;
           min-width: auto;
@@ -281,7 +301,9 @@ body.index-page {
     }
 
     @media all and (max-width: 450px) {
-      .hide-on-cxs { display: none; }
+      .hide-on-cxs {
+        display: none;
+      }
     }
 
   }
@@ -318,7 +340,7 @@ body.index-page {
     @media all and (max-width: 991px) {
       .row.flex {
         flex-direction: column;
-        & > .col-xs-12:first-child {
+        &>.col-xs-12:first-child {
           margin-bottom: 50px;
           max-width: 800px;
           margin-left: auto;