Homepage: render get-started buttons using markdown (#633)

assets/scss/_grpc.scss

@@ -170,32 +170,35 @@ c - Component (Aware of its content/context...)
   margin-top: 1rem;
   margin-bottom: 1rem;
 
-  & .btn {
-    margin: 0.5rem;
+  > ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+
+    > li {
+      display: inline;
+      > a {
+        @extend .btn;
+        margin: 0.25rem;
+      }
+    }
   }
 
-  h3 {
-    margin-top: 2rem;
-    margin-bottom: 1rem;
+}
+
+.l-get-started-buttons {
+  @extend .l-buttons;
+  > ul > li > a {
+    @extend .btn-lg;
+    @extend .btn-primary;
+    margin: 0.5rem;
   }
 }
 
 .l-dev-story-buttons {
   @extend .l-buttons;
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-
-    li {
-      display: inline;
-
-      a {
-        @extend .btn;
-        @extend .btn-secondary;
-        margin: 0.25rem;
-      }
-    }
+  > ul > li > a {
+    @extend .btn-secondary;
   }
 }
 

content/en/_index.md

@@ -14,13 +14,15 @@
 Learn more
 </a>
 <h3>Get started!</h3>
-<div class="l-buttons">
-<a class="btn btn-lg btn-primary" href="/docs/languages/go/quickstart/">Go</a>
-<a class="btn btn-lg btn-primary" href="/docs/languages/cpp/quickstart/">C++</a>
-<a class="btn btn-lg btn-primary" href="/docs/languages/java/quickstart/">Java</a>
-<a class="btn btn-lg btn-primary" href="/docs/languages/python/quickstart/">Python</a>
-<a class="btn btn-lg btn-primary" href="/docs/languages/csharp/quickstart/">C#</a>
-<a class="btn btn-lg btn-primary" href="/docs/languages/">…</a>
+<div class="l-get-started-buttons">
+
+- [Go]({{< relref "/docs/languages/go/quickstart" >}})
+- [C++]({{< relref "/docs/languages/cpp/quickstart" >}})
+- [Java]({{< relref "/docs/languages/java/quickstart" >}})
+- [Python]({{< relref "/docs/languages/python/quickstart" >}})
+- [C#]({{< relref "/docs/languages/csharp/quickstart" >}})
+- [<i class="fas fa-ellipsis-h"></i>]({{< relref "languages" >}})
+</div>
 {{< /blocks/cover >}}
 
 <div class="l-constrained-width-content">