addressed PR feedback, updated homepage card structure

pull/1345/head^2
Scott Anderson 2020-08-18 18:04:20 -06:00
parent 3fd5a9e18b
commit eeb18d5f04
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>
<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>