From d6865f3f7636b2c6abf2c85baaf1b1efb6b19cfb Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Mon, 17 Aug 2020 14:31:11 -0600 Subject: [PATCH 1/3] WIP new docs homepage --- assets/styles/layouts/_global.scss | 29 - assets/styles/layouts/_homepage.scss | 132 +++++ assets/styles/layouts/_top-nav.scss | 1 + assets/styles/styles-default.scss | 1 + assets/styles/tools/_color-palette.scss | 4 + content/_index.md | 10 + layouts/index.html | 87 ++- layouts/partials/svgs/homepage-hero.svg | 673 ++++++++++++++++++++++++ 8 files changed, 898 insertions(+), 39 deletions(-) create mode 100644 assets/styles/layouts/_homepage.scss create mode 100644 content/_index.md create mode 100644 layouts/partials/svgs/homepage-hero.svg diff --git a/assets/styles/layouts/_global.scss b/assets/styles/layouts/_global.scss index e8394fe28..895aa26da 100644 --- a/assets/styles/layouts/_global.scss +++ b/assets/styles/layouts/_global.scss @@ -31,35 +31,6 @@ a { flex-grow: 1; } -/// Styles for the placeholder homepage only viewalbe with running locally /// -.home-placeholder { - max-width: 480px; - padding: 0 1.5rem; - margin: 20vh auto 0; - color: $article-text; - text-align:center; - font-style:italic; - - .welcome { - text-align:center; - font-weight: bold; - color: $article-heading; - font-size: 1.1rem; - } - p { - margin-top: 1rem; - line-height: 1.25rem; - } - a { - color: $article-link; - font-weight: bold; - text-decoration: none; - &:hover { - color: $article-link-hover; - } - } -} - //////////////////////////////////////////////////////////////////////////////// ///////////////////////////////// MEDIA QUERIES //////////////////////////////// //////////////////////////////////////////////////////////////////////////////// diff --git a/assets/styles/layouts/_homepage.scss b/assets/styles/layouts/_homepage.scss new file mode 100644 index 000000000..86512464d --- /dev/null +++ b/assets/styles/layouts/_homepage.scss @@ -0,0 +1,132 @@ +/// Styles for the placeholder homepage only viewalbe with running locally /// +.home { + display: flex; + flex-direction: column; + + h2 {font-weight: $medium;} + + .section { + display: flex; + + &.row{ + flex-direction: row; + } + + .card { + padding: 1.5rem; + } + + .half { width: 50%; } + .third { width: 33.33%; } + .two-thirds { width: 66.67%; } + + span.version { + font-size: 1.15rem; + opacity: .65; + } + } + + ///////////////////////////// HERO SECTION STYLES //////////////////////////// + + .hero { + position: relative; + padding: 3.5rem 3rem 4.5rem; + @include gradient($grad-WarpSpeed) + color: $g20-white; + z-index: 0; + // overflow: hidden; + + h2 { + margin: 1.5rem 0 .5rem; + font-weight: 300; + font-size: 3rem; + } + p { + font-size: 1.1rem; + line-height: 1.85rem; + } + + #hero-img { + position: absolute; + max-width: 50%; + max-height: 135%; + bottom: -25%; + right: 0; + } + + a.btn { + position: relative; + display: inline-block; + margin: .5rem .25rem .5rem 0; + padding: 1rem 2rem; + color: $article-btn-text !important; + border-radius: $radius; + font-weight: $medium; + text-decoration: none; + text-align: center; + z-index: 1; + @include gradient($article-btn-gradient); + + &:after { + content: ""; + position: absolute; + display: block; + top: 0; + right: 0; + width: 100%; + height: 100%; + border-radius: $radius; + @include gradient($article-btn-gradient-hover); + opacity: 0; + transition: opacity .2s; + z-index: -1; + } + + &:hover { + cursor: pointer; + + &:after { + opacity: 1; + } + } + } + } + + //////////////////////////// SEARCH SECTION STYLES /////////////////////////// + .search { + padding: 2rem 3rem; + + .sidebar--search { + max-width: 55%; + font-size: 1.1rem; + + input { + padding: .75em 2.35rem .75rem 1rem + } + + &:after { + font-size: 2rem; + top: .35rem; + right: .45rem; + } + .algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu { + top: auto !important; + left: auto !important; + margin-bottom: 1.5rem; + + &:after { + content: ""; + box-shadow: 2px 2px 10px $sidebar-search-shadow; + height: 100%; + width: 100%; + mix-blend-mode: multiply; + } + } + } + } + + .telegraf {@include gradient($telegraf-dropdown-gradient); color: $g20-white;} + .influxdb {@include gradient($default-dropdown-gradient); color: $g20-white;} + .chronograf {@include gradient($chronograf-dropdown-gradient); color: $g20-white;} + .kapacitor {@include gradient($kapacitor-dropdown-gradient); color: $g20-white;} +} diff --git a/assets/styles/layouts/_top-nav.scss b/assets/styles/layouts/_top-nav.scss index 5667b85eb..6285aec54 100644 --- a/assets/styles/layouts/_top-nav.scss +++ b/assets/styles/layouts/_top-nav.scss @@ -4,6 +4,7 @@ justify-content: space-between; position: relative; box-sizing: border-box; + z-index: 1; .influx-home { font-family: 'icomoon'; diff --git a/assets/styles/styles-default.scss b/assets/styles/styles-default.scss index 26e6bf788..d507535fe 100644 --- a/assets/styles/styles-default.scss +++ b/assets/styles/styles-default.scss @@ -13,6 +13,7 @@ @import "normalize/import-now", "layouts/global", "layouts/top-nav", + "layouts/homepage", "layouts/sidebar", "layouts/sidebar-toggle", "layouts/content-wrapper", diff --git a/assets/styles/tools/_color-palette.scss b/assets/styles/tools/_color-palette.scss index acca516be..6e7a7659c 100644 --- a/assets/styles/tools/_color-palette.scss +++ b/assets/styles/tools/_color-palette.scss @@ -142,3 +142,7 @@ $grad-ScotchBonnet: $y-pineapple,$r-curacao; // New gradients $grad-PurpleFog: $p-potassium, $cp-munchkin; $grad-PurpleRain: $p-void, $cp-marguerite; + +// Transparent gradients +$grad-purpleFade: $br-pulsar, rgba($br-pulsar, 0); +$grad-blueFade: $b-ocean, rgba($b-ocean, 0); diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 000000000..b57639711 --- /dev/null +++ b/content/_index.md @@ -0,0 +1,10 @@ +--- +# Meta information for the documentation homepage +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. + Use Telegraf to collect metrics from a growing number of technologies. + Visualize data with Chronograf. + Build robust monitoring and alerting pipelines with Kapacitor. +--- diff --git a/layouts/index.html b/layouts/index.html index f6be8b9ad..0a738c704 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,14 +1,81 @@ -{{ partial "header.html" . }} +{{ $influxdbVersionV2 := .Site.Data.products.influxdb.latest }} +{{ $influxdbVersionV1 := (index (last 1 (findRE `v1\.[0-9]{1,2}` (delimit .Site.Data.products.influxdb.versions " "))) 0) }} +{{ $enterpriseVersion := .Site.Data.products.enterprise_influxdb.latest }} +{{ $telegrafVersion := .Site.Data.products.telegraf.latest }} +{{ $chronografVersion := .Site.Data.products.chronograf.latest }} +{{ $kapacitorVersion := .Site.Data.products.kapacitor.latest }} -
-

