addressed PR feedback, updated homepage card structure

pull/1387/head
Scott Anderson 2020-08-18 18:04:20 -06:00
parent 205e26d75b
commit 66fbfa76b6
3 changed files with 43 additions and 26 deletions

View File

@ -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);}

View File

@ -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.

View File

@ -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>
<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>
<p><a href="/platform/">Learn more about the platform</a></p>
</div>
<p><a href="/platform/">Learn more</a></p>
</div>
<div id="tick-cards" class="three-quarters row">
<div class="card telegraf">
<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>
<p><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf documentation</a></p>
</div>
<p><a href="/telegraf/{{ $telegrafVersion }}/">View documentation</a></p>
</div>
<div class="card influxdb">
<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>
<p><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB documentation</a></p>
</div>
<p><a href="/influxdb/{{ $influxdbVersionV1 }}/">View documentation</a></p>
</div>
<div class="card chronograf">
<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>
<p><a href="/chronograf/{{ $chronografVersion }}/">Chronograf documentation</a></p>
</div>
<p><a href="/chronograf/{{ $chronografVersion }}/">View documentation</a></p>
</div>
<div class="card kapacitor">
<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>
<p><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor documentation</a></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">
<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">
<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-premise, private cloud, public cloud, or on the edge.</p>
<p><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise documentation</a></p>
<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>