Update with latest support docs (#242)

* Update with latest support docs

* Add banner file

* docs.js

* adjust item selector

package.json

@@ -34,7 +34,7 @@
     "grunt-contrib-less": "~2.1.0",
     "grunt-contrib-pug": "~3.0.0",
     "grunt-contrib-uglify": "~5.2.2",
-    "grunt-docs": "https://github.com/gruntjs/grunt-docs.git#d224f17ae21fe606b5b7eca73155a31f4e341930",
+    "grunt-docs": "https://github.com/gruntjs/grunt-docs.git#154b2b6ebc69c51bdf7cab5f2f54ce12b9d73eb1",
     "grunt-sitemap": "~1.2.1",
     "highlight.js": "~9.12.0",
     "less-plugin-clean-css": "~1.6.0",

src/less/banner.less

@@ -0,0 +1,31 @@
+.banner {
+  background: #FDF3E3;
+  color: #6C5B44;
+  text-align: center;
+  padding: 1em 0;
+}
+
+.banner a {
+  color: #6C5B44;
+  font-size: 1.25em;
+  text-decoration: none;
+}
+
+.banner a:hover {
+  color: #6C5B44;
+  text-decoration: underline;
+}
+
+.navbar .blm .brand {
+  font-weight: 700;
+  margin-left: .5em;
+}
+
+.blm .logo {
+  background-image: url(../img/grunt-logo.svg);
+  width: 42px;
+  height: 39px;
+  background-size: 100% auto;
+  float: left;
+  margin-top: 0.55em;
+}

src/less/main.less

@@ -8,7 +8,7 @@
 @import "hero-unit";
 @import "wells";
 @import "effects";
-@import "blm";
+@import "banner";
 
 @text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
 
@@ -170,9 +170,9 @@ i {
     height: 340px;
     width: 30%;
     .logo {
-      height: 100%;
-      width: 100%;
-      position: relative;
+      height: 85%;
+      width: 90%;
+      background-size: cover;
       z-index: 3;
     }
   }
@@ -218,7 +218,7 @@ i {
       line-height: 1.6em;
       margin-left: 0;
       .sidebar-nav {
-        margin-top: 307px;
+        margin-top: 300px;
         padding-left: 3em;
         h3 {
           margin-bottom: 0;

src/tmpl/blocks/header.pug

@@ -1,5 +1,5 @@
-.blm-banner 
-  a(href='blm') Black Lives Matter 
+.banner 
+  a(href='support') V1.6.1 is the current version, and previous versions are not supported. Upgrade to the latest version or consider other support options.
 .navbar.navbar-inverse
   .navbar-inner
     .container
@@ -23,6 +23,10 @@
             a(href='/documentation')
               i.icon-file-text
               span Documentation
+          li
+            a(href='/support')
+              i.icon-file-text
+              span Support
         form.navbar-search.pull-right
           input.search-query(type='text', placeholder='Search')
       //.nav-collapse

tasks/docs.js

@@ -53,7 +53,7 @@ module.exports = function (grunt) {
           }
 
           if (rMode && line.length > 0) {
-            var item = line.replace(/#/g, '').replace(']]', '').replace('* [[', '');
+            var item = line.replace(/#/g, '').replace(']]', '').replace('- [[', '');
             var url = item;
 
             if (item[0] === ' ') {