- Welcome to the InfluxDB v2.x documentation -

-

- This page is never actually shown on the live docs since visiting the docs domain will redirect to the latest stable version. - Select your desired version from the dropdown above or go straight to the - latest stable version. -

+{{ partial "header.html" . }} +{{ partial "topnav.html" . }} + +
+
+ + {{ partial "svgs/homepage-hero.svg" }} + +
+

InfluxDB Cloud &
InfluxDB {{ $influxdbVersionV2 }} OSS

+

+ The most powerful time series database designed to handle high write and query loads. + Run in the cloud with InfluxDB Cloud or on your own hardware with InfluxDB {{ $influxdbVersionV2 }} OSS. +

+ View InfluxDB {{ $influxdbVersionV2 }} Documentation +
+
+
+
+ +
+
+
+ +
+

InfluxData Platform

+

Some marketing description about the TICK Stack

+ Learn more about the platform +
+
+

Telegraf {{ $telegrafVersion }}

+

Open source server agent to collect metrics from stacks, sensors and systems.

+ +
+
+

InfluxDB {{ $influxdbVersionV1 }}

+

The time series database designed to handle high write and query loads.

+ +
+
+

Chronograf {{ $chronografVersion }}

+

The administrative user interface and visualization engine for InfluxDB.

+ +
+
+

