Merge pull request #1788 from hashicorp/sethvargo/syntax

Add syntax highlighting

website/Gemfile

@@ -1,4 +1,5 @@
 source "https://rubygems.org"
 
 gem "middleman-hashicorp",
-  git: "https://github.com/hashicorp/middleman-hashicorp.git"
+  git: "https://github.com/hashicorp/middleman-hashicorp.git",
+  ref: "a03faa8"

website/Gemfile.lock

@@ -1,6 +1,7 @@
 GIT
   remote: https://github.com/hashicorp/middleman-hashicorp.git
-  revision: 80ddc227b26cbbb3742d14396f26172174222080
+  revision: a03faa81fe82f42ea094fb72bf663a27134c8a36
+  ref: a03faa8
   specs:
     middleman-hashicorp (0.2.0)
       bootstrap-sass (~> 3.3)
@@ -9,7 +10,7 @@ GIT
       middleman (~> 3.4)
       middleman-livereload (~> 3.4)
       middleman-minify-html (~> 3.4)
-      middleman-syntax (~> 2.0)
+      middleman-syntax (~> 3.0)
       rack-contrib (~> 1.2)
       rack-protection (~> 1.5)
       rack-rewrite (~> 1.5)
@@ -27,7 +28,7 @@ GEM
       minitest (~> 5.1)
       thread_safe (~> 0.3, >= 0.3.4)
       tzinfo (~> 1.1)
-    autoprefixer-rails (6.4.1.1)
+    autoprefixer-rails (6.5.0.1)
       execjs
     bootstrap-sass (3.3.7)
       autoprefixer-rails (>= 5.2.1)
@@ -117,9 +118,9 @@ GEM
       sprockets (~> 2.12.1)
       sprockets-helpers (~> 1.1.0)
       sprockets-sass (~> 1.3.0)
-    middleman-syntax (2.1.0)
+    middleman-syntax (3.0.0)
       middleman-core (>= 3.2)
-      rouge (~> 1.0)
+      rouge (~> 2.0)
     mime-types (3.1)
       mime-types-data (~> 3.2015)
     mime-types-data (3.2016.0521)
@@ -153,7 +154,7 @@ GEM
       ffi (>= 0.5.0)
     redcarpet (3.3.4)
     ref (2.0.0)
-    rouge (1.11.1)
+    rouge (2.0.6)
     sass (3.4.22)
     sprockets (2.12.4)
       hike (~> 1.2)

website/source/assets/stylesheets/_syntax.scss.erb

@@ -0,0 +1,9 @@
+pre.highlight code {
+  color: $white;
+}
+
+<%= Rouge::Themes::Base16.render(scope: ".highlight") %>
+
+pre.highlight code span.c1 {
+  color: $gray;
+}

website/source/assets/stylesheets/application.scss

@@ -27,6 +27,7 @@
 @import '_footer';
 @import '_buttons';
 @import '_sidebar';
+@import '_syntax';
 @import '_announcement-bnr';
 
 // Pages