Streamline quickstart menu

Signed-off-by: lucperkins <lucperkins@gmail.com>

content/docs/quickstart/android.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
 title: Android Java Quickstart
+short: Android
 aliases: [/docs/quickstart/android.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Android Java with a simple

content/docs/quickstart/cpp.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
-title: C++ Quickstart
+title: C++ Quick Start
+short: C++
 aliases: [/docs/quickstart/cpp.html]
 ---
 <p class="lead">This guide gets you started with gRPC in C++ with a simple

content/docs/quickstart/csharp.md

@@ -1,6 +1,7 @@
 ---
 title: C# Quick Start
 layout: quickstart
+short: C#
 aliases: [/docs/quickstart/csharp.html]
 ---
 

content/docs/quickstart/dart.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
 title: Dart Quickstart
+short: Dart
 aliases: [/docs/quickstart/dart.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Dart with a simple

content/docs/quickstart/go.md

@@ -1,6 +1,7 @@
 ---
 title: Go Quick Start
 layout: quickstart
+short: Go
 aliases: [/docs/quickstart/go.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Go with a simple

content/docs/quickstart/java.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
-title: Java Quickstart
+title: Java Quick Start
+short: Java
 aliases: [/docs/quickstart/java.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Java with a simple

content/docs/quickstart/node.md

@@ -1,6 +1,7 @@
 ---
 title: Node Quick Start
 layout: quickstart
+short: Node
 aliases: [/docs/quickstart/node.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Node with a simple

content/docs/quickstart/objective-c.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
-title: Objective-C Quickstart
+title: Objective-C Quick Start
+short: Objective-C
 aliases: [/docs/quickstart/objective-c.html]
 ---
 <p class="lead">This guide gets you started with gRPC on the iOS platform in

content/docs/quickstart/php.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
-title: PHP Quickstart
+title: PHP Quick Start
+short: PHP
 aliases: [/docs/quickstart/php.html]
 ---
 <p class="lead">This guide gets you started with gRPC in PHP with a simple

content/docs/quickstart/python.md

@@ -1,6 +1,7 @@
 ---
 layout: quickstart
-title: Python Quickstart
+title: Python Quick Start
+short: Python
 aliases: [/docs/quickstart/python.html]
 ---
 <p class="lead">This guide gets you started with gRPC in Python with a simple

content/docs/quickstart/ruby.md

@@ -1,6 +1,7 @@
 ---
 title: Ruby Quick Start
 layout: quickstart
+short: Ruby
 aliases: [/docs/quickstart/ruby.html]
 ---
 

content/docs/quickstart/web.md

@@ -1,6 +1,7 @@
 ---
 title: Web Quick Start
 layout: quickstart
+short: Web
 aliases: [/docs/quickstart/web.html]
 ---
 <p class="lead">This guide gets you started with gRPC-Web with a simple

layouts/docs/quickstart.html

@@ -1,8 +1,12 @@
 
 {{ define "title" }}
-  {{ .Title }} – {{ .Site.Title }}
+{{ .Title }} – {{ .Site.Title }}
 {{ end }}
+
 {{ define "main" }}
+{{ $currentUrl     := .RelPermalink }}
+{{ $quickstartDocs := where site.Pages ".Layout" "quickstart" }}
+
             <div class="headertext">Documentation</div>
   </div>
         </div>
@@ -14,19 +18,19 @@
 
 <div class="quickstartcol1">
 
-<h8>Quick Start</h8>
-<a href="{{ .Site.BaseURL }}docs/quickstart/cpp/" {{ if in .RelPermalink "cpp" }} class="active"{{ end }}>C++</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/csharp/" {{ if in .RelPermalink "csharp" }} class="active"{{ end }}>C#</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/dart/" {{ if in .RelPermalink "dart" }} class="active"{{ end }}>Dart</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/go/" {{ if in .RelPermalink "go" }} class="active"{{ end }}>Go</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/java/" {{ if in .RelPermalink "java" }} class="active"{{ end }}>Java</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/android/" {{ if in .RelPermalink "android" }} class="active"{{ end }}>Android Java</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/node/" {{ if in .RelPermalink "node" }} class="active"{{ end }}>Node.js</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/objective-c/" {{ if in .RelPermalink "objective-c" }} class="active"{{ end }}>Objective-C</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/php/" {{ if in .RelPermalink "php" }} class="active"{{ end }}>PHP</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/python/" {{ if in .RelPermalink "python" }} class="active"{{ end }}>Python</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/ruby/" {{ if in .RelPermalink "ruby" }} class="active"{{ end }}>Ruby</a>
-<a href="{{ .Site.BaseURL }}docs/quickstart/web/" {{ if in .RelPermalink "web" }} class="active"{{ end }}>Web</a>
+  <h8>Quick Start</h8>
+
+  <a href="/docs/quickstart">
+    Quick Start Home
+  </a>
+
+  {{ range $quickstartDocs }}
+  {{ $isCurrentPage := eq $currentUrl .RelPermalink }}
+  {{ $title := .Params.short }}
+  <a href="{{ .RelPermalink }}"{{ if $isCurrentPage }} class="active"{{ end }}>
+    {{ $title }}
+  </a>
+  {{ end }}
 </div>
 
 <div class="quickstartcol2" style="margin-top:4%">