Kapacitor {{ $kapacitorVersion }}

+

Process and alert on stream and batch data from InfluxDB.

+ +
+
+ +
+
+

InfluxData Enterprise offerings

+

Some marketing description about Enterprise

+
+
+

InfluxDB Enterprise {{ $enterpriseVersion }}

+

A production-ready InfluxDB cluster that can run anywhere.

+ +
+
{{ partial "footer.html" . }} diff --git a/layouts/partials/svgs/homepage-hero.svg b/layouts/partials/svgs/homepage-hero.svg new file mode 100644 index 000000000..945937af6 --- /dev/null +++ b/layouts/partials/svgs/homepage-hero.svg @@ -0,0 +1,673 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From e76bf16e51f2d00c106380c4df0990989cba3fb3 Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Tue, 18 Aug 2020 15:08:50 -0600 Subject: [PATCH 2/3] finalized new homepage, resolves #1327 --- assets/js/search-interactions.js | 4 +- assets/styles/layouts/_content-wrapper.scss | 1 + assets/styles/layouts/_homepage.scss | 235 +++++++++++++++++--- assets/styles/layouts/_top-nav.scss | 2 +- assets/styles/tools/_color-palette.scss | 3 +- layouts/index.html | 82 ++++--- 6 files changed, 256 insertions(+), 71 deletions(-) diff --git a/assets/js/search-interactions.js b/assets/js/search-interactions.js index 6aca60da0..4628111bd 100644 --- a/assets/js/search-interactions.js +++ b/assets/js/search-interactions.js @@ -1,10 +1,10 @@ // Fade content wrapper when focusing on search input $('#algolia-search-input').focus(function() { - $('.content-wrapper').fadeTo(400, .35); + $('.content-wrapper, .group-wrapper').fadeTo(300, .35); }) // Hide search dropdown when leaving search input $('#algolia-search-input').blur(function() { - $('.content-wrapper').fadeTo(200, 1); + $('.content-wrapper, .group-wrapper').fadeTo(200, 1); $('.ds-dropdown-menu').hide(); }) diff --git a/assets/styles/layouts/_content-wrapper.scss b/assets/styles/layouts/_content-wrapper.scss index de7e57a9b..5955680be 100644 --- a/assets/styles/layouts/_content-wrapper.scss +++ b/assets/styles/layouts/_content-wrapper.scss @@ -4,6 +4,7 @@ position: relative; border-radius: $radius 0 0 $radius; overflow: hidden; + z-index: 0; .copyright { padding: .5rem 1rem .5rem .5rem; diff --git a/assets/styles/layouts/_homepage.scss b/assets/styles/layouts/_homepage.scss index 86512464d..41a3198f1 100644 --- a/assets/styles/layouts/_homepage.scss +++ b/assets/styles/layouts/_homepage.scss @@ -1,36 +1,33 @@ -/// Styles for the placeholder homepage only viewalbe with running locally /// +//////////////////////////////// HOMEPAGE STYLES /////////////////////////////// + .home { display: flex; flex-direction: column; - - h2 {font-weight: $medium;} + align-items: flex-start; .section { display: flex; + width: 100%; + padding: 0rem 3rem; + flex-grow: 1; - &.row{ + .row{ flex-direction: row; } - .card { - padding: 1.5rem; - } - .half { width: 50%; } .third { width: 33.33%; } + .quarter { width: 25%; } .two-thirds { width: 66.67%; } - - span.version { - font-size: 1.15rem; - opacity: .65; - } + .three-quarters { width: 75%; } } ///////////////////////////// HERO SECTION STYLES //////////////////////////// .hero { position: relative; - padding: 3.5rem 3rem 4.5rem; + padding-top: 3.5rem; + padding-bottom: 4.5rem; @include gradient($grad-WarpSpeed) color: $g20-white; z-index: 0; @@ -94,7 +91,8 @@ //////////////////////////// SEARCH SECTION STYLES /////////////////////////// .search { - padding: 2rem 3rem; + padding-top: 2rem; + padding-bottom: 2.25rem; .sidebar--search { max-width: 55%; @@ -109,24 +107,203 @@ top: .35rem; right: .45rem; } - .algolia-autocomplete.algolia-autocomplete-left .ds-dropdown-menu { - top: auto !important; - left: auto !important; - margin-bottom: 1.5rem; + .algolia-autocomplete.algolia-autocomplete-left, .algolia-autocomplete.algolia-autocomplete-right { + .ds-dropdown-menu { + top: auto !important; + left: 0 !important; + margin-bottom: 1.5rem; - &:after { - content: ""; - box-shadow: 2px 2px 10px $sidebar-search-shadow; - height: 100%; - width: 100%; - mix-blend-mode: multiply; + &:after { + content: ""; + box-shadow: 2px 2px 10px $sidebar-search-shadow; + height: 100%; + width: 100%; + mix-blend-mode: multiply; + } } } } } - .telegraf {@include gradient($telegraf-dropdown-gradient); color: $g20-white;} - .influxdb {@include gradient($default-dropdown-gradient); color: $g20-white;} - .chronograf {@include gradient($chronograf-dropdown-gradient); color: $g20-white;} - .kapacitor {@include gradient($kapacitor-dropdown-gradient); color: $g20-white;} + /////////////////////////////// PRODUCT CARDS //////////////////////////////// + + .group-wrapper { + display: flex; + flex-grow: 1; + width: 100%; + border-radius: $radius; + background-color: $sidebar-search-bg; + box-shadow: 2px 2px 10px $sidebar-search-shadow; + overflow: hidden; + color: $article-text; + + h2 { + margin-top: .5rem; + font-weight: $medium; + color: $article-heading-alt; + a {color: inherit; &:hover{color: inherit;}} + } + p { + line-height: 1.45rem; + max-width: 700px; + } + a { + color: $article-link; + text-decoration: none; + font-weight: $medium; + &:hover{ color: $article-link-hover; } + } + } + + .card { + padding: 1.5rem 1.5rem 1rem; + flex: 1 0; + + span.version { + font-size: 1.15rem; + opacity: .65; + } + } + + #tick-cards { + display: flex; + flex-wrap: wrap; + position: relative; + color: $g20-white; + a { + display: inline-block; + position: relative; + color: $g20-white; + &:after{ + content: ""; + margin-top: .15rem; + width: 0; + display: block; + height: 2px; + @include gradient($grad-whiteFade) + transition: width .2s; + } + &:hover{ + &:after { width: 100%; } + } + } + } + + #platform { + + } + .telegraf {@include gradient($telegraf-dropdown-gradient);} + .influxdb {@include gradient($default-dropdown-gradient);} + .chronograf {@include gradient($chronograf-dropdown-gradient);} + .kapacitor {@include gradient($kapacitor-dropdown-gradient);} + + #enterprise { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + + //////////////////////////// HOMEPAGE MEDIA QUERIES //////////////////////////// + + @include media(large) { + overflow-x: hidden; + .hero #hero-img{ + max-height: 130%; + max-width: 70%; + right: -20%; + bottom: -30%; + } + } + + @media (max-width: 1020px) { + #tick-stack #tick-cards .card { width: 50%; flex: none;} + .section { + .quarter { width: 33.33%; } + .three-quarters { width: 66.64%; } + } + } + + @media (max-width: 920px) { + .section { + padding-left: 1.5rem; + padding-right: 1.5rem; + &.hero { padding-top: 2rem; padding-bottom: 3rem;} + &.search, + &#enterprise { padding-top: 1.5rem; padding-bottom: 1.5rem; } + } + .hero { + #hero-img{ display: none; } + .half { width: 100%; } + } + .search { + .sidebar--search { max-width: 100%; } + } + } + + @include media(medium) { + .search .algolia-autocomplete.algolia-autocomplete-right, .algolia-autocomplete.algolia-autocomplete-right { + .ds-dropdown-menu { + width: 100%; + } + } + } + + @include media(small) { + .section { + + .quarter, .three-quarters { width: 100%; } + + &.hero { + order: 2; + padding-top: 1.5rem; + padding-bottom: 2rem; + h2 { font-size: 2rem; margin-top: .5rem; } + p { font-size: 1rem; line-height: 1.5rem; } + } + &.search { + order: 1; + padding: 0 1rem .5rem; + width: 100%; + + .sidebar--search { + max-width: 100%; + font-size: 1rem; + + input { + padding: .5em 2.15rem .5rem .75rem + } + + &:after { + top: .15rem; + right: .25rem; + font-size: 1.75rem; + } + .algolia-autocomplete.algolia-autocomplete-right, .algolia-autocomplete.algolia-autocomplete-right { + .ds-dropdown-menu { + width: 100vw; + left: -1rem !important; + right: inherit; + } + } + } + } + &#tick-stack { + order: 3; + padding-left: 0; + padding-right: 0; + #tick-cards { + flex-direction: column; + .card { width: 100%; } + } + } + &#enterprise { order: 4; padding-left: 0; padding-right: 0; } + } + .group-wrapper {flex-direction: column;} + .row { + flex-direction: column; + } + .card { + + } + } + } diff --git a/assets/styles/layouts/_top-nav.scss b/assets/styles/layouts/_top-nav.scss index 6285aec54..3a5468b9c 100644 --- a/assets/styles/layouts/_top-nav.scss +++ b/assets/styles/layouts/_top-nav.scss @@ -52,7 +52,7 @@ .selector-dropdowns { display: flex; z-index: 100; - right: 5.5rem; + padding-right: .25rem; } .dropdown { diff --git a/assets/styles/tools/_color-palette.scss b/assets/styles/tools/_color-palette.scss index 6e7a7659c..2d3a44996 100644 --- a/assets/styles/tools/_color-palette.scss +++ b/assets/styles/tools/_color-palette.scss @@ -144,5 +144,4 @@ $grad-PurpleFog: $p-potassium, $cp-munchkin; $grad-PurpleRain: $p-void, $cp-marguerite; // Transparent gradients -$grad-purpleFade: $br-pulsar, rgba($br-pulsar, 0); -$grad-blueFade: $b-ocean, rgba($b-ocean, 0); +$grad-whiteFade: rgba($g20-white, .75), rgba($g20-white, 0); diff --git a/layouts/index.html b/layouts/index.html index 0a738c704..e18bd9459 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -9,10 +9,9 @@ {{ partial "topnav.html" . }}
+
- {{ partial "svgs/homepage-hero.svg" }} -

