Keep content in markdown instead of shortcode

wiki/content/_index.md

@@ -10,20 +10,152 @@ title = "Dgraph Documentation"
 [![Go Report Card](https://goreportcard.com/badge/github.com/dgraph-io/dgraph)](https://goreportcard.com/report/github.com/dgraph-io/dgraph)
 [![Slack Status](http://slack.dgraph.io/badge.svg)](http://slack.dgraph.io)
 
-**Welcome to the official Dgraph documentation. Here you will find useful documentation for Dgraph and more.**
+**Welcome to the official Dgraph documentation.**
 
 Dgraph is an open source, scalable, distributed, highly available and fast graph database, designed from ground up to be run in production.
 
 ## Using Dgraph
 
-{{< toc >}}
+<section class="toc">
+  <div class="container">
+    <div class="row row-no-padding">
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="https://tour.dgraph.io" target="_blank">
+              Tour of Dgraph <i class="fa fa-external-link external-link-icon"></i>
+            </a>
+          </div>
+          <p class="section-desc">
+            Take an interactive tour of Dgraph to learn the concepts.
+          </p>
+        </div>
+      </div>
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="{{< relref "get-started/index.md">}}">
+              Get Started
+            </a>
+          </div>
+          <p class="section-desc">
+            Install Dgraph and run a query in 2 minutes.
+          </p>
+        </div>
+      </div>
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="{{< relref "query-language/index.md">}}">
+              Query Language
+            </a>
+          </div>
+          <p class="section-desc">
+            A reference guide for Dgraph query language
+          </p>
+        </div>
+      </div>
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="{{< relref "clients/index.md">}}">
+              Clients
+            </a>
+          </div>
+          <p class="section-desc">
+            Dgraph clients in various programming languages
+          </p>
+        </div>
+      </div>
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="{{< relref "deploy/index.md">}}">
+              Deploy
+            </a>
+          </div>
+          <p class="section-desc">
+            Deploying Dgraph to production
+          </p>
+        </div>
+      </div>
+
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="{{< relref "faq/index.md">}}">
+              FAQ
+            </a>
+          </div>
+          <p class="section-desc">
+            Frequently asked questions
+          </p>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</section>
+
 
 ## Our Community
 
 **Dgraph is made better everyday by the growing community and the contributors all over the world.**
 
-{{< community-toc >}}
+<section class="toc">
+  <div class="container">
+    <div class="row row-no-padding">
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="https://slack.dgraph.io">
+              Slack <i class="fa fa-external-link external-link-icon"></i>
+            </a>
+          </div>
+          <p class="section-desc">
+            Chat instantly to the Dgrpah community and engineers.
+          </p>
+        </div>
+      </div>
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="https://discuss.dgraph.io">
+              Forum <i class="fa fa-external-link external-link-icon"></i>
+            </a>
+          </div>
+          <p class="section-desc">
+            Discuss Dgraph on the official forum.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+
 
-## Resources
+## Demo
 
-{{< resources-toc >}}
+<section class="toc">
+  <div class="container">
+    <div class="row row-no-padding">
+      <div class="col-12 col-sm-6">
+        <div class="section-item">
+          <div class="section-name">
+            <a href="https://discuss.dgraph.io">
+              Dgraph Playground <i class="fa fa-external-link external-link-icon"></i>
+            </a>
+          </div>
+          <p class="section-desc">
+            Play with Freebase movie dataset with 21 million edges
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>