Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #345 from influxdata/home-cloud-banner 

Added cloud banner on home page
pull/337/head
Scott Anderson 2019-07-23 07:59:12 -06:00 committed by GitHub
parent c6ac16162b b9f1f6b36d
commit c221bf237f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
assets/styles/layouts/_landing.scss
View File

@ -66,12 +66,11 @@
.btn {
display: inline-block;
padding: .85rem 1.5rem;
padding: .65rem 2.5rem;
color: $g20-white;
font-weight: bold;
background: rgba($g20-white, .25);
border: 2px solid rgba($g20-white, .5);
border-radius: $radius;
background: rgba($g20-white, .2);
border: 2px solid $g20-white;
transition: background-color .2s, color .2s;
&:hover {
@ -80,6 +79,28 @@
}
}
}
&#cloud {
position: relative;
margin-bottom: 1px;
padding: 1.25rem 2rem 2.5rem;
// background: rgba($g20-white, .15);
background: linear-gradient(20deg, rgba($landing-cloud-gradient-left, .35), rgba($landing-cloud-gradient-right, .75) );
h2 {
font-size: 1.75rem;
margin: 1rem 1.5rem .5rem;
}
a {
color: $g20-white;
font-weight: $medium;
font-style: italic;
&:hover {
color: $b-pool;
}
}
}
}
}

2
assets/styles/themes/_theme-dark.scss
View File

@ -168,5 +168,7 @@ $error-page-btn-hover-text: $b-dodger;
// Landing Page colors
$landing-lg-gradient-left: $wp-violentdark;
$landing-lg-gradient-right: $cp-minsk;
$landing-cloud-gradient-left: $m-magenta;
$landing-cloud-gradient-right: $cp-minsk;
$landing-sm-gradient-overlay: $b-dodger;
$landing-artwork-color: $cp-minsk;

2
assets/styles/themes/_theme-light.scss
View File

@ -169,5 +169,7 @@ $error-page-btn-hover-text: $g20-white !default;
// Landing Page colors
$landing-lg-gradient-left: $cp-marguerite !default;
$landing-lg-gradient-right: $b-pool !default;
$landing-cloud-gradient-left: $wp-heart !default;
$landing-cloud-gradient-right: $wp-seance !default;
$landing-sm-gradient-overlay: $cp-blueviolet !default;
$landing-artwork-color: rgba($g20-white, .15) !default;

4
layouts/_default/version-landing.html
View File

@ -13,6 +13,10 @@
<a class="btn" href="get-started">Get Started</a>
</div>
{{ partial "svgs/hive.svg" }}
<div class="card full" id="cloud">
<h2>InfluxDB Cloud 2.0</h2>
<a href="cloud/get-started/">Get started in the cloud</a>
</div>
<div class="group">
<a class="card quarter" href="write-data">