From 66fbfa76b6228f40e99cb0caad29b405772e019e Mon Sep 17 00:00:00 2001
From: Scott Anderson <scott@influxdata.com>
Date: Tue, 18 Aug 2020 18:04:20 -0600
Subject: [PATCH] addressed PR feedback, updated homepage card structure

---
 assets/styles/layouts/_homepage.scss | 10 +++--
 content/_index.md                    |  2 +-
 layouts/index.html                   | 57 ++++++++++++++++++----------
 3 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/assets/styles/layouts/_homepage.scss b/assets/styles/layouts/_homepage.scss
index 41a3198f1..1b29ae8b3 100644
--- a/assets/styles/layouts/_homepage.scss
+++ b/assets/styles/layouts/_homepage.scss
@@ -156,9 +156,14 @@
   }
 
   .card {
-    padding: 1.5rem 1.5rem 1rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 1.25rem 1.5rem .75rem;
     flex: 1 0;
 
+    .card-content p { margin-bottom: 0; }
+
     span.version {
       font-size: 1.15rem;
       opacity: .65;
@@ -189,9 +194,6 @@
     }
   }
 
-  #platform {
-
-  }
   .telegraf {@include gradient($telegraf-dropdown-gradient);}
   .influxdb {@include gradient($default-dropdown-gradient);}
   .chronograf {@include gradient($chronograf-dropdown-gradient);}
diff --git a/content/_index.md b/content/_index.md
index b57639711..497c21dd1 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,6 +1,6 @@
 ---
 # Meta information for the documentation homepage
-title: InfluxData Documentation
+title: InfluxData documentation
 description: >
  InfluxData provides the industry leading time series platform.
  Store, process, and alert on time series data with InfluxDB and InfluxDB Cloud.
diff --git a/layouts/index.html b/layouts/index.html
index e18bd9459..5edc257b0 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -15,7 +15,8 @@
     <div class="half">
       <h2>InfluxDB Cloud & <br />InfluxDB {{ $influxdbVersionV2 }} OSS</h2>
       <p>
-        The most powerful time series database designed to handle high write and query loads.
+        The most powerful time series database.
+        Designed to handle high write and query loads.
         Run in the cloud with <strong>InfluxDB Cloud</strong> or on your own hardware with <strong>InfluxDB {{ $influxdbVersionV2 }} OSS</strong>.
       </p>
       <a class="btn" href="/influxdb/{{ $influxdbVersionV2 }}">View InfluxDB {{ $influxdbVersionV2 }} Documentation</a>
@@ -39,30 +40,40 @@
   <div id="tick-stack" class="section row">
     <div class="group-wrapper">
       <div id="platform" class="card quarter">
-        <h2><a href="/platform/">InfluxData TICK Stack</a></h2>
-        <p>The leading modern time series platform, built for metrics and events.</p>
-        <p><a href="/platform/">Learn more about the platform</a></p>
+        <div class="card-content">
+          <h2><a href="/platform/">InfluxData TICK stack</a></h2>
+          <p>The leading modern time series platform, built for metrics and events.</p>
+        </div>
+        <p><a href="/platform/">Learn more</a></p>
       </div>
       <div id="tick-cards" class="three-quarters row">
         <div class="card telegraf">
-          <h2><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf <span class="version">{{ $telegrafVersion }}</span></a></h2>
-          <p>Collect metrics from stacks, sensors and systems.</p>
-          <p><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf documentation</a></p>
+          <div class="card-content">
+            <h2><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf <span class="version">{{ $telegrafVersion }}</span></a></h2>
+            <p>Collect metrics from stacks, sensors and systems.</p>
+          </div>
+          <p><a href="/telegraf/{{ $telegrafVersion }}/">View documentation</a></p>
         </div>
         <div class="card influxdb">
-          <h2><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB <span class="version">{{ $influxdbVersionV1 }}</span></a></h2>
-          <p>Write and query time series data.</p>
-          <p><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB  documentation</a></p>
+          <div class="card-content">
+            <h2><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB <span class="version">{{ $influxdbVersionV1 }}</span></a></h2>
+            <p>Write and query time series data.</p>
+          </div>
+          <p><a href="/influxdb/{{ $influxdbVersionV1 }}/">View documentation</a></p>
         </div>
         <div class="card chronograf">
-          <h2><a href="/chronograf/{{ $chronografVersion }}/">Chronograf <span class="version">{{ $chronografVersion }}</span></a></h2>
-          <p>Visualize and manage time series data.</p>
-          <p><a href="/chronograf/{{ $chronografVersion }}/">Chronograf documentation</a></p>
+          <div class="card-content">
+            <h2><a href="/chronograf/{{ $chronografVersion }}/">Chronograf <span class="version">{{ $chronografVersion }}</span></a></h2>
+            <p>Visualize and manage time series data.</p>
+          </div>
+          <p><a href="/chronograf/{{ $chronografVersion }}/">View documentation</a></p>
         </div>
         <div class="card kapacitor">
-          <h2><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor <span class="version">{{ $kapacitorVersion }}</span></a></h2>
-          <p>Process and alert on time series data.</p>
-          <p><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor documentation</a></p>
+          <div class="card-content">
+            <h2><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor <span class="version">{{ $kapacitorVersion }}</span></a></h2>
+            <p>Process and alert on time series data.</p>
+          </div>
+          <p><a href="/kapacitor/{{ $kapacitorVersion }}/">View documentation</a></p>
         </div>
       </div>
     </div>
@@ -71,15 +82,19 @@
   <div id="enterprise" class="section row">
     <div class="group-wrapper">
       <div class="card quarter">
-        <h2>Enterprise offerings</h2>
-        <p>Enterprise tools to meet your business needs.</p>
+        <div class="card-content">
+          <h2>Enterprise offerings</h2>
+          <p>Enterprise tools to meet your business needs.</p>
+        </div>
         <p><a href="https://www.influxdata.com/contact-sales/">Contact Sales</a></p>
       </div>
       <div id="tick-cards" class="three-quarters row">
         <div class="card influxdb">
-          <h2><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise <span class="version">{{ $enterpriseVersion }}</span></a></h2>
-          <p>A scalable InfluxDB cluster designed for heavy workloads. Run InfluxDB Enterprise on your own infrastructure — on-premise, private cloud, public cloud, or on the edge.</p>
-          <p><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise documentation</a></p>
+          <div class="card-content">
+            <h2><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise <span class="version">{{ $enterpriseVersion }}</span></a></h2>
+            <p>A scalable InfluxDB cluster designed for heavy workloads. Run InfluxDB Enterprise on your own infrastructure—on-premises, private cloud, public cloud, or at the edge.</p>
+          </div>
+          <p><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">View documentation</a></p>
         </div>
       </div>
     </div>