added landing page content and styles
Scott Anderson
parent
057c620c20
commit
550bb8f373
|
|
@ -3,6 +3,7 @@
|
|||
width: 75%;
|
||||
position: relative;
|
||||
border-radius: $border-radius 0 0 $border-radius;
|
||||
overflow: hidden;
|
||||
|
||||
.copyright {
|
||||
padding: .5rem 1rem .5rem .5rem;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,101 @@
|
|||
.cards {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.group {
|
||||
display: flex;
|
||||
background: linear-gradient(127deg, $landing-sm-gradient-left, $landing-sm-gradient-right);
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.card {
|
||||
text-align: center;
|
||||
|
||||
&.full {
|
||||
width: 100%;
|
||||
padding: 5rem 2rem;
|
||||
}
|
||||
|
||||
&.quarter {
|
||||
flex-grow: 2;
|
||||
margin: 1px;
|
||||
padding: 2rem;
|
||||
background: rgba($landing-sm-gradient-overlay, .5);
|
||||
transition: background-color .4s;
|
||||
&:hover {
|
||||
background: rgba($landing-sm-gradient-overlay, 0);
|
||||
}
|
||||
}
|
||||
|
||||
h1,h2,h3,h4 {
|
||||
font-family: $klavika;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
color: $g20-white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0 0 1.25rem;
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
|
||||
h3 { font-size: 1.35rem;}
|
||||
|
||||
&#get-started {
|
||||
background: linear-gradient(127deg, $landing-lg-gradient-left, $landing-lg-gradient-right );
|
||||
text-align: center;
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: .85rem 1.5rem;
|
||||
color: $g20-white;
|
||||
font-weight: bold;
|
||||
background: rgba($g20-white, .1);
|
||||
border: 2px solid rgba($g20-white, .5);
|
||||
border-radius: $border-radius;
|
||||
transition: background-color .2s, color .2s;
|
||||
|
||||
&:hover {
|
||||
background: $g20-white;
|
||||
color: $b-pool;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
@include media(large) {
|
||||
.cards {
|
||||
.card {
|
||||
&.full { padding: 3.5rem;}
|
||||
&.quarter { width: 48%; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media(small) {
|
||||
.cards {
|
||||
.group { flex-direction: column; }
|
||||
.card{
|
||||
&.full { padding: 2.5rem;}
|
||||
&.quarter {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 1.25rem;
|
||||
}
|
||||
h1 { font-size: 2rem; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -130,6 +130,10 @@
|
|||
&#theme-switch-dark { display: $theme-switch-dark; }
|
||||
&#theme-switch-light { display: $theme-switch-light; }
|
||||
}
|
||||
|
||||
#search-btn {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
|
|
|||
|
|
@ -17,4 +17,5 @@
|
|||
"layouts/layout-content-wrapper",
|
||||
"layouts/layout-article",
|
||||
"layouts/syntax-highlighting",
|
||||
"layouts/layout-landing",
|
||||
"layouts/layout-error-page";
|
||||
|
|
|
|||
|
|
@ -137,3 +137,10 @@ $error-page-btn: $b-ocean !default;
|
|||
$error-page-btn-text: $g20-white !default;
|
||||
$error-page-btn-hover: $g20-white !default;
|
||||
$error-page-btn-hover-text: $b-ocean !default;
|
||||
|
||||
// Landing Page colors
|
||||
$landing-lg-gradient-left: $b-ocean !default;
|
||||
$landing-lg-gradient-right: $b-pool !default;
|
||||
$landing-sm-gradient-left: $p-planet !default;
|
||||
$landing-sm-gradient-right: $p-star !default;
|
||||
$landing-sm-gradient-overlay: $p-shadow !default;
|
||||
|
|
|
|||
|
|
@ -136,3 +136,10 @@ $error-page-btn: $b-ocean;
|
|||
$error-page-btn-text: $g20-white;
|
||||
$error-page-btn-hover: $b-pool;
|
||||
$error-page-btn-hover-text: $g20-white;
|
||||
|
||||
// Landing Page colors
|
||||
$landing-lg-gradient-left: $b-ocean;
|
||||
$landing-lg-gradient-right: $b-pool;
|
||||
$landing-sm-gradient-left: $p-star;
|
||||
$landing-sm-gradient-right: $p-comet;
|
||||
$landing-sm-gradient-overlay: $p-planet;
|
||||
|
|
|
|||
|
|
@ -1,11 +1,26 @@
|
|||
---
|
||||
title: InfluxDB v2.0
|
||||
seotitle: This is the SEO title for InfluxDB v2.0
|
||||
description: placeholder
|
||||
description: >
|
||||
InfluxDB is an open source time series database designed to handle high write and query loads.
|
||||
Learn how to use and leverage InfluxDB in use cases such as monitoring metrics, IoT data, and events.
|
||||
layout: version-landing
|
||||
menu:
|
||||
versions:
|
||||
name: v2.0
|
||||
---
|
||||
|
||||
_This placeholder content for the landing page for v2.0._
|
||||
#### Welcome
|
||||
Welcome to the InfluxDB v2.0 documentation!
|
||||
InfluxDB is an open source time series database designed to handle high write and query loads.
|
||||
|
||||
This documentation is meant to help you learn how to use and leverage InfluxDB to meet your needs.
|
||||
Common use cases include infrastructure monitoring, IoT data collection, events handling and more.
|
||||
If your use case involves time series data, InfluxDB is purpose-built to handle it.
|
||||
|
||||
{{% note %}}
|
||||
This is an alpha release of InfluxDB v2.0.
|
||||
Feedback and bug reports are welcome and encouraged both for InfluxDB and this documentation.
|
||||
Issue tracking is managed through Github.
|
||||
|
||||
[Submit an InfluxDB issue](https://github.com/influxdata/influxdb/issues/new)
|
||||
[Submit a documentation issue](https://github.com/influxdata/docs-v2/issues/new)
|
||||
{{% /note %}}
|
||||
|
|
|
|||
|
|
@ -6,9 +6,28 @@
|
|||
<div class="sidebar-toggle" onclick="toggle_sidebar('sidebar-open');return false;"><a href="#"></a></div>
|
||||
|
||||
<div class="cards">
|
||||
<div class="full">
|
||||
<h1>{{ $.Page.Title }}</h1>
|
||||
<div class="card full" id="get-started">
|
||||
{{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) }}
|
||||
<h1>InfluxDB {{ $currentVersion }} Documentation</h1>
|
||||
<a class="btn" href="get-started">Get Started</a>
|
||||
</div>
|
||||
<div class="group">
|
||||
|
||||
<a class="card quarter" href="collect-data">
|
||||
<h3>Collect Data</h3>
|
||||
</a>
|
||||
|
||||
<a class="card quarter"href="query-data">
|
||||
<h3>Query Data</h3>
|
||||
</a>
|
||||
|
||||
<a class="card quarter" href="visualize-data">
|
||||
<h3>Visualize Data</h3>
|
||||
</a>
|
||||
|
||||
<a class="card quarter" href="process-data">
|
||||
<h3>Process Data</h3>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue