Change overview to 2x4 column layout, set links.

content/index.html

@@ -3,54 +3,47 @@ title: Home
 ---
 <div class="main">
   <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-flask"></i> Data Model</h2>
       <p class="desc">Prometheus implements a highly dimensional data model. Time series are identified by a metric name and a set of key-value pairs.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/concepts/data_model/" role="button">View details &raquo;</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-search"></i> Query language</h2>
       <p class="desc">A flexible query languge allows slicing and dicing of collected time series data in order to generate ad-hoc graphs, tables, and alerts.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/querying/basics/" role="button">View details &raquo;</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-line-chart"></i> Visualization</h2>
       <p class="desc">Prometheus supports multiple modes for visualizing data: a built-in expression browser, a GUI-based dashboard builder, and a console template language.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/visualization/browser/" role="button">View details &raquo;</a></p>
     </div>
-  </div>
-  <div class="row">
-    <div class="col-md-4">
-      <h2><i class="fa fa-cloud-download"></i> Pull model</h2>
-      <p class="desc">Prometheus collects time series data by scraping instrumented services. This allows Prometheus to detect when targets are down.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
-    </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-database"></i> Storage</h2>
       <p class="desc">Prometheus stores time series in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/operating/storage/" role="button">View details &raquo;</a></p>
     </div>
-    <div class="col-md-4">
+  </div>
+  <div class="row">
+    <div class="col-md-3">
       <h2><i class="fa fa-cog"></i> Operation</h2>
       <p class="desc">Each server is independent for reliability, relying only on local storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/operating/configuration/" role="button">View details &raquo;</a></p>
     </div>
-  </div>
-  <div class="row">
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-code"></i> Client libraries</h2>
       <p class="desc">Client libraries allow easy instrumentation of services. Currently, Go, Java, and Ruby are supported. Custom libraries are easy to implement.</p>
-      <p><a class="btn btn-default" href="/docs/instrumenting/clientlibs.md" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/instrumenting/clientlibs/" role="button">View details &raquo;</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-warning"></i> Alerting</h2>
       <p class="desc">Alerts are defined based on Prometheus's flexible query language and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/operating/rules/#alerting-rules" role="button">View details &raquo;</a></p>
     </div>
-    <div class="col-md-4">
+    <div class="col-md-3">
       <h2><i class="fa fa-cloud-upload"></i> Exporters</h2>
       <p class="desc">Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
-      <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+      <p><a class="btn btn-default" href="/docs/instrumenting/exporters/" role="button">View details &raquo;</a></p>
     </div>
   </div>
 </div>