docs: add how to get help directive

Fixes #562

Author: stephenplusplus

docs/index.html

@@ -38,6 +38,7 @@
     <script src="site/components/docs/docs-values.js"></script>
     <script src="site/components/authorization/authorization.js"></script>
     <script src="site/components/faq/faq.js"></script>
+    <script src="site/components/how-to-get-help/how-to-get-help-directive.js"></script>
     <script src="site/components/language-switcher/language-switcher-directive.js"></script>
     <script src="site/components/subpage/subpage-directive.js"></script>
     <script src="site/components/header/header-directive.js"></script>

docs/site/components/faq/faq.html

@@ -16,4 +16,6 @@
   header-templateUrl="faq-header.html"
   title="FAQ">
   <btf-markdown ng-include="'faq.md'"></btf-markdown>
+  <div how-to-get-help></div>
 </div>
+

docs/site/components/faq/faq.js

@@ -1,5 +1,10 @@
 angular
-  .module('gcloud.faq', ['ngRoute', 'gcloud.subpage', 'btford.markdown'])
+  .module('gcloud.faq', [
+    'btford.markdown',
+    'ngRoute',
+    'gcloud.how-to-get-help',
+    'gcloud.subpage'
+  ])
   .config(function($routeProvider) {
     'use strict';
 

docs/site/components/how-to-get-help/how-to-get-help-directive.js

@@ -0,0 +1,9 @@
+angular
+  .module('gcloud.how-to-get-help', [])
+  .directive('howToGetHelp', function() {
+    'use strict';
+
+    return {
+      templateUrl: 'site/components/how-to-get-help/how-to-get-help.html',
+    };
+  });

docs/site/components/how-to-get-help/how-to-get-help.html

@@ -0,0 +1,27 @@
+<div class="how-to-get-help--container subtle padding">
+  <h1 class="warning">I still need help!</h1>
+
+  <p>
+    Have a question you don't see? Hope is not lost! Follow these tips to find a quick resolution to your issue.
+  </p>
+
+  <h3>Ask the Community</h3>
+  <p>
+    If you have a question about how to use gcloud-node in your project or are stuck in the Developer's console and don't know where to turn, it's possible your questions have already been addressed by the community.
+  </p>
+
+  <p>
+    First, check out the <a href="http://stackoverflow.com/questions/tagged/gcloud-node"><code>gcloud-node</code> tag on StackOverflow</a>.
+  </p>
+  <p>
+    Next, try <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues?&q=">searching through our issues on GitHub</a>.
+  </p>
+  <p>
+    Still nothing?
+  </p>
+
+  <h3>Ask the Developers</h3>
+  <p>
+    If you're experiencing a bug with the code, or have an idea for how it can be improved, <em>please</em> <a href="https://github.com/GoogleCloudPlatform/gcloud-node/issues/new">create a new issue on GitHub</a> so we can talk about it.
+  </p>
+</div>

docs/site/components/troubleshooting/troubleshooting.html

@@ -16,4 +16,5 @@
   header-templateUrl="troubleshooting-header.html"
   title="Troubleshooting">
   <btf-markdown ng-include="'troubleshooting.md'"></btf-markdown>
+  <div how-to-get-help></div>
 </div>

docs/site/components/troubleshooting/troubleshooting.js

@@ -1,5 +1,10 @@
 angular
-  .module('gcloud.troubleshooting', ['ngRoute', 'gcloud.subpage', 'btford.markdown'])
+  .module('gcloud.troubleshooting', [
+    'btford.markdown',
+    'ngRoute',
+    'gcloud.how-to-get-help',
+    'gcloud.subpage'
+  ])
   .config(function($routeProvider) {
     'use strict';
 

docs/site/css/main.css

@@ -209,6 +209,13 @@ ul {
     margin: 10px 0;
 }
 
+.subtle {
+  background-color: #f8f8f8;
+}
+
+.warning {
+  color: #DB4437;
+}
 
 
 /* Header
@@ -688,6 +695,12 @@ ul {
     display: block;
 }
 
+/*
+  How to Get Help Directive
+ */
+.how-to-get-help--container {
+  margin-top: 2em;
+}
 
 /* Docs Content
    ========================================================================== */