Merge pull request #4644 from jasoncostello/website-add-meganav

Website: Add Meganav

website/Gemfile

@@ -1,3 +1,3 @@
 source "https://rubygems.org"
 
-gem "middleman-hashicorp", "0.3.12"
+gem "middleman-hashicorp", "0.3.13"

website/Makefile

@@ -1,4 +1,4 @@
-VERSION?="0.3.12"
+VERSION?="0.3.13"
 
 website:
 	@echo "==> Starting website in Docker..."

website/packer.json

@@ -8,7 +8,7 @@
   "builders": [
     {
       "type": "docker",
-      "image": "hashicorp/middleman-hashicorp:0.3.12",
+      "image": "hashicorp/middleman-hashicorp:0.3.13",
       "discard": "true",
       "run_command": ["-d", "-i", "-t", "{{ .Image }}", "/bin/sh"]
     }

website/source/assets/javascripts/application.js

@@ -1,7 +1,10 @@
 //= require jquery
+//= require bootstrap
 
 //= require lib/Base
 
+//= require hashicorp/mega-nav
+
 //= require docs
 //= require app/Sidebar
 ////= require app/Init

website/source/assets/stylesheets/_styles.scss

@@ -95,10 +95,6 @@ p {
       color: darken($green, 50%);
     }
   }
-
-  img {
-    width: 100%;
-  }
 }
 
 a {

website/source/assets/stylesheets/application.scss

@@ -3,6 +3,9 @@
 
 @import url("//fonts.googleapis.com/css?family=Inconsolata|Open+Sans:300,400,600");
 
+// Mega Nav
+@import 'hashicorp/mega-nav';
+
 @import "_helpers";
 @import "_reset";
 

website/source/layouts/layout.erb

@@ -34,12 +34,14 @@
     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NR2SD7C"
     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
     <!-- End Google Tag Manager (noscript) -->
+
+    <%= mega_nav :packer %>
+
     <div id="header" class="navigation white <%= current_page.data.page_title == "home" ? "" : "navbar-static-top" %>">
-    	<div class="container-fluid">
+      <div class="container">
 				<div class="navbar-header">
 					<div class="navbar-brand">
 						<a class="logo" href="/">Packer</a>
-						<a class="by-hashicorp white" href="https://www.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 white" type="button">
 						<span class="sr-only">Toggle navigation</span>
@@ -72,7 +74,7 @@
     <%= yield %>
     <div class="clearfix"></div>
     <footer id="footer" class="navigation white">
-      <div class="container-fluid">
+      <div class="container">
         <div class="row">
           <div class="col-xs-12">
             <% # current_page.path does not have an extension, but