InfluxDB Cloud &
InfluxDB {{ $influxdbVersionV2 }} OSS

@@ -36,46 +35,55 @@ placeholder='Search the docs'>

-
-
-

InfluxData Platform

-

Some marketing description about the TICK Stack

- Learn more about the platform -
-
-

Telegraf {{ $telegrafVersion }}

-

Open source server agent to collect metrics from stacks, sensors and systems.

- -
-
-

InfluxDB {{ $influxdbVersionV1 }}

-

The time series database designed to handle high write and query loads.

- -
-
-

Chronograf {{ $chronografVersion }}

-

The administrative user interface and visualization engine for InfluxDB.

- -
-
-

Kapacitor {{ $kapacitorVersion }}

-

Process and alert on stream and batch data from InfluxDB.

- +
+
+
+

InfluxData TICK Stack

+

The leading modern time series platform, built for metrics and events.

+

Learn more about the platform

+
+
+
+

Telegraf {{ $telegrafVersion }}

+

Collect metrics from stacks, sensors and systems.

+

Telegraf documentation

+
+
+

InfluxDB {{ $influxdbVersionV1 }}

+

Write and query time series data.

+

InfluxDB documentation

+
+
+

Chronograf {{ $chronografVersion }}

+

Visualize and manage time series data.

+

Chronograf documentation

+
+
+

Kapacitor {{ $kapacitorVersion }}

+

Process and alert on time series data.

+

Kapacitor documentation

+
+
-
-
-

InfluxData Enterprise offerings

-

Some marketing description about Enterprise

+
+
+
+

Enterprise offerings

+

Enterprise tools to meet your business needs.

+

Contact Sales

+
+
+
+

InfluxDB Enterprise {{ $enterpriseVersion }}

+

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.

+

InfluxDB Enterprise documentation

+
+
-
-

InfluxDB Enterprise {{ $enterpriseVersion }}

-

A production-ready InfluxDB cluster that can run anywhere.

- -
-
+
{{ partial "footer.html" . }} From bc29b7ee26aa16c809b56e27cb95966660f59272 Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Tue, 18 Aug 2020 18:04:20 -0600 Subject: [PATCH 3/3] 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 @@

InfluxDB Cloud &
InfluxDB {{ $influxdbVersionV2 }} OSS

- 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 InfluxDB Cloud or on your own hardware with InfluxDB {{ $influxdbVersionV2 }} OSS.

View InfluxDB {{ $influxdbVersionV2 }} Documentation @@ -39,30 +40,40 @@
-

InfluxData TICK Stack

-

The leading modern time series platform, built for metrics and events.

-

Learn more about the platform

+
+

InfluxData TICK stack

+

The leading modern time series platform, built for metrics and events.

+
+

Learn more

-

Telegraf {{ $telegrafVersion }}

-

Collect metrics from stacks, sensors and systems.

-

Telegraf documentation

+
+

Telegraf {{ $telegrafVersion }}

+

Collect metrics from stacks, sensors and systems.

+
+

View documentation

-

InfluxDB {{ $influxdbVersionV1 }}

-

Write and query time series data.

-

InfluxDB documentation

+
+

InfluxDB {{ $influxdbVersionV1 }}

+

Write and query time series data.

+
+

View documentation

-

Chronograf {{ $chronografVersion }}

-

Visualize and manage time series data.

-

Chronograf documentation

+
+

Chronograf {{ $chronografVersion }}

+

Visualize and manage time series data.

+
+

View documentation

-

Kapacitor {{ $kapacitorVersion }}

-

Process and alert on time series data.

-

Kapacitor documentation

+
+

Kapacitor {{ $kapacitorVersion }}

+

Process and alert on time series data.

+
+

View documentation

@@ -71,15 +82,19 @@
-

Enterprise offerings

-

Enterprise tools to meet your business needs.

+
+

Enterprise offerings

+

Enterprise tools to meet your business needs.

+

Contact Sales

-

InfluxDB Enterprise {{ $enterpriseVersion }}

-

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.

-

InfluxDB Enterprise documentation

+
+

InfluxDB Enterprise {{ $enterpriseVersion }}

+

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.

+
+

View documentation