New home page layout (#3958)
* new homepage design * WIP homepage style updates * fixed influxdb button corners * finished homepage stylespull/3957/head^2
Scott Anderson
GitHub
parent
dd1eca3f19
commit
07b7faf028
|
|
@ -0,0 +1,22 @@
|
|||
$('.exp-btn').click(function() {
|
||||
var targetBtnElement = $(this).parent()
|
||||
$('.exp-btn > p', targetBtnElement).fadeOut(100);
|
||||
setTimeout(function() {
|
||||
$('.exp-btn-links', targetBtnElement).fadeIn(200)
|
||||
$('.exp-btn', targetBtnElement).addClass('open');
|
||||
$('.close-btn', targetBtnElement).fadeIn(200);
|
||||
}, 100);
|
||||
})
|
||||
|
||||
$('.close-btn').click(function() {
|
||||
var targetBtnElement = $(this).parent().parent()
|
||||
$('.exp-btn-links', targetBtnElement).fadeOut(100)
|
||||
$('.exp-btn', targetBtnElement).removeClass('open');
|
||||
$(this).fadeOut(100);
|
||||
setTimeout(function() {
|
||||
$('p', targetBtnElement).fadeIn(100);
|
||||
}, 100);
|
||||
})
|
||||
|
||||
/////////////////////////////// EXPANDING BUTTONS //////////////////////////////
|
||||
|
||||
|
|
@ -1,10 +1,10 @@
|
|||
// Fade content wrapper when focusing on search input
|
||||
$('#algolia-search-input').focus(function() {
|
||||
$('.content-wrapper, .group-wrapper').fadeTo(300, .35);
|
||||
$('.content-wrapper').fadeTo(300, .35);
|
||||
})
|
||||
|
||||
// Hide search dropdown when leaving search input
|
||||
$('#algolia-search-input').blur(function() {
|
||||
$('.content-wrapper, .group-wrapper').fadeTo(200, 1);
|
||||
$('.content-wrapper').fadeTo(200, 1);
|
||||
$('.ds-dropdown-menu').hide();
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1,120 +1,67 @@
|
|||
////////////////////////////// HOMEPAGE VARIABLES //////////////////////////////
|
||||
|
||||
$home-body-width: 1300px;
|
||||
|
||||
//////////////////////////////// HOMEPAGE STYLES ///////////////////////////////
|
||||
|
||||
body.home {
|
||||
background-image: url('/img/hero-bg-light-1-diamond.png');
|
||||
background-size: 65%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.home {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
color: $article-bold;
|
||||
|
||||
.section {
|
||||
display: flex;
|
||||
.section{
|
||||
width: 100%;
|
||||
padding: 0rem 3rem;
|
||||
flex-grow: 1;
|
||||
|
||||
.row{
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.half { width: 50%; }
|
||||
.third { width: 33.33%; }
|
||||
.quarter { width: 25%; }
|
||||
.two-thirds { width: 66.67%; }
|
||||
.three-quarters { width: 75%; }
|
||||
}
|
||||
|
||||
///////////////////////////// HERO SECTION STYLES ////////////////////////////
|
||||
|
||||
.hero {
|
||||
margin: 0 auto;
|
||||
padding: 2rem 2rem 0;
|
||||
max-width: $home-body-width;
|
||||
display: block;
|
||||
position: relative;
|
||||
padding-top: 3.5rem;
|
||||
padding-bottom: 4.5rem;
|
||||
@include gradient($grad-WarpSpeed)
|
||||
color: $g20-white;
|
||||
z-index: 0;
|
||||
// overflow: hidden;
|
||||
|
||||
h2 {
|
||||
margin: 1.25rem 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;
|
||||
}
|
||||
|
||||
.actions {
|
||||
display: flex;
|
||||
margin: 1.25rem 0 .75rem 0;
|
||||
}
|
||||
|
||||
a.btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
flex: 1 0;
|
||||
margin: 0 .5rem .5rem 0;
|
||||
padding: 1.25rem 2.25rem;
|
||||
color: $article-btn-text !important;
|
||||
border-radius: $radius;
|
||||
font-weight: $medium;
|
||||
font-size: 1.2rem;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
z-index: 1;
|
||||
@include gradient($home-btn-gradient);
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: $radius;
|
||||
@include gradient($home-btn-gradient-hover, 270deg);
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
|
||||
&:after {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//////////////////////////// SEARCH SECTION STYLES ///////////////////////////
|
||||
.search {
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2.25rem;
|
||||
|
||||
.sidebar--search {
|
||||
max-width: 55%;
|
||||
font-size: 1.1rem;
|
||||
|
||||
input {
|
||||
padding: .75em 2.35rem .75rem 1rem
|
||||
padding: .75em 2.35rem .75rem 1rem;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
box-shadow: none;
|
||||
|
||||
&::placeholder {color: rgba($sidebar-search-text, .65);}
|
||||
}
|
||||
|
||||
&:after {
|
||||
font-size: 2rem;
|
||||
top: .35rem;
|
||||
top: .45rem;
|
||||
right: .45rem;
|
||||
}
|
||||
|
||||
.algolia-autocomplete {
|
||||
position: relative;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
border-radius: 6px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
box-shadow: 2px 2px 6px $sidebar-search-shadow;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
mix-blend-mode: multiply;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.algolia-autocomplete.algolia-autocomplete-left, .algolia-autocomplete.algolia-autocomplete-right {
|
||||
|
||||
.ds-dropdown-menu {
|
||||
top: auto !important;
|
||||
left: 0 !important;
|
||||
|
|
@ -122,7 +69,7 @@
|
|||
|
||||
&:after {
|
||||
content: "";
|
||||
box-shadow: 2px 2px 10px $sidebar-search-shadow;
|
||||
box-shadow: 2px 2px 6px $sidebar-search-shadow;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
mix-blend-mode: multiply;
|
||||
|
|
@ -132,283 +79,547 @@
|
|||
}
|
||||
}
|
||||
|
||||
/////////////////////////////// PRODUCT CARDS ////////////////////////////////
|
||||
///////////////////////////////// SPAN STYLES ////////////////////////////////
|
||||
|
||||
.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; }
|
||||
}
|
||||
span {
|
||||
&.magenta {color: $br-new-magenta;}
|
||||
&.orange {color: $r-dreamsicle;}
|
||||
&.blue {color: $b-pool;}
|
||||
}
|
||||
|
||||
.card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
padding: 1.25rem 1.5rem .75rem;
|
||||
flex: 1 0;
|
||||
///////////////////////////// EXPANDABLE BUTTONS /////////////////////////////
|
||||
|
||||
.card-content p { margin-bottom: 0; }
|
||||
.exp-btn-wrapper {
|
||||
position: relative;
|
||||
display: block;
|
||||
|
||||
span.version {
|
||||
font-size: 1.15rem;
|
||||
opacity: .65;
|
||||
}
|
||||
}
|
||||
|
||||
#flux, #resources {
|
||||
padding-bottom: 2.5rem;
|
||||
.card .card-content {
|
||||
h2 {margin-bottom: .5rem;}
|
||||
p {margin: 0 0 1rem;}
|
||||
}
|
||||
.card.cta-btns {
|
||||
flex-direction: row;
|
||||
margin-bottom: .75rem;
|
||||
justify-content: flex-end;
|
||||
.exp-btn {
|
||||
background: $br-dark-blue;
|
||||
border-radius: 6px;
|
||||
color: $br-teal;
|
||||
padding: 1.5rem 2rem;
|
||||
font-weight: $medium;
|
||||
align-items: center;
|
||||
a.btn {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 340px;
|
||||
min-height: 70px;
|
||||
cursor: pointer;
|
||||
transition: color .2s, background .2s, padding .2s;
|
||||
|
||||
&:hover, &.open {
|
||||
background: $br-teal;
|
||||
color: $br-dark-blue;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 !important;
|
||||
text-align: center;
|
||||
margin: .5rem .5rem .5rem 0;
|
||||
padding: .75rem 1.5rem;
|
||||
color: $article-btn-text !important;
|
||||
border-radius: $radius;
|
||||
font-size: 1.05rem;
|
||||
z-index: 1;
|
||||
@include gradient($article-btn-gradient);
|
||||
}
|
||||
& > * {width: 100%;}
|
||||
|
||||
&: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;
|
||||
&.open {
|
||||
padding: 0;
|
||||
li a {padding: 1rem 2rem;}
|
||||
}
|
||||
}
|
||||
|
||||
.exp-btn-links {
|
||||
border-radius: 6px;
|
||||
color: $br-dark-blue;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: none;
|
||||
|
||||
li {
|
||||
background: $br-teal;
|
||||
|
||||
&:first-child {
|
||||
border-radius: 6px 6px 0 0;
|
||||
border-bottom: 1px solid rgba($br-dark-blue, .5);
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 0 6px 6px;
|
||||
border-bottom: none;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
padding: 0rem 2rem;
|
||||
color: $br-dark-blue;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
transition: padding .2s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
position: absolute;
|
||||
top: 38%;
|
||||
right: -32px;
|
||||
color: rgba($br-teal, .6);
|
||||
font-size: 1.5rem;
|
||||
display: none;
|
||||
cursor: pointer;
|
||||
transition: color .2s;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
color: $br-teal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
//////////////////////////////// PRODUCT CARDS ///////////////////////////////
|
||||
|
||||
.product-cards {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
.card {
|
||||
padding: 3rem;
|
||||
background: $sidebar-search-bg;
|
||||
border-radius: 30px;
|
||||
box-shadow: 1px 1px 7px $sidebar-search-shadow;
|
||||
flex: 1 1 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&:first-child {margin-right: 1rem}
|
||||
&:last-child {margin-left: 1rem}
|
||||
|
||||
h3 {
|
||||
margin: 0 0 1.5rem;
|
||||
line-height: 1.1em;
|
||||
font-size: 2.75rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 2rem;
|
||||
};
|
||||
|
||||
.card-links {
|
||||
margin-top: auto;
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
display: block;
|
||||
color: $article-text;
|
||||
font-weight: $medium;
|
||||
text-decoration: none;
|
||||
margin-bottom: .3rem;
|
||||
|
||||
&:after {
|
||||
opacity: 1;
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: .15rem;
|
||||
border-top: 2px solid $br-new-magenta;
|
||||
width: 0;
|
||||
transition: width .2s;
|
||||
}
|
||||
|
||||
&:hover{
|
||||
color: $br-new-magenta;
|
||||
&:after {width: 30%}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#tick-cards {
|
||||
///////////////////////// GENERAL BLUE SECTION STYLES ////////////////////////
|
||||
|
||||
.section.blue {
|
||||
|
||||
h2, h3, h4 {
|
||||
color: $br-teal;
|
||||
}
|
||||
|
||||
.padding-wrapper {
|
||||
width: 100%;
|
||||
max-width: $home-body-width;
|
||||
color: $g20-white;
|
||||
background: $br-dark-blue;
|
||||
background-size: cover;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
&.flush-left .padding-wrapper {
|
||||
padding: 2rem;
|
||||
background-image: url('/svgs/home-bg-circle-right.svg')}
|
||||
&.flush-right .padding-wrapper {
|
||||
padding: 2rem;
|
||||
background-image: url('/svgs/home-bg-circle-left.svg');
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////// INFLUXDB SECTION //////////////////////////////
|
||||
|
||||
#influxdb {
|
||||
|
||||
padding-top: .5rem;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
position: relative;
|
||||
color: $g20-white;
|
||||
@include gradient($home-tick-bg-gradient, 45deg)
|
||||
|
||||
h2 { color: $article-heading-alt; }
|
||||
.actions {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
max-width: 50%;
|
||||
padding: 0 3rem 3rem;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
&:after{
|
||||
content: "";
|
||||
margin-top: .15rem;
|
||||
width: 0;
|
||||
display: block;
|
||||
height: 2px;
|
||||
@include gradient($grad-whiteFade)
|
||||
transition: width .2s;
|
||||
}
|
||||
&:hover{
|
||||
&:after { width: 100%; }
|
||||
h2 {
|
||||
margin: 0;
|
||||
font-size: 3.5rem;
|
||||
line-height: 1.1em;
|
||||
& + p {
|
||||
font-size: 1.2rem;
|
||||
margin: .5rem 0 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
h3 {
|
||||
margin: 0;
|
||||
color: $g20-white;
|
||||
font-size: 2.25rem;
|
||||
|
||||
& + p {margin: .5rem 0;}
|
||||
}
|
||||
|
||||
.hero-img {
|
||||
background-image: url('/img/wind-turbine.jpg');
|
||||
background-size: cover;
|
||||
margin: -.5rem .75rem 0 1rem;
|
||||
z-index: -1;
|
||||
min-height: 600px;
|
||||
border-radius: 0 0 30px 30px;
|
||||
flex: 1 1 0;
|
||||
}
|
||||
}
|
||||
|
||||
#influxdb-btn {
|
||||
.exp-btn {
|
||||
@include gradient($grad-burningDusk, 270deg);
|
||||
color: $g20-white;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
color: $article-text;
|
||||
transition: color .2s;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
@include gradient($grad-coolDusk);
|
||||
border-radius: 6px;
|
||||
z-index: -1;
|
||||
transition: opacity .4s;
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
&.telegraf:after {@include gradient($telegraf-home-card-gradient);}
|
||||
&.influxdb:after {@include gradient($default-home-card-gradient);}
|
||||
&.chronograf:after {@include gradient($chronograf-home-card-gradient);}
|
||||
&.kapacitor:after {@include gradient($kapacitor-home-card-gradient);}
|
||||
|
||||
&:hover {
|
||||
color: $g20-white;
|
||||
h2, a {color: $g20-white;}
|
||||
&:after { opacity: 1; }
|
||||
&:hover, &.open {
|
||||
&:after {opacity: 1;}
|
||||
}
|
||||
|
||||
&.open {
|
||||
padding: 0;
|
||||
li a {padding: 1rem 2rem;}
|
||||
}
|
||||
}
|
||||
|
||||
.exp-btn-links {
|
||||
color: $g20-white;
|
||||
li {
|
||||
@include gradient($grad-coolDusk);
|
||||
|
||||
&:first-child {
|
||||
border-bottom: 1px solid rgba($body-bg, .5);
|
||||
a:after {border-radius: 6px 6px 0 0;}
|
||||
}
|
||||
|
||||
&:last-child a:after {border-radius: 0 0 6px 6px;}
|
||||
|
||||
a {
|
||||
color: $g20-white;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@include gradient($grad-burningDusk, 270deg);
|
||||
border-radius: 6px;
|
||||
z-index: -1;
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
}
|
||||
|
||||
&:hover:after {opacity: 1}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.close-btn {
|
||||
color: rgba($br-new-magenta, .6);
|
||||
&:hover {color: $br-new-magenta;}
|
||||
}
|
||||
}
|
||||
|
||||
#enterprise {
|
||||
padding-top: 2.5rem;
|
||||
padding-bottom: 2.5rem;
|
||||
}
|
||||
///////////////////////////////// API SECTION ////////////////////////////////
|
||||
|
||||
//////////////////////////// HOMEPAGE MEDIA QUERIES ////////////////////////////
|
||||
#api-guides {
|
||||
.padding-wrapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 3.5rem;
|
||||
|
||||
@include media(large) {
|
||||
overflow-x: hidden;
|
||||
.hero #hero-img{
|
||||
max-height: 130%;
|
||||
max-width: 70%;
|
||||
right: -20%;
|
||||
bottom: -30%;
|
||||
.text {margin-right: 2rem;}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: .5rem 0;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1020px) {
|
||||
#tick-stack #tick-cards .card { width: 50%; flex: none;}
|
||||
.section {
|
||||
.quarter { width: 33.33%; }
|
||||
.three-quarters { width: 66.64%; }
|
||||
///////////////////////////////// LEARN ITEMS ////////////////////////////////
|
||||
|
||||
#learn-more {
|
||||
margin-bottom: 2rem;
|
||||
|
||||
h4 {
|
||||
font-size: 1.8rem;
|
||||
margin: 1rem 0 2rem;
|
||||
}
|
||||
#flux .card.flux-btns {
|
||||
|
||||
.learn-items {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
|
||||
.item {
|
||||
max-width: 25%;
|
||||
flex: 1 1 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 .75rem;
|
||||
|
||||
.icon {
|
||||
svg {max-height: 60px; max-width: 60px}
|
||||
.c1 {fill: $home-icon-c1;}
|
||||
.c2 {fill: $home-icon-c2;}
|
||||
.magenta {fill: $br-new-magenta;}
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1.4rem;
|
||||
margin: 1rem 0 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: .5rem 0 1.5rem;
|
||||
line-height: 1.7rem;
|
||||
}
|
||||
a {
|
||||
position: relative;
|
||||
color: $br-new-magenta;
|
||||
font-weight: $medium;
|
||||
text-decoration: none;
|
||||
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: .25rem;
|
||||
border-top: 2px solid $br-new-magenta;
|
||||
width: 0;
|
||||
transition: width .2s;
|
||||
}
|
||||
|
||||
&:hover:after {width: 30%}
|
||||
}
|
||||
|
||||
& > *:last-child {margin-top: auto}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////// TICK STACK STYLES /////////////////////////////
|
||||
|
||||
#tick {
|
||||
padding-bottom: 0;
|
||||
|
||||
.padding-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 2rem 3rem;
|
||||
|
||||
h4 {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
& > a {color: inherit; text-decoration: none;}
|
||||
& + p {margin: .5rem 0;}
|
||||
}
|
||||
h5 {
|
||||
margin: 0 0 .5rem;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .06rem;
|
||||
// font-weight: $medium;
|
||||
}
|
||||
|
||||
.tick-title {
|
||||
padding-right: 3rem;
|
||||
}
|
||||
|
||||
.tick-links {
|
||||
border-left: 1px solid rgba($br-teal, .3);
|
||||
padding-left: 3rem;
|
||||
display: flex;
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
margin-right: 4rem;
|
||||
list-style: none;
|
||||
|
||||
&:last-child {margin-right: 0;}
|
||||
|
||||
li a {
|
||||
color: $g20-white;
|
||||
line-height: 1.6rem;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {color: $br-teal;}
|
||||
span {
|
||||
font-size: .75em;
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#copyright {
|
||||
width: 100vw;
|
||||
max-width: $home-body-width;
|
||||
padding: 1rem 3rem;
|
||||
color: rgba($article-text, .5);
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
font-size: .9rem;
|
||||
}
|
||||
}
|
||||
|
||||
/////////////////////////// HOMEPAGE MEDIA QUERIES ///////////////////////////
|
||||
|
||||
@media (max-width: 900px) {
|
||||
#tick .padding-wrapper{
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
}
|
||||
align-items: flex-start;
|
||||
padding-top: 3rem;
|
||||
|
||||
@media (max-width: 920px) {
|
||||
.section {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
&.hero { padding-top: 2rem; padding-bottom: 3rem;}
|
||||
&.search,
|
||||
&#enterprise, &#flux { padding-top: 1.5rem; padding-bottom: 1.5rem; }
|
||||
}
|
||||
.hero {
|
||||
#hero-img{ display: none; }
|
||||
.half { width: 100%; }
|
||||
}
|
||||
.search {
|
||||
.sidebar--search { max-width: 100%; }
|
||||
.tick-links {
|
||||
padding-left: 0;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media(medium) {
|
||||
.search .algolia-autocomplete.algolia-autocomplete-right, .algolia-autocomplete.algolia-autocomplete-right {
|
||||
.ds-dropdown-menu {
|
||||
#influxdb {
|
||||
.actions {
|
||||
max-width: 100%;
|
||||
padding-top: 3rem;
|
||||
text-align: center;
|
||||
}
|
||||
.hero-img {display: none}
|
||||
}
|
||||
#api-guides {
|
||||
.padding-wrapper{
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 3rem;
|
||||
}
|
||||
.exp-btn-wrapper {width: 100%;}
|
||||
.exp-btn {
|
||||
margin-top: 2rem;
|
||||
width: 100%;
|
||||
background: $br-teal;
|
||||
color: $br-dark-blue;
|
||||
}
|
||||
}
|
||||
.product-cards {
|
||||
flex-direction: column;
|
||||
.card {
|
||||
margin-bottom: 2rem;
|
||||
&:first-child {margin-right: 0;}
|
||||
&:last-child {margin-left: 0;}
|
||||
}
|
||||
}
|
||||
#learn-more {
|
||||
margin-bottom: 0;
|
||||
|
||||
h4 {margin-top: 0;}
|
||||
|
||||
.learn-items {
|
||||
flex-wrap: wrap;
|
||||
.item {
|
||||
max-width: 45%;
|
||||
flex: 1 1 50%;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@include media(small) {
|
||||
.section {
|
||||
.section {padding: 1rem 1rem 0;}
|
||||
.search.section {padding-top: .25rem;}
|
||||
.exp-btn-wrapper .exp-btn {min-width: revert;}
|
||||
.product-cards .card {
|
||||
padding: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
.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; }
|
||||
.actions { flex-direction: column; }
|
||||
}
|
||||
&.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&#flux, &#resources {
|
||||
order: 3; padding-left: 0; padding-right: 0;
|
||||
.card.cta-btns {
|
||||
padding-top: 0;
|
||||
a.btn {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0 0 .5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
&#tick-stack {
|
||||
order: 4;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
#tick-cards {
|
||||
flex-direction: column;
|
||||
.card {
|
||||
width: 100%;
|
||||
border-top: 1px solid rgba($article-text, .15);
|
||||
}
|
||||
}
|
||||
}
|
||||
&#enterprise { order: 5; padding-left: 0; padding-right: 0; }
|
||||
h3 {font-size: 2rem;}
|
||||
}
|
||||
.group-wrapper {flex-direction: column;}
|
||||
.row {
|
||||
flex-direction: column;
|
||||
#influxdb {
|
||||
.actions {padding: 2rem;}
|
||||
h2 {font-size: 2.65rem;}
|
||||
}
|
||||
#api-guides {
|
||||
.padding-wrapper {
|
||||
padding: 2rem;
|
||||
h3 {font-size: 1.6rem;}
|
||||
p {font-size: 1.1rem;}
|
||||
}
|
||||
}
|
||||
#learn-more {
|
||||
h4 {margin-left: 1rem;}
|
||||
.learn-items {
|
||||
flex-direction: column;
|
||||
.item {max-width: 100%;}
|
||||
}
|
||||
}
|
||||
#tick .padding-wrapper {padding: 2rem;}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
#tick .padding-wrapper .tick-links {flex-direction: column;}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ $theme-switch-dark: none;
|
|||
|
||||
// Search
|
||||
$sidebar-search-bg: $grey15;
|
||||
$sidebar-search-shadow: rgba($g0-obsidian, .05);
|
||||
$sidebar-search-shadow: rgba($g0-obsidian, .5);
|
||||
$sidebar-search-highlight: $b-pool;
|
||||
$sidebar-search-text: $g20-white;
|
||||
|
||||
|
|
@ -179,10 +179,8 @@ $landing-btn-grad: $grad-blue;
|
|||
$landing-btn-grad-hover: $grad-blue-light;
|
||||
|
||||
// Home page colors
|
||||
$home-btn-gradient: $grad-NineteenEightyFour;
|
||||
$home-btn-gradient-hover: $grad-PastelGothic;
|
||||
$home-tick-bg-gradient: $grad-cool-grey-abyss;
|
||||
$default-home-card-gradient: $grad-Miyazakisky;
|
||||
$home-icon-c1: $g20-white;
|
||||
$home-icon-c2: $body-bg;
|
||||
|
||||
// Tooltip colors
|
||||
$tooltip-color: $br-chartreuse;
|
||||
|
|
|
|||
|
|
@ -50,8 +50,8 @@ $product-enterprise: $br-pulsar !default;
|
|||
$article-bg: $g20-white !default;
|
||||
$article-heading: $br-pulsar !default;
|
||||
$article-heading-alt: $g5-pepper !default;
|
||||
$article-text: $g6-smoke !default;
|
||||
$article-bold: $g6-smoke !default;
|
||||
$article-text: $br-dark-blue !default;
|
||||
$article-bold: $br-dark-blue !default;
|
||||
$article-link: $b-pool !default;
|
||||
$article-link-hover: $br-magenta !default;
|
||||
$article-shadow: #cfd1e5 !default;
|
||||
|
|
@ -179,10 +179,8 @@ $landing-btn-grad: $grad-blue !default;
|
|||
$landing-btn-grad-hover: $grad-blue-light !default;
|
||||
|
||||
// Home page colors
|
||||
$home-btn-gradient: $grad-NineteenEightyFour !default;
|
||||
$home-btn-gradient-hover: $grad-PastelGothic !default;
|
||||
$home-tick-bg-gradient: $grad-grey-mist !default;
|
||||
$default-home-card-gradient: $grad-PastelGothic !default;
|
||||
$home-icon-c1: $br-dark-blue !default;
|
||||
$home-icon-c2: $g20-white !default;
|
||||
|
||||
// Tooltip colors
|
||||
$tooltip-color: $p-amethyst !default;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,11 @@
|
|||
// Influx Color Palette
|
||||
|
||||
// Brand Colors 2022
|
||||
$br-dark-blue: #020a47;
|
||||
$br-new-magenta: #d30971;
|
||||
$br-new-purple: #9b2aff;
|
||||
$br-teal: #5ee4e4;
|
||||
|
||||
// Brand Colors
|
||||
$br-chartreuse: #D6F622;
|
||||
$br-deeppurple: #13002D;
|
||||
|
|
@ -165,4 +171,10 @@ $grey85: #D5D5DD;
|
|||
$grey95: #F1F1F3;
|
||||
$white: #FFFFFF;
|
||||
|
||||
$grad-cool-grey-abyss: $grey10, $grey15;
|
||||
$grad-cool-grey-abyss: $grey10, $grey15;
|
||||
|
||||
////////////////////////////// NEW BRAND GRADIENTS /////////////////////////////
|
||||
$grad-burningDusk: $br-new-magenta, $br-new-purple;
|
||||
$grad-coolDusk: #771cc7, #b2025b;
|
||||
$grad-tealDream: $b-pool, $br-teal;
|
||||
$grad-tealDeepSleep: $b-ocean, #0ab8b8;
|
||||
|
|
|
|||
|
|
@ -11,21 +11,6 @@
|
|||
|
||||
<div class="home">
|
||||
|
||||
<div class="section hero">
|
||||
{{ partial "svgs/homepage-hero.svg" }}
|
||||
<div class="half">
|
||||
<h2>InfluxDB Cloud & <br />InfluxDB OSS 2.x</h2>
|
||||
<p>
|
||||
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 OSS {{ replaceRE "v" "" $influxdbVersionV2 }}</strong>.
|
||||
</p>
|
||||
<div class="actions">
|
||||
<a class="btn" href="/influxdb/cloud/">InfluxDB Cloud Docs</a>
|
||||
<a class="btn" href="/influxdb/{{ $influxdbVersionV2 }}/">InfluxDB OSS {{ replaceRE "v" "" $influxdbVersionV2 }} Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="section search">
|
||||
<div class="sidebar--search">
|
||||
<input class="sidebar--search-field"
|
||||
|
|
@ -41,104 +26,132 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div id="flux" class="section row">
|
||||
<div class="group-wrapper">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<h2><a href="/flux/{{ $fluxVersion }}/">Flux <span class="version">{{ $fluxVersion }}</span></a></h2>
|
||||
<p>The functional query and data scripting language.</p>
|
||||
<div id="influxdb" class="section group-wrapper">
|
||||
<div class="actions">
|
||||
<div>
|
||||
<h2>Get started with <span class="magenta">InfluxDB</span></h2>
|
||||
<p class="subhead">The time series platform</p>
|
||||
|
||||
<div id="influxdb-btn" class="exp-btn-wrapper">
|
||||
<div class="exp-btn">
|
||||
<p>View the InfluxDB documentation</p>
|
||||
<ul class="exp-btn-links">
|
||||
<li><a href="/influxdb/cloud/">InfluxDB Cloud</a></li>
|
||||
<li><a href="/influxdb/{{ $influxdbVersionV2 }}/">InfluxDB OSS {{ replaceRE "v" "" $influxdbVersionV2 }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="close-btn">
|
||||
<span class="icon-x"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card cta-btns">
|
||||
<a class="btn" href="/flux/{{ $fluxVersion }}/get-started/">Get started with Flux</a>
|
||||
<a class="btn" href="/flux/{{ $fluxVersion }}/stdlib/">Flux standard library</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-img"></div>
|
||||
</div>
|
||||
|
||||
<div id="tick-stack" class="section row">
|
||||
<div class="group-wrapper">
|
||||
<div id="platform" class="card quarter">
|
||||
<div class="card-content">
|
||||
<h2><a href="/platform/">InfluxData 1.x TICK stack</a></h2>
|
||||
<p>The leading modern time series platform, built for metrics and events.</p>
|
||||
<div id="api-guides" class="section group-wrapper blue flush-left">
|
||||
<div class="padding-wrapper">
|
||||
<div>
|
||||
<div class="text">
|
||||
<h3>Develop with the InfluxDB API</h3>
|
||||
<p>Build your application using the InfluxDB Cloud and InfluxDB OSS APIs.</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>
|
||||
</div>
|
||||
<p><a href="/telegraf/{{ $telegrafVersion }}/">View documentation</a></p>
|
||||
<div id="api-guides-btn" class="exp-btn-wrapper">
|
||||
<div class="exp-btn">
|
||||
<p>View the InfluxDB API Dev Guides</p>
|
||||
<ul class="exp-btn-links">
|
||||
<li><a href="/influxdb/cloud/api-guide/">InfluxDB Cloud</a></li>
|
||||
<li><a href="/influxdb/{{ $influxdbVersionV2 }}/api-guide/">InfluxDB OSS {{ replaceRE "v" "" $influxdbVersionV2 }}</a></li>
|
||||
</ul>
|
||||
</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>
|
||||
</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>
|
||||
</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>
|
||||
</div>
|
||||
<p><a href="/kapacitor/{{ $kapacitorVersion }}/">View documentation</a></p>
|
||||
<div class="close-btn">
|
||||
<span class="icon-x"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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 id="popular" class="section group-wrapper">
|
||||
<div class="product-cards">
|
||||
<div id="telegraf" class="card">
|
||||
<h3>Collect data with <span class="orange">Telegraf</span></h3>
|
||||
<!-- <p>Collect time series data from many different sources.</p> -->
|
||||
<div class="card-links">
|
||||
<a href="/telegraf/{{ $telegrafVersion }}/">Get started with <strong>Telegraf {{ replaceRE "v" "" $telegrafVersion }}</strong></a>
|
||||
<a href="/telegraf/{{ $telegrafVersion }}/plugins/">View Telegraf plugins</a>
|
||||
</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-premises, private cloud, public cloud, or at the edge.</p>
|
||||
</div>
|
||||
<p><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">View documentation</a></p>
|
||||
</div>
|
||||
<div class="card kapacitor">
|
||||
<div class="card-content">
|
||||
<h2><a href="https://archive.docs.influxdata.com/enterprise_kapacitor/v1.5/" target="_blank">Kapacitor Enterprise <span class="version">v1.5</span></a></h2>
|
||||
<p>A high availability Kapacitor cluster with alert deduplication and backend authentication. Run Kapacitor Enterprise on your own infrastructure—on-premises, private cloud, public cloud, or at the edge.</p>
|
||||
</div>
|
||||
<p><a href="https://archive.docs.influxdata.com/enterprise_kapacitor/v1.5/" target="_blank">View documentation archive</a></p>
|
||||
<div id="flux" class="card">
|
||||
<h3>Query & process data with <span class="blue">Flux</span></h3>
|
||||
<!-- <p>The data scripting language that queries, processes, alert ons, and writes data.</p> -->
|
||||
<div class="card-links">
|
||||
<a href="/flux/{{ $fluxVersion }}/">Get started with <strong>Flux {{ replaceRE "v" "" $fluxVersion }}</strong></a>
|
||||
<a href="/flux/{{ $fluxVersion }}/stdlib/">View the Flux standard library</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="learn-more" class="section group-wrapper">
|
||||
<h4>Learn more</h4>
|
||||
<div class="learn-items">
|
||||
<div class="item">
|
||||
<div class="icon">{{ partial "svgs/influxdbu.svg" }}</div>
|
||||
<h5>InfluxDB University</h5>
|
||||
<p>Free online training for InfluxDB and more.</p>
|
||||
<a href="https://influxdbu.com/" target="_blank">Go to InfluxDB University</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="icon">{{ partial "svgs/book.svg" }}</div>
|
||||
<h5>Time to Awesome</h5>
|
||||
<p>Free online about using InfluxDB and Flux.</p>
|
||||
<a href="https://awesome.influxdata.com/" target="_blank">View the book</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="icon">{{ partial "svgs/video-arrow.svg" }}</div>
|
||||
<h5>InfluxData Videos</h5>
|
||||
<p>Videos on specific topics related to time series and InfluxData projects.</p>
|
||||
<a href="/resources/videos/">View videos</a>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="icon">{{ partial "svgs/hatch.svg" }}</div>
|
||||
<h5>Case Studies</h5>
|
||||
<p>Learn about real world use cases and InfluxDB in the wild.</p>
|
||||
<a href="https://www.influxdata.com/_resources/case-studies/" target="_blank">View case studies</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="resources" class="section row">
|
||||
<div class="group-wrapper">
|
||||
<div class="card">
|
||||
<div class="card-content">
|
||||
<h2><a href="/resources/">Additional resources</a></h2>
|
||||
<p>View additional resources related to InfluxDB and InfluxData products.</p>
|
||||
</div>
|
||||
<div id="tick" class="section group-wrapper blue flush-right">
|
||||
<div class="padding-wrapper">
|
||||
<div class="tick-title">
|
||||
<h4><a href="/platform/#influxdata-1x-tick-stack">The TICK stack</a></h4>
|
||||
<p>The original time series platform</p>
|
||||
</div>
|
||||
<div class="card cta-btns">
|
||||
<a class="btn" href="/resources/">View additional resources</a>
|
||||
<div class="tick-links">
|
||||
<ul class="oss">
|
||||
<h5>Open Source</h5>
|
||||
<li><a href="/telegraf/{{ $telegrafVersion }}/">Telegraf {{ replaceRE "v" "" $telegrafVersion }}</a></li>
|
||||
<li><a href="/influxdb/{{ $influxdbVersionV1 }}/">InfluxDB {{ replaceRE "v" "" $influxdbVersionV1 }}</a></li>
|
||||
<li><a href="/chronograf/{{ $chronografVersion }}/">Chronograf {{ replaceRE "v" "" $chronografVersion }}</a></li>
|
||||
<li><a href="/kapacitor/{{ $kapacitorVersion }}/">Kapacitor {{ replaceRE "v" "" $kapacitorVersion }}</a></li>
|
||||
</ul>
|
||||
<ul class="enterprise">
|
||||
<h5>Enterprise</h5>
|
||||
<li><a href="/enterprise_influxdb/{{ $enterpriseVersion }}/">InfluxDB Enterprise {{ replaceRE "v" "" $enterpriseVersion }}</a></li>
|
||||
<li><a href="https://archive.docs.influxdata.com/enterprise_kapacitor/v1.5/">Kapacitor Enterprise 1.5 <span class="cf-icon export-new"></span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="copyright" class="section group-wrapper">
|
||||
<div class="padding-wrapper">
|
||||
|
||||
<p>© {{ now.Year }} InfluxData, Inc.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -9,7 +9,8 @@
|
|||
{{ $fluxGroupKeys := resources.Get "js/flux-group-keys.js" }}
|
||||
{{ $fluxCurrentTime := resources.Get "js/flux-current-time.js" }}
|
||||
{{ $fullscreenCode := resources.Get "js/fullscreen-code.js" }}
|
||||
{{ $footerjs := slice $versionSelector $contentInteractions $searchInteractions $listFilters $influxdbURLs $featureCallouts $notifications $keybindings $fullscreenCode | resources.Concat "js/footer.bundle.js" | resources.Fingerprint }}
|
||||
{{ $homepageInteractions := resources.Get "js/home-interactions.js" }}
|
||||
{{ $footerjs := slice $versionSelector $contentInteractions $searchInteractions $listFilters $influxdbURLs $featureCallouts $notifications $keybindings $fullscreenCode $homepageInteractions | resources.Concat "js/footer.bundle.js" | resources.Fingerprint }}
|
||||
{{ $fluxGroupKeyjs := slice $fluxGroupKeys | resources.Concat "js/flux-group-keys.js" | resources.Fingerprint }}
|
||||
{{ $fluxCurrentTimejs := slice $fluxCurrentTime | resources.Concat "js/flux-current-time.js" | resources.Fingerprint }}
|
||||
|
||||
|
|
|
|||
|
|
@ -25,5 +25,5 @@
|
|||
|
||||
<meta name="Copyright" content="InfluxData Inc." />
|
||||
</head>
|
||||
<body class='{{if ne $product nil}}{{ $product }}{{ end }}{{ if in $currentVersion "v1" }} v1{{ end }}'>
|
||||
<body class='{{if ne $product nil}}{{ $product }}{{ else }}home{{ end }}{{ if in $currentVersion "v1" }} v1{{ end }}'>
|
||||
{{ if not .Site.IsServer }}{{ partial "header/google-analytics-body.html" }}{{ end }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,13 @@
|
|||
<svg version="1.1" id="book" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 77 74" style="enable-background:new 0 0 77 74;" xml:space="preserve">
|
||||
<path class="c1" d="M76.9,0.4L76.9,0.4L38.5,15.5L0.1,0.4l0,0L0,0.4v58h0l0,0l38.5,15.1L77,58.5l0,0h0L76.9,0.4L76.9,0.4z M5.7,54
|
||||
V9.3l32.8,12.9L71.3,9.4V54L38.5,66.9L5.7,54z"/>
|
||||
<polygon class="c2" points="5.7,54 5.7,9.3 38.5,22.2 71.3,9.4 71.3,54 38.5,66.9 "/>
|
||||
<polygon class="c1" points="48.9,25.1 65.4,18.5 65.4,24.5 48.9,31.1 "/>
|
||||
<polygon class="c1" points="48.9,37.5 65.4,31 65.4,36.9 48.9,43.5 "/>
|
||||
<polygon class="c1" points="48.9,50 65.4,43.4 65.4,49.3 48.9,55.9 "/>
|
||||
<polygon class="magenta" points="48.9,55.9 41.9,58.8 41.9,20.9 48.9,18.2 "/>
|
||||
<polygon class="c1" points="35.7,28.1 5.7,16.2 5.7,22.1 35.7,34 "/>
|
||||
<polygon class="c1" points="35.7,40.5 11.6,31 11.6,36.9 35.7,46.5 "/>
|
||||
<polygon class="c1" points="35.7,53 11.6,43.4 11.6,49.3 35.7,58.9 "/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 972 B |
|
|
@ -0,0 +1,7 @@
|
|||
<svg version="1.1" id="hatch" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 73 74" style="enable-background:new 0 0 73 74;" xml:space="preserve">
|
||||
<path class="c1" d="M36.5,11.1L47.2,0.4l4.3,4.3L40.8,15.5l12.9,12.9l-4.3,4.3l-28-28l4.3-4.3L36.5,11.1z"/>
|
||||
<path class="magenta" d="M62.3,37l10.7,10.7L68.7,52L58,41.3L45.1,54.3l-4.3-4.3L68.7,22l4.3,4.3L62.3,37z"/>
|
||||
<path class="c1" d="M36.5,62.9L25.8,73.6l-4.3-4.3l10.7-10.7L19.2,45.6l4.3-4.3l27.9,27.9l-4.3,4.3L36.5,62.9z"/>
|
||||
<path class="magenta" d="M10.6,37L-0.1,26.3L4.2,22l10.7,10.7l12.9-12.9l4.3,4.3l-28,28l-4.3-4.3L10.6,37z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 647 B |
|
|
@ -1,673 +0,0 @@
|
|||
<svg version="1.1" id="hero-img" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 600 600" style="enable-background:new 0 0 600 600;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{opacity:0.25;fill:url(#SVGID_1_);}
|
||||
.st1{fill:url(#SVGID_2_);}
|
||||
.st2{fill:url(#SVGID_3_);}
|
||||
.st3{fill:url(#SVGID_4_);}
|
||||
.st4{fill:url(#SVGID_5_);}
|
||||
.st5{opacity:0.51;fill:url(#SVGID_6_);}
|
||||
.st6{opacity:0.69;fill:url(#SVGID_7_);}
|
||||
.st7{fill:url(#SVGID_8_);}
|
||||
.st8{fill:url(#SVGID_9_);}
|
||||
.st9{fill:url(#SVGID_10_);}
|
||||
.st10{fill:url(#SVGID_11_);}
|
||||
.st11{fill:url(#SVGID_12_);}
|
||||
.st12{fill:url(#SVGID_13_);}
|
||||
.st13{fill:url(#SVGID_14_);}
|
||||
.st14{fill:url(#SVGID_15_);}
|
||||
.st15{fill:url(#SVGID_16_);}
|
||||
.st16{fill:url(#SVGID_17_);}
|
||||
.st17{fill:url(#SVGID_18_);}
|
||||
.st18{opacity:0.5;fill:url(#SVGID_19_);}
|
||||
.st19{opacity:0.65;}
|
||||
.st20{fill:url(#SVGID_20_);}
|
||||
.st21{opacity:0.64;}
|
||||
.st22{fill:url(#SVGID_21_);}
|
||||
.st23{opacity:0.54;fill:url(#SVGID_22_);}
|
||||
.st24{opacity:0.88;}
|
||||
.st25{opacity:0.31;}
|
||||
.st26{fill:url(#SVGID_23_);}
|
||||
.st27{opacity:0.3;}
|
||||
.st28{fill:#439ED5;}
|
||||
.st29{opacity:0.62;}
|
||||
.st30{fill:url(#SVGID_24_);}
|
||||
.st31{opacity:0.4;}
|
||||
.st32{opacity:0.51;}
|
||||
.st33{fill:url(#SVGID_25_);}
|
||||
.st34{opacity:0.5;}
|
||||
.st35{fill:url(#SVGID_26_);}
|
||||
.st36{fill:url(#SVGID_27_);}
|
||||
.st37{fill:url(#SVGID_28_);}
|
||||
.st38{opacity:0.55;}
|
||||
.st39{fill:url(#SVGID_29_);}
|
||||
.st40{fill:url(#SVGID_30_);}
|
||||
.st41{opacity:0.6;}
|
||||
.st42{fill:url(#SVGID_31_);}
|
||||
.st43{fill:url(#SVGID_32_);}
|
||||
.st44{fill:url(#SVGID_33_);}
|
||||
.st45{fill:url(#SVGID_34_);}
|
||||
.st46{fill:url(#SVGID_35_);}
|
||||
.st47{opacity:0.78;fill:url(#SVGID_36_);}
|
||||
.st48{fill:url(#SVGID_37_);}
|
||||
.st49{opacity:0.69;fill:url(#SVGID_38_);}
|
||||
.st50{opacity:0.42;fill:url(#SVGID_39_);}
|
||||
.st51{opacity:0.58;}
|
||||
.st52{fill:#E5C9ED;}
|
||||
.st53{opacity:0.59;fill:url(#SVGID_40_);}
|
||||
.st54{opacity:0.85;fill:url(#SVGID_41_);}
|
||||
.st55{fill:#CCEC22;}
|
||||
.st56{fill:url(#SVGID_42_);}
|
||||
.st57{fill:url(#SVGID_43_);}
|
||||
.st58{fill:#292933;}
|
||||
.st59{fill:#47BCEA;}
|
||||
.st60{fill:url(#SVGID_44_);}
|
||||
.st61{fill:url(#SVGID_45_);}
|
||||
.st62{fill:url(#SVGID_46_);}
|
||||
.st63{opacity:0.55;fill:url(#SVGID_47_);}
|
||||
.st64{fill:#B67FEF;}
|
||||
.st65{fill:url(#SVGID_48_);}
|
||||
.st66{fill:#AA6FF7;}
|
||||
.st67{fill:url(#SVGID_49_);}
|
||||
.st68{fill:url(#SVGID_50_);}
|
||||
.st69{fill:url(#SVGID_51_);}
|
||||
.st70{fill:url(#SVGID_52_);}
|
||||
.st71{fill:url(#SVGID_53_);}
|
||||
.st72{fill:url(#SVGID_54_);}
|
||||
</style>
|
||||
<g id="back">
|
||||
</g>
|
||||
<g id="platform">
|
||||
<g>
|
||||
|
||||
<radialGradient id="SVGID_1_" cx="-497.7702" cy="524.6248" r="115.4329" gradientTransform="matrix(1.8765 6.299008e-02 -6.241235e-02 0.9843 1265.2174 -21.8549)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" style="stop-color:#7A64E4"/>
|
||||
<stop offset="1" style="stop-color:#7A64E5;stop-opacity:0"/>
|
||||
</radialGradient>
|
||||
<ellipse class="st0" cx="287.2" cy="452.1" rx="245.6" ry="133.7"/>
|
||||
<g>
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="78.8085" y1="426.2571" x2="525.5908" y2="426.2571">
|
||||
<stop offset="0" style="stop-color:#1D1A33"/>
|
||||
<stop offset="1" style="stop-color:#1D1934"/>
|
||||
</linearGradient>
|
||||
<path class="st1" d="M525.5,424.8v-24H508v6.5L320.5,299.2c-11.3-6.5-25.2-6.5-36.5,0L96.3,407.5v-6.8L78.8,408l0.2,18.8l0,0.6
|
||||
c0.3,4.7,2.8,9.2,7.5,11.9l197.5,114c11.3,6.5,25.2,6.5,36.5,0l197.5-114C523.6,436.1,526,430.4,525.5,424.8z"/>
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="309.4343" y1="426.4217" x2="536.4043" y2="431.9964">
|
||||
<stop offset="0" style="stop-color:#1D1A33"/>
|
||||
<stop offset="0.809" style="stop-color:#292645"/>
|
||||
</linearGradient>
|
||||
<path class="st2" d="M518.1,439.3l-197.5,114c-5.5,3.2-11.7,4.8-17.9,4.9v-264c6.2,0,12.4,1.7,17.9,4.9L508,407.4v-6.5l17.5,7.1
|
||||
v16.9C526,430.4,523.6,436.1,518.1,439.3z"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="2204.7739" y1="525.7761" x2="2195.2732" y2="155.2478" gradientTransform="matrix(-1 0 0 1 2503.6987 0)">
|
||||
<stop offset="3.828044e-03" style="stop-color:#524885"/>
|
||||
<stop offset="1" style="stop-color:#36305F"/>
|
||||
</linearGradient>
|
||||
<path class="st3" d="M517.9,394.9L320.2,280.8c-11.3-6.5-25.2-6.5-36.5,0L86,394.9c-10.1,5.8-10.1,20.3,0,26.1l197.7,114.1
|
||||
c11.3,6.5,25.2,6.5,36.5,0L517.9,421C528,415.2,528,400.7,517.9,394.9z"/>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="2201.7529" y1="273.9655" x2="2201.7529" y2="541.9379" gradientTransform="matrix(-1 0 0 1 2503.6987 0)">
|
||||
<stop offset="0" style="stop-color:#36305F;stop-opacity:0"/>
|
||||
<stop offset="1" style="stop-color:#4C387F"/>
|
||||
</linearGradient>
|
||||
<path class="st4" d="M301.9,541.9c-6.6,0-13.3-1.7-19.2-5.1L85,422.7c-5.3-3.1-8.5-8.6-8.5-14.7c0-6.1,3.2-11.6,8.5-14.7
|
||||
l197.7-114.1c11.9-6.8,26.6-6.8,38.4,0l197.7,114.1c5.3,3.1,8.5,8.6,8.5,14.7c0,6.1-3.2,11.6-8.5,14.7L321.2,536.8
|
||||
C315.2,540.2,308.6,541.9,301.9,541.9z M301.9,277.8c-6,0-12,1.5-17.3,4.6L86.9,396.5c-4.1,2.4-6.6,6.6-6.6,11.4
|
||||
c0,4.8,2.5,9,6.6,11.4l197.7,114.1c10.7,6.2,23.9,6.2,34.6,0l197.7-114.1c4.1-2.4,6.6-6.6,6.6-11.4c0-4.8-2.5-9-6.6-11.4
|
||||
L319.3,282.4C313.9,279.3,307.9,277.8,301.9,277.8z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
<radialGradient id="SVGID_6_" cx="-491.2517" cy="356.4801" r="105.5277" gradientTransform="matrix(1.429 -0.1202 9.611484e-02 1.1429 1006.0948 -159.5117)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" style="stop-color:#22A4ED;stop-opacity:0.8"/>
|
||||
<stop offset="0.925" style="stop-color:#B62FDC;stop-opacity:0"/>
|
||||
</radialGradient>
|
||||
<path class="st5" d="M509.1,292.6c5.7,68.1-66.1,129.7-160.4,137.7s-175.4-40.8-181.2-108.9c-5.7-68.1,66.1-129.7,160.4-137.7
|
||||
C422.3,175.7,503.4,224.5,509.1,292.6z"/>
|
||||
</g>
|
||||
<g id="Layer_15">
|
||||
<g>
|
||||
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="203.0987" y1="422.3886" x2="124.6965" y2="383.8019">
|
||||
<stop offset="0" style="stop-color:#1C1C23"/>
|
||||
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st6" points="199.1,409.5 199.7,398.9 126.9,384.7 117.5,402 186.6,415.1 182.6,408.8 "/>
|
||||
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="190.1116" y1="456.9626" x2="192.0644" y2="212.8648">
|
||||
<stop offset="0" style="stop-color:#241F4A"/>
|
||||
<stop offset="1" style="stop-color:#565499"/>
|
||||
</linearGradient>
|
||||
<path class="st7" d="M205.8,409.8L199.4,164l-16.7,8.2l-7.5,237.6l0,0c0,2.3,1.5,4.7,4.5,6.5c6,3.6,15.7,3.6,21.7,0
|
||||
C204.3,414.5,205.8,412.2,205.8,409.8L205.8,409.8z"/>
|
||||
<g>
|
||||
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="167.5772" y1="189.1854" x2="187.9729" y2="149.6958">
|
||||
<stop offset="0" style="stop-color:#565499"/>
|
||||
<stop offset="1" style="stop-color:#2D2E5C"/>
|
||||
</linearGradient>
|
||||
<path class="st8" d="M152.6,153.1c-4,13.6,22,33,46.1,41l-1.5-18l15.2-9.2C192.8,148,156.1,141.2,152.6,153.1z"/>
|
||||
|
||||
<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="776.6206" y1="144.0618" x2="742.1387" y2="194.0606" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
|
||||
<stop offset="0" style="stop-color:#6365AD"/>
|
||||
<stop offset="1" style="stop-color:#434280"/>
|
||||
</linearGradient>
|
||||
<path class="st9" d="M215.6,173.8c0,6.9-4.8,15.3-10.9,18.8c-2.8,1.6-5.3,1.9-7.2,1c-0.3-0.1-0.6-0.3-0.9-0.5
|
||||
c-1.7-1.2-2.7-3.5-2.7-6.7c0-6.9,4.8-15.3,10.8-18.8c3.1-1.8,5.9-1.9,7.9-0.7C214.4,168,215.5,170.4,215.6,173.8z"/>
|
||||
</g>
|
||||
<g>
|
||||
<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="87.1691" y1="301.1135" x2="216.6932" y2="179.1741">
|
||||
<stop offset="0" style="stop-color:#241F4A"/>
|
||||
<stop offset="1" style="stop-color:#565499"/>
|
||||
</linearGradient>
|
||||
<polygon class="st10" points="76,290.7 185.7,229.3 203.4,186.1 201.5,181 "/>
|
||||
|
||||
<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="532.9785" y1="363.2299" x2="713.1932" y2="209.5273" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
|
||||
<stop offset="0" style="stop-color:#B22FD8"/>
|
||||
<stop offset="0.1405" style="stop-color:#A539D9"/>
|
||||
<stop offset="0.3984" style="stop-color:#8453DD"/>
|
||||
<stop offset="0.7419" style="stop-color:#4F7DE4"/>
|
||||
<stop offset="1" style="stop-color:#22A0E9"/>
|
||||
</linearGradient>
|
||||
<polygon class="st11" points="76,290.7 70.2,286.9 201.5,181 "/>
|
||||
<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="214.2197" y1="6.5763" x2="212.1984" y2="200.6273">
|
||||
<stop offset="0" style="stop-color:#22A0E9"/>
|
||||
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
|
||||
<stop offset="0.6016" style="stop-color:#8453DD"/>
|
||||
<stop offset="0.8595" style="stop-color:#A539D9"/>
|
||||
<stop offset="1" style="stop-color:#B22FD8"/>
|
||||
</linearGradient>
|
||||
<polygon class="st12" points="207.9,176.1 218.6,20.9 209.8,20.9 "/>
|
||||
|
||||
<linearGradient id="SVGID_14_" gradientUnits="userSpaceOnUse" x1="741.2304" y1="202.9234" x2="742.4446" y2="51.1512" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
|
||||
<stop offset="0" style="stop-color:#565499"/>
|
||||
<stop offset="1" style="stop-color:#241F4A"/>
|
||||
</linearGradient>
|
||||
<polygon class="st13" points="204.2,179.4 180.2,153.4 209.9,20.9 207.9,176.1 "/>
|
||||
|
||||
<linearGradient id="SVGID_15_" gradientUnits="userSpaceOnUse" x1="818.6823" y1="227.1644" x2="819.0865" y2="176.6261" gradientTransform="matrix(1 0 0 1 -547.1423 0)">
|
||||
<stop offset="0" style="stop-color:#381565"/>
|
||||
<stop offset="1" style="stop-color:#565499"/>
|
||||
</linearGradient>
|
||||
<polygon class="st14" points="210.3,176.8 243,166.3 333.2,219.8 210.5,181.3 "/>
|
||||
<linearGradient id="SVGID_16_" gradientUnits="userSpaceOnUse" x1="366.8544" y1="235.6086" x2="149.5577" y2="156.7754">
|
||||
<stop offset="0" style="stop-color:#22A0E9"/>
|
||||
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
|
||||
<stop offset="0.6016" style="stop-color:#8453DD"/>
|
||||
<stop offset="0.8595" style="stop-color:#A539D9"/>
|
||||
<stop offset="1" style="stop-color:#B22FD8"/>
|
||||
</linearGradient>
|
||||
<polygon class="st15" points="333,226.9 333,219.8 210.5,181.3 "/>
|
||||
<linearGradient id="SVGID_17_" gradientUnits="userSpaceOnUse" x1="211.0598" y1="194.1226" x2="202.5837" y2="151.742">
|
||||
<stop offset="0" style="stop-color:#22A0E9"/>
|
||||
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
|
||||
<stop offset="0.6016" style="stop-color:#8453DD"/>
|
||||
<stop offset="0.8595" style="stop-color:#A539D9"/>
|
||||
<stop offset="1" style="stop-color:#B22FD8"/>
|
||||
</linearGradient>
|
||||
<path class="st16" d="M218.9,182.1c-1.7-3.6-4.8-8.5-7.6-10.4c0,0-0.1,0-0.1,0c-1.3-0.7-3-0.5-4.9,0.6c-4,2.3-7.2,7.8-7.1,12.4
|
||||
c0,2.1,0.7,3.6,1.8,4.4c0.2,0.1,0.4,0.3,0.6,0.4c0.7,0.3,1.5,0.4,2.3,0.2c0.4,0.1,0.7,0.2,1.1,0.1c7.8-0.5,10.1-0.4,12.1-2.3
|
||||
C218.4,186.4,219.6,183.6,218.9,182.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<linearGradient id="SVGID_18_" gradientUnits="userSpaceOnUse" x1="243.2493" y1="435.5272" x2="694.1861" y2="50.9293">
|
||||
<stop offset="0" style="stop-color:#22A1EA"/>
|
||||
<stop offset="0.2622" style="stop-color:#507DE5"/>
|
||||
<stop offset="0.6038" style="stop-color:#8553DE"/>
|
||||
<stop offset="0.8602" style="stop-color:#A639DA"/>
|
||||
<stop offset="1" style="stop-color:#B32FD9"/>
|
||||
</linearGradient>
|
||||
<path class="st17" d="M458.4,273l-10.6-6.1c0,0,0,0,0,0L429,256.1c-32.4-18.7-72.3-18.7-104.7,0l-82.7,47.7c0,0,0,0,0,0l-12.5,7.2
|
||||
c-2.6,1.5-4.2,4.3-4.2,7.3l0.2,102.9c0,3.3,3,5.6,6,5.2c-1.4-0.9-2.3-2.5-2.3-4.3L228.6,319c0-2.1,0.8-4,2.1-5.6
|
||||
c0.5-0.5,1-0.9,1.7-1.3l91.9-53c32.4-18.7,72.3-18.7,104.7,0l17.6,10.1c0,0.1-0.1,0.2-0.1,0.3l9.1,5.2c2.6,1.5,4.2,4.3,4.2,7.3
|
||||
l-0.2,102.9c0,1.3-0.4,2.4-1.1,3.2c2.2-0.5,4-2.5,4-5.1l0.2-102.9C462.6,277.2,461,274.5,458.4,273z"/>
|
||||
<linearGradient id="SVGID_19_" gradientUnits="userSpaceOnUse" x1="233.7289" y1="404.7695" x2="735.3603" y2="146.7445">
|
||||
<stop offset="0" style="stop-color:#22A1EA"/>
|
||||
<stop offset="0.2622" style="stop-color:#507DE5"/>
|
||||
<stop offset="0.6038" style="stop-color:#8553DE"/>
|
||||
<stop offset="0.8602" style="stop-color:#A639DA"/>
|
||||
<stop offset="1" style="stop-color:#B32FD9"/>
|
||||
</linearGradient>
|
||||
<path class="st18" d="M455.5,274.4L429,259.2c-32.4-18.7-72.3-18.7-104.8,0l-91.9,53c-2.6,1.5-4.2,4.3-4.2,7.3l0.2,102.9
|
||||
c0,4,4.4,6.5,7.9,4.5l97.8-56.4c26.4-15.2,58.8-15.2,85.2,0l32.5,18.7c3.5,2,7.8-0.5,7.9-4.5l0.2-102.9
|
||||
C459.7,278.7,458.1,275.9,455.5,274.4z"/>
|
||||
<g class="st19">
|
||||
<linearGradient id="SVGID_20_" gradientUnits="userSpaceOnUse" x1="240.5313" y1="439.3951" x2="447.1792" y2="263.148">
|
||||
<stop offset="0" style="stop-color:#22A1EA"/>
|
||||
<stop offset="0.2622" style="stop-color:#507DE5"/>
|
||||
<stop offset="0.6038" style="stop-color:#8553DE"/>
|
||||
<stop offset="0.8602" style="stop-color:#A639DA"/>
|
||||
<stop offset="1" style="stop-color:#B32FD9"/>
|
||||
</linearGradient>
|
||||
<path class="st20" d="M233.6,428.1c-1,0-2-0.3-2.9-0.8c-1.8-1-2.9-2.9-2.9-5l-0.2-102.9c0-3.2,1.7-6.1,4.5-7.7l91.9-53
|
||||
c32.5-18.7,72.8-18.7,105.3,0l26.5,15.2c2.8,1.6,4.5,4.6,4.5,7.7L460,384.6c0,2.1-1.1,3.9-2.9,5c-1.8,1-4,1-5.8,0l-32.5-18.7
|
||||
c-26.1-15.1-58.6-15.1-84.7,0l-97.8,56.4C235.5,427.8,234.5,428.1,233.6,428.1z M376.6,245.8c-18,0-36,4.6-52.1,13.9l-91.9,53
|
||||
c-2.4,1.4-3.9,4-3.9,6.8l0.2,102.9c0,1.7,0.9,3.2,2.4,4.1c1.5,0.8,3.2,0.8,4.7,0l97.8-56.4c26.4-15.2,59.3-15.2,85.7,0l32.5,18.7
|
||||
c1.5,0.9,3.2,0.9,4.7,0c1.5-0.8,2.4-2.4,2.4-4.1l0.2-102.9c0-2.8-1.5-5.4-3.9-6.8l-26.5-15.2
|
||||
C412.6,250.4,394.6,245.8,376.6,245.8z"/>
|
||||
</g>
|
||||
<g class="st21">
|
||||
<linearGradient id="SVGID_21_" gradientUnits="userSpaceOnUse" x1="231.373" y1="436.8676" x2="453.0688" y2="247.7862">
|
||||
<stop offset="0" style="stop-color:#22A1EA"/>
|
||||
<stop offset="0.2622" style="stop-color:#507DE5"/>
|
||||
<stop offset="0.6038" style="stop-color:#8553DE"/>
|
||||
<stop offset="0.8602" style="stop-color:#A639DA"/>
|
||||
<stop offset="1" style="stop-color:#B32FD9"/>
|
||||
</linearGradient>
|
||||
<path class="st22" d="M218.4,418.6c-1,0-1.9-0.3-2.8-0.8c-1.8-1-2.8-2.9-2.8-4.9l-0.2-102.1c0-3.1,1.7-6.1,4.4-7.6L322.5,242
|
||||
c32.1-18.5,71.9-18.5,103.9,0l4,2.3l0,0l0,0l37.1,21.2c2.7,1.6,4.4,4.5,4.4,7.6l-0.2,102.1c0,2.1-1.1,3.9-2.8,4.9
|
||||
c-1.8,1-3.9,1-5.7,0l-0.4-0.2c-0.2-0.1-0.3-0.5-0.2-0.7c0.1-0.2,0.5-0.3,0.7-0.2l0.4,0.2c1.5,0.8,3.2,0.8,4.6,0
|
||||
c1.5-0.8,2.3-2.3,2.3-4l0.2-102.1c0-2.8-1.5-5.4-3.9-6.7l-14.4-8.3l-0.1,0.1l-0.1-0.1L426,242.9c-31.7-18.3-71.2-18.3-102.9,0
|
||||
L217.5,304c-2.4,1.4-3.9,4-3.9,6.7l0.2,102.1c0,1.7,0.9,3.2,2.3,4s3.2,0.8,4.6,0l4.2-2.4c0.2-0.1,0.6-0.1,0.7,0.2
|
||||
c0.1,0.2,0.1,0.6-0.2,0.7l-4.2,2.4C220.4,418.3,219.4,418.6,218.4,418.6z"/>
|
||||
</g>
|
||||
</g>
|
||||
<linearGradient id="SVGID_22_" gradientUnits="userSpaceOnUse" x1="232.7789" y1="349.882" x2="544.8936" y2="349.882">
|
||||
<stop offset="0" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.2509" style="stop-color:#4C82E7;stop-opacity:0.5424"/>
|
||||
<stop offset="0.5484" style="stop-color:#8258E1;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st23" d="M428.5,340.3l-13.9,6.5c-25.5-12.7-55.7-11.9-80.6,2.5l-40.8,23.5l-60.5,30.5v-60.9c0,0,32.6-12.2,39.1-14
|
||||
c19.6-5.6,35.9,23.1,53.7,14.9c14.9-6.8,33.3-45.9,47.2-46.7C392.9,295.3,404.9,342.2,428.5,340.3z"/>
|
||||
<g class="st24">
|
||||
<g class="st25">
|
||||
|
||||
<linearGradient id="SVGID_23_" gradientUnits="userSpaceOnUse" x1="393.4461" y1="259.7773" x2="393.4461" y2="328.015" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0.3296" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.7877" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st26" points="372.7,328 372.4,259.8 373.5,259.8 373.8,328 "/>
|
||||
</g>
|
||||
<g class="st27">
|
||||
|
||||
<rect x="372.7" y="332" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9499 1.065)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g class="st29">
|
||||
|
||||
<linearGradient id="SVGID_24_" gradientUnits="userSpaceOnUse" x1="404.6429" y1="261.1703" x2="404.6429" y2="329.4081" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.7151" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st30" points="361.5,329.4 361.2,261.2 362.3,261.2 362.6,329.4 "/>
|
||||
</g>
|
||||
<g class="st31">
|
||||
|
||||
<rect x="361.5" y="333.4" transform="matrix(1 -2.850099e-03 2.850099e-03 1 -0.954 1.0332)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g class="st32">
|
||||
|
||||
<linearGradient id="SVGID_25_" gradientUnits="userSpaceOnUse" x1="415.8265" y1="264.5849" x2="415.8265" y2="332.8227" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.4637" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.8966" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st33" points="350.3,332.8 350,264.6 351.1,264.6 351.4,332.8 "/>
|
||||
</g>
|
||||
<g class="st34">
|
||||
|
||||
<rect x="350.3" y="336.8" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9637 1.0012)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g class="st32">
|
||||
|
||||
<linearGradient id="SVGID_26_" gradientUnits="userSpaceOnUse" x1="427.0228" y1="269.0204" x2="427.0228" y2="337.2582" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.2737" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.8575" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st35" points="339.1,337.3 338.8,269 339.9,269 340.2,337.3 "/>
|
||||
</g>
|
||||
<g class="st34">
|
||||
|
||||
<rect x="339.1" y="341.2" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9764 0.9693)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_27_" gradientUnits="userSpaceOnUse" x1="438.2064" y1="274.4633" x2="438.2064" y2="342.7011" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0.2011" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.6313" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st36" points="327.9,342.7 327.6,274.5 328.7,274.5 329,342.7 "/>
|
||||
</g>
|
||||
<g class="st34">
|
||||
|
||||
<rect x="327.9" y="346.7" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -0.9919 0.9375)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_28_" gradientUnits="userSpaceOnUse" x1="449.39" y1="280.9203" x2="449.39" y2="349.1581" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0.1341" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.7095" style="stop-color:#22A3EC"/>
|
||||
<stop offset="1" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st37" points="316.7,349.2 316.5,280.9 317.5,280.9 317.8,349.2 "/>
|
||||
</g>
|
||||
<g class="st38">
|
||||
|
||||
<rect x="316.7" y="353.1" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0104 0.9056)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<linearGradient id="SVGID_29_" gradientUnits="userSpaceOnUse" x1="305.9382" y1="287.3847" x2="305.9382" y2="355.6225">
|
||||
<stop offset="0.2011" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.6313" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st39" points="305.5,355.6 305.3,287.4 306.3,287.4 306.6,355.6 "/>
|
||||
</g>
|
||||
<g class="st38">
|
||||
|
||||
<rect x="305.5" y="359.6" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0288 0.8737)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
<linearGradient id="SVGID_30_" gradientUnits="userSpaceOnUse" x1="294.7542" y1="293.8412" x2="294.7542" y2="362.0795">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.2737" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.8575" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st40" points="294.3,362.1 294.1,293.8 295.2,293.8 295.4,362.1 "/>
|
||||
</g>
|
||||
<g class="st41">
|
||||
|
||||
<rect x="294.4" y="366" transform="matrix(1 -2.590665e-03 2.590665e-03 1 -0.9522 0.7652)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_31_" gradientUnits="userSpaceOnUse" x1="482.9671" y1="300.3056" x2="482.9671" y2="368.5434" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.4637" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st42" points="283.2,368.5 282.9,300.3 284,300.3 284.2,368.5 "/>
|
||||
</g>
|
||||
<g class="st41">
|
||||
|
||||
<rect x="283.2" y="372.5" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.0657 0.81)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<linearGradient id="SVGID_32_" gradientUnits="userSpaceOnUse" x1="272.3743" y1="305.7839" x2="272.3743" y2="363.3116">
|
||||
<stop offset="0" style="stop-color:#CCEC22;stop-opacity:0"/>
|
||||
<stop offset="0.7467" style="stop-color:#CCEC22;stop-opacity:0.92"/>
|
||||
</linearGradient>
|
||||
<polygon class="st43" points="272,375 271.7,306.8 272.7,306.8 273,375 "/>
|
||||
<g class="st41">
|
||||
|
||||
<rect x="272" y="379" transform="matrix(1 -2.850099e-03 2.850099e-03 1 -1.0843 0.7783)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_33_" gradientUnits="userSpaceOnUse" x1="505.347" y1="313.227" x2="505.347" y2="381.4648" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.4637" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st44" points="260.8,381.5 260.5,313.2 261.6,313.2 261.9,381.5 "/>
|
||||
</g>
|
||||
<g class="st41">
|
||||
|
||||
<rect x="260.8" y="385.4" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1027 0.7463)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_34_" gradientUnits="userSpaceOnUse" x1="516.5311" y1="319.684" x2="516.5311" y2="387.9218" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.4637" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st45" points="249.6,387.9 249.3,319.7 250.4,319.7 250.7,387.9 "/>
|
||||
</g>
|
||||
<g class="st34">
|
||||
|
||||
<rect x="249.6" y="391.9" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1211 0.7144)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_35_" gradientUnits="userSpaceOnUse" x1="527.7279" y1="326.1483" x2="527.7279" y2="394.3861" gradientTransform="matrix(-1 0 0 1 766.525 0)">
|
||||
<stop offset="0" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
<stop offset="0.4637" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.986" style="stop-color:#22A3EC;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st46" points="238.4,394.4 238.1,326.2 239.2,326.1 239.5,394.4 "/>
|
||||
</g>
|
||||
<g class="st34">
|
||||
|
||||
<rect x="238.4" y="398.3" transform="matrix(1 -2.849729e-03 2.849729e-03 1 -1.1396 0.6826)" class="st28" width="1.1" height="3.8"/>
|
||||
</g>
|
||||
</g>
|
||||
<linearGradient id="SVGID_36_" gradientUnits="userSpaceOnUse" x1="237.282" y1="346.8969" x2="502.2392" y2="346.8969">
|
||||
<stop offset="0" style="stop-color:#22A3EC"/>
|
||||
<stop offset="0.3141" style="stop-color:#4C82E7;stop-opacity:0.5424"/>
|
||||
<stop offset="0.6865" style="stop-color:#8258E1;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st47" d="M423.3,303.9v43.4l-7.6,0.1c-25.7-13.3-56.5-12.6-81.7,1.9l-46,26.5l-50.8,26.4l0.2-12c0,0,23-6.2,34.1-28.9
|
||||
c11.2-22.7,24.5-21.4,29.5-30.4c5-9,10.9-37.5,23-39.1c12.1-1.6,18.9,10.9,27,23.3c8.1,12.4,22.6,22.4,34.4,6.6
|
||||
C397.2,305.8,410.8,303.1,423.3,303.9z"/>
|
||||
<g>
|
||||
<linearGradient id="SVGID_37_" gradientUnits="userSpaceOnUse" x1="236.3896" y1="340.8758" x2="424.3628" y2="340.8758">
|
||||
<stop offset="0" style="stop-color:#E8CCF0;stop-opacity:0.2"/>
|
||||
<stop offset="0.3855" style="stop-color:#E8CCF0"/>
|
||||
<stop offset="0.454" style="stop-color:#E1C4EF;stop-opacity:0.8504"/>
|
||||
<stop offset="0.5602" style="stop-color:#CEAEEC;stop-opacity:0.6186"/>
|
||||
<stop offset="0.6907" style="stop-color:#AE8BE8;stop-opacity:0.3336"/>
|
||||
<stop offset="0.8394" style="stop-color:#8359E1;stop-opacity:9.034276e-03"/>
|
||||
<stop offset="0.8436" style="stop-color:#8258E1;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st48" d="M237.4,391.2c-0.5,0-0.9-0.3-1-0.8c-0.2-0.6,0.2-1.1,0.7-1.3c0.2-0.1,22.6-6.4,33.5-28.3
|
||||
c7.1-14.3,14.9-19.2,21.1-23.1c3.7-2.3,6.6-4.1,8.4-7.3c1.3-2.4,2.8-6.3,4.4-10.9c4.4-12.3,10-27.6,19.3-28.8
|
||||
c11.8-1.5,18.7,9.3,26.1,20.8c0.6,1,1.3,2,1.9,3c5.7,8.7,12.9,14.1,19.4,14.3c4.8,0.2,9.3-2.4,13.2-7.7
|
||||
c13.2-17.7,28.5-18.8,38.9-18.2c0.6,0,1,0.5,1,1.1c0,0.6-0.5,1-1.1,1c-9.9-0.6-24.5,0.4-37,17.3c-4.4,5.9-9.4,8.7-15,8.6
|
||||
c-7.2-0.2-15.1-5.9-21.1-15.2c-0.6-1-1.3-2-1.9-3c-7.3-11.4-13.6-21.2-24.1-19.8c-8.1,1-13.6,16.3-17.6,27.4
|
||||
c-1.7,4.6-3.1,8.6-4.5,11.2c-2,3.7-5.3,5.7-9.1,8.1c-6.1,3.8-13.6,8.5-20.4,22.3c-11.3,22.8-34.6,29.3-34.8,29.4
|
||||
C237.6,391.2,237.5,391.2,237.4,391.2z"/>
|
||||
</g>
|
||||
<linearGradient id="SVGID_38_" gradientUnits="userSpaceOnUse" x1="342.2651" y1="479.428" x2="255.8897" y2="436.9172">
|
||||
<stop offset="0" style="stop-color:#1C1C23"/>
|
||||
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st49" points="338.9,463.1 331.1,452.1 258.2,437.8 248.8,455.2 317.9,468.3 313.9,462 "/>
|
||||
<linearGradient id="SVGID_39_" gradientUnits="userSpaceOnUse" x1="432.6669" y1="459.3523" x2="350.5956" y2="418.9599">
|
||||
<stop offset="0" style="stop-color:#1C1C23"/>
|
||||
<stop offset="0.7663" style="stop-color:#2B264C;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st50" points="429.3,444.2 427.3,435.3 363.8,425.6 343.6,436.9 "/>
|
||||
<g class="st51">
|
||||
<g>
|
||||
<path class="st52" d="M240.4,413c-0.2,0-0.4-0.1-0.5-0.3c-0.1-0.3-0.1-0.6,0.2-0.7l27.8-16c0.3-0.2,0.6-0.1,0.7,0.2
|
||||
c0.1,0.3,0.1,0.6-0.2,0.7l-27.8,16C240.6,413,240.5,413,240.4,413z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st52" d="M240.4,418.1c-0.2,0-0.4-0.1-0.5-0.3c0-0.1-0.1-0.2-0.1-0.3c0-0.2,0.1-0.4,0.3-0.5l17.2-9.9
|
||||
c0.3-0.1,0.6-0.1,0.7,0.2c0,0.1,0.1,0.2,0.1,0.3c0,0.2-0.1,0.4-0.3,0.5l-17.2,9.9C240.6,418.1,240.5,418.1,240.4,418.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g class="st51">
|
||||
<g>
|
||||
<path class="st52" d="M451.1,282.5c-0.1,0-0.2,0-0.3-0.1l-27.8-16c-0.3-0.1-0.3-0.5-0.2-0.7c0.1-0.3,0.5-0.4,0.7-0.2l27.8,16
|
||||
c0.3,0.1,0.3,0.5,0.2,0.7C451.5,282.4,451.3,282.5,451.1,282.5z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st52" d="M451.1,287.6c-0.1,0-0.2,0-0.3-0.1l-17.2-9.9c-0.2-0.1-0.3-0.3-0.3-0.5c0-0.1,0-0.2,0.1-0.3
|
||||
c0.1-0.3,0.5-0.3,0.7-0.2l17.2,9.9c0.2,0.1,0.3,0.3,0.3,0.5c0,0.1,0,0.2-0.1,0.3C451.4,287.5,451.3,287.6,451.1,287.6z"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
|
||||
<radialGradient id="SVGID_40_" cx="484.1053" cy="356.8961" r="14.2722" gradientTransform="matrix(-0.4933 0.8699 0.5131 0.2909 328.6372 -168.0508)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" style="stop-color:#320D4F;stop-opacity:0.5"/>
|
||||
<stop offset="0.1775" style="stop-color:#503946;stop-opacity:0.5887"/>
|
||||
<stop offset="0.5826" style="stop-color:#929833;stop-opacity:0.7913"/>
|
||||
<stop offset="0.8656" style="stop-color:#BCD527;stop-opacity:0.9328"/>
|
||||
<stop offset="1" style="stop-color:#CCEC22"/>
|
||||
</radialGradient>
|
||||
<path class="st53" d="M272.9,344.8c-5.8,3.4-10.5,11.5-10.5,18.2c0,6.7,4.8,9.4,10.6,6c5.8-3.4,10.5-11.5,10.5-18.2
|
||||
C283.5,344.1,278.7,341.4,272.9,344.8L272.9,344.8z"/>
|
||||
|
||||
<radialGradient id="SVGID_41_" cx="484.109" cy="356.8975" r="4.638" gradientTransform="matrix(-0.5108 0.8597 0.5852 0.3477 311.3646 -183.3821)" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0" style="stop-color:#320D4F;stop-opacity:0.4"/>
|
||||
<stop offset="8.102732e-03" style="stop-color:#330F4F;stop-opacity:0.4031"/>
|
||||
<stop offset="0.375" style="stop-color:#746D3C;stop-opacity:0.5433"/>
|
||||
<stop offset="0.6723" style="stop-color:#A3B12E;stop-opacity:0.6569"/>
|
||||
<stop offset="0.8857" style="stop-color:#C1DC25;stop-opacity:0.7385"/>
|
||||
<stop offset="0.9944" style="stop-color:#CCEC22;stop-opacity:0.78"/>
|
||||
</radialGradient>
|
||||
<path class="st54" d="M272.9,352.3c-2.2,1.3-4,4.4-4,7c0,2.5,1.8,3.6,4,2.3c2.2-1.3,4-4.4,4-6.9C277,352,275.2,351,272.9,352.3
|
||||
L272.9,352.3z"/>
|
||||
<path class="st55" d="M272.9,355c0.9-0.5,1.7-0.1,1.7,1c0,1.1-0.7,2.4-1.7,2.9c-0.9,0.5-1.7,0.1-1.7-1
|
||||
C271.3,356.8,272,355.5,272.9,355L272.9,355z"/>
|
||||
</g>
|
||||
<linearGradient id="SVGID_42_" gradientUnits="userSpaceOnUse" x1="444.1624" y1="354.3044" x2="400.0417" y2="278.2922">
|
||||
<stop offset="0" style="stop-color:#CCEC22"/>
|
||||
<stop offset="3.531903e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
|
||||
<stop offset="0.2178" style="stop-color:#C19379;stop-opacity:0.5991"/>
|
||||
<stop offset="0.3692" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
|
||||
<stop offset="0.4819" style="stop-color:#B73CCF;stop-opacity:0.113"/>
|
||||
<stop offset="0.5433" style="stop-color:#B52FDB;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st56" d="M429.3,310.3c-8.8-5.1-15.9-1-15.9,9.1c0,10.1,7.1,22.3,15.8,27.4c8.8,5.1,15.9,1,15.9-9.1
|
||||
C445.1,327.6,438,315.4,429.3,310.3L429.3,310.3z"/>
|
||||
<g>
|
||||
<linearGradient id="SVGID_43_" gradientUnits="userSpaceOnUse" x1="445.5641" y1="356.7183" x2="412.8677" y2="300.388">
|
||||
<stop offset="0" style="stop-color:#CCEC22"/>
|
||||
<stop offset="6.500638e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
|
||||
<stop offset="0.4009" style="stop-color:#C19379;stop-opacity:0.5991"/>
|
||||
<stop offset="0.6796" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
|
||||
<stop offset="0.887" style="stop-color:#B73CCF;stop-opacity:0.113"/>
|
||||
<stop offset="1" style="stop-color:#B52FDB;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st57" d="M439.4,358.3c-3.2,0-6.8-1.1-10.4-3.2c-12.7-7.3-23-25.1-22.9-39.7c0-7.1,2.5-12.5,6.9-15
|
||||
c4.5-2.6,10.4-2,16.6,1.6c12.7,7.3,23,25.1,22.9,39.7c0,7.1-2.5,12.5-6.9,15C443.7,357.8,441.6,358.3,439.4,358.3z M419.1,299.7
|
||||
c-2.1,0-4,0.5-5.7,1.5c-4.2,2.4-6.4,7.5-6.5,14.3c0,14.3,10.1,31.8,22.5,39c6,3.4,11.5,4,15.7,1.6c4.1-2.4,6.4-7.4,6.5-14.3
|
||||
c0-14.3-10-31.8-22.5-39l0,0C425.5,300.7,422.1,299.7,419.1,299.7z"/>
|
||||
</g>
|
||||
<g>
|
||||
<path class="st58" d="M341.5,460.5c0,0,0.6,3.4-4.5,3.1c-2.7-0.2-10.1-9.5-9.5-11.2c0.6-1.7,3.8-0.8,5.2,0.3L341.5,460.5z"/>
|
||||
<path class="st58" d="M321.7,464.5c0,0,1.5,5.3-3.5,4.3c-5.1-1.1-12.8-4.6-12.9-8.1c-0.1-3.4,8,0,8,0L321.7,464.5z"/>
|
||||
<path class="st59" d="M284.8,365.7l-3,5.3c-2.4-1.5-5.3-3.2-6.8-3.9c-2-0.8-1-5.7-1-5.7c-0.5-0.8-2.5-4.2-2.6-4.4l3,2.3
|
||||
C277.2,362.1,282,364.4,284.8,365.7z"/>
|
||||
<path class="st59" d="M324.5,350.8c-0.4-2-0.6-3-0.3-5.4c0,0-7.2-4.5,0.2-12.5l8.9,5c-1.5,5.3-2.9,10.6-2.2,13.7
|
||||
c-2.1,1.6-4.1,1.8-6.1,0.5C324.7,351.9,324.5,351.4,324.5,350.8z"/>
|
||||
<path class="st58" d="M331.4,347.8c2.6-4.3,3.6-1.8,6.4-7.2c2.5-4.8-0.8-8.8-3.9-9.6c0,0-2.8-3.2-6.5-3.4
|
||||
c-3.5-0.1-6.8,3.4-3.9,7.4c1.5,2-1,2.7,1,3.6c2.8,1.2,0.2,6.9,4.8,8.2L331.4,347.8z"/>
|
||||
<linearGradient id="SVGID_44_" gradientUnits="userSpaceOnUse" x1="279.1903" y1="469.3949" x2="387.2656" y2="377.2189">
|
||||
<stop offset="0" style="stop-color:#22A0E9"/>
|
||||
<stop offset="0.2581" style="stop-color:#4F7DE4"/>
|
||||
<stop offset="0.6016" style="stop-color:#8453DD"/>
|
||||
<stop offset="0.8595" style="stop-color:#A539D9"/>
|
||||
<stop offset="1" style="stop-color:#B22FD8"/>
|
||||
</linearGradient>
|
||||
<path class="st60" d="M341.5,460.5c0,0-5.4,2.8-8.8-6.2l-0.5-9.5l-3.1-33.4l-5.2,18l-1.5,8.4c0,0-0.1,0-0.1-0.1l0.2,26.6
|
||||
c-4.4,3.7-9.1-1.9-9.1-1.9l-1.3-31c-0.1-0.1-0.2-0.1-0.3-0.2l0.3-3.3l3-33.4l0.1,1c0,0,21,0.6,24.3-7l0.2-0.8c0,0,0,0,0,0
|
||||
l-0.3,39.4l1.6,23.1c0,0.4,0,0.7-0.1,1L341.5,460.5z"/>
|
||||
<linearGradient id="SVGID_45_" gradientUnits="userSpaceOnUse" x1="317.4543" y1="402.5235" x2="317.8119" y2="357.8183">
|
||||
<stop offset="0" style="stop-color:#282447"/>
|
||||
<stop offset="1" style="stop-color:#565499"/>
|
||||
</linearGradient>
|
||||
<path class="st61" d="M353.6,370.8c-4.8-12.3-11.2-21.7-17.9-21.8c-1.7,0-3.9,0.2-6.2,0.4c-6.5,0.8-12.9,2.5-18.8,5.3
|
||||
c-5.3,2.5-13.6,16.6-26,10.7l-3.5,6c9.2,9.1,25.4,1.1,31.2-1.5l2.5,25.6c0,0,21,0.6,24.3-7l0.7-2.8
|
||||
C340.1,385.7,356.6,378.6,353.6,370.8z M343.2,375.1l-2.7,2.3v-12.1l3.8,4.7C345.8,371.8,345,373.8,343.2,375.1z"/>
|
||||
</g>
|
||||
<g>
|
||||
<linearGradient id="SVGID_46_" gradientUnits="userSpaceOnUse" x1="455.085" y1="341.5702" x2="430.8549" y2="299.8258">
|
||||
<stop offset="0" style="stop-color:#CCEC22"/>
|
||||
<stop offset="6.500638e-02" style="stop-color:#CADD31;stop-opacity:0.935"/>
|
||||
<stop offset="0.4009" style="stop-color:#C19379;stop-opacity:0.5991"/>
|
||||
<stop offset="0.6796" style="stop-color:#BB5DAE;stop-opacity:0.3204"/>
|
||||
<stop offset="0.887" style="stop-color:#B73CCF;stop-opacity:0.113"/>
|
||||
<stop offset="1" style="stop-color:#B52FDB;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<path class="st62" d="M452,343.1C452,343.1,452,343.1,452,343.1c-0.8,0-1.4-0.6-1.4-1.4c0-14-9.8-31.1-22-38.1
|
||||
c-0.7-0.4-0.9-1.3-0.5-1.9c0.4-0.7,1.3-0.9,1.9-0.5c13,7.5,23.5,25.7,23.4,40.6C453.4,342.5,452.8,343.1,452,343.1z"/>
|
||||
</g>
|
||||
|
||||
<linearGradient id="SVGID_47_" gradientUnits="userSpaceOnUse" x1="-6456.9609" y1="385.2714" x2="-6438.8169" y2="199.292" gradientTransform="matrix(1 0 0 1 6671.7744 0)">
|
||||
<stop offset="0" style="stop-color:#D1F122"/>
|
||||
<stop offset="8.435863e-02" style="stop-color:#CFDD36"/>
|
||||
<stop offset="0.4133" style="stop-color:#C6937E"/>
|
||||
<stop offset="0.6862" style="stop-color:#BF5DB3"/>
|
||||
<stop offset="0.8893" style="stop-color:#BB3CD4"/>
|
||||
<stop offset="1" style="stop-color:#BA2FE0"/>
|
||||
</linearGradient>
|
||||
<path class="st63" d="M198,344.8l-0.1-31.1c0-2,1-3.9,2.5-4.9L241,283c1.9-1.2,4.3,0.3,4.3,2.8l0.1,31.1c0,2-1,3.9-2.5,4.9
|
||||
l-40.6,25.9C200.4,348.8,198,347.3,198,344.8z"/>
|
||||
<g>
|
||||
<path class="st58" d="M427.2,440.9c0,0-1.2,4.2,2.7,3.3s10-3.6,10.1-6.3c0.1-2.7-6.2,0-6.2,0L427.2,440.9z"/>
|
||||
<path class="st64" d="M432.9,338.7c0,0,3.5,0.1,6.6-1.7l-0.3-1c0,0-2.5,0.8-2.7,0.5s-0.7-2.1,5.1-5.9l-0.3-1l-5,1.8
|
||||
c0,0-3.2-0.7-3.5,0.2l-2,3.5C432.1,336.1,432.9,337.2,432.9,338.7z"/>
|
||||
<linearGradient id="SVGID_48_" gradientUnits="userSpaceOnUse" x1="443.4018" y1="333.7012" x2="419.1606" y2="343.47">
|
||||
<stop offset="0" style="stop-color:#BA2FE0"/>
|
||||
<stop offset="0.2167" style="stop-color:#AD3AE1"/>
|
||||
<stop offset="0.6122" style="stop-color:#8C56E5"/>
|
||||
<stop offset="1" style="stop-color:#6676EA"/>
|
||||
</linearGradient>
|
||||
<path class="st65" d="M431.3,333.8c0,0-11.4,6.1-17.4,7.6c0.1,0.2,0.2,0.3,0.3,0.5c0.3,0.5,0.6,1.1,0.8,1.6
|
||||
c0.4,0.9,0.8,1.7,1.2,2.6c0.4,0.9,0.9,1.9,1.1,3c6.3-2.4,13.8-8.1,16.4-10.8C435.9,336,431.3,333.8,431.3,333.8z"/>
|
||||
<path class="st58" d="M416.1,434.1l0.4,0.1c1.2,0.4,1.6,2,0.7,2.9c-2.3,2.4-5,4.3-8.4,5.4c-0.6,0.2-1.3,0.2-1.9,0l-1.1-0.3
|
||||
c-1.1-0.4-1.7-1.6-1.4-2.7l1.7-1.4l8.6-3.9C415.1,434,415.6,434,416.1,434.1z"/>
|
||||
<path class="st66" d="M412.9,414.5l-3.4,23.3c-2.1,4.1-4.7,2.5-4.7,2.5c-0.1-1.2-0.5-16.2-0.8-26.8
|
||||
C406.8,413.9,409.8,414.3,412.9,414.5z"/>
|
||||
<path class="st66" d="M433.2,413.9l-1.6,25.8c-0.7,1.9-2.4,2.8-4,2.1l-3.3-27C427.3,414.6,430.3,414.3,433.2,413.9z"/>
|
||||
<path class="st64" d="M410.3,329.8c0,0,0.5,6.3-0.9,7c-1.4,0.6,7.2,1,7.2,1l0.8-4.7c0,0,6.7,1.4,4-11.4
|
||||
C418.7,308.9,410.3,329.8,410.3,329.8z"/>
|
||||
<linearGradient id="SVGID_49_" gradientUnits="userSpaceOnUse" x1="417.8302" y1="424.6173" x2="418.3395" y2="360.9489">
|
||||
<stop offset="0" style="stop-color:#282447"/>
|
||||
<stop offset="1" style="stop-color:#565499"/>
|
||||
</linearGradient>
|
||||
<path class="st67" d="M434.4,413.7c-10,1.6-20.9,1.2-30.9-0.3c-0.1-5.3-2.7-28.9-1.4-35.2c0.2-1.1,0.5-2,0.8-2.8
|
||||
c6.8-0.5,16.4,6.6,20.1-0.4c0.7,4,2,8.4,4.1,12.9c5,10.6,6.6,18.9,6.6,18.9S434.1,409.9,434.4,413.7z"/>
|
||||
|
||||
<linearGradient id="SVGID_50_" gradientUnits="userSpaceOnUse" x1="228.785" y1="576.8905" x2="232.4312" y2="539.5176" gradientTransform="matrix(0.9656 -0.2599 0.2599 0.9656 46.6773 -155.8072)">
|
||||
<stop offset="0" style="stop-color:#D1F122"/>
|
||||
<stop offset="8.435863e-02" style="stop-color:#CFDD36"/>
|
||||
<stop offset="0.4133" style="stop-color:#C6937E"/>
|
||||
<stop offset="0.6862" style="stop-color:#BF5DB3"/>
|
||||
<stop offset="0.8893" style="stop-color:#BB3CD4"/>
|
||||
<stop offset="1" style="stop-color:#BA2FE0"/>
|
||||
</linearGradient>
|
||||
<path class="st68" d="M407.8,330.3c0,0,5.2,2.6,8.6-1.3c0,0-1.9-5.1,2.2-4.5c0,0,5.7-4.1,2.9-6.4c-2.5-2-6.3-2-9.4-0.7
|
||||
c-0.8,0.3-1.5,0.9-2,1.6C406.8,323.2,405.5,327,407.8,330.3z"/>
|
||||
|
||||
<linearGradient id="SVGID_51_" gradientUnits="userSpaceOnUse" x1="220.382" y1="444.7877" x2="285.8488" y2="444.7877" gradientTransform="matrix(0.9951 -9.847216e-02 9.847216e-02 0.9951 119.2184 -61.2363)">
|
||||
<stop offset="0" style="stop-color:#6676EA"/>
|
||||
<stop offset="0.3878" style="stop-color:#8C56E5"/>
|
||||
<stop offset="0.7833" style="stop-color:#AD3AE1"/>
|
||||
<stop offset="1" style="stop-color:#BA2FE0"/>
|
||||
</linearGradient>
|
||||
<path class="st69" d="M424.9,345.4C424.9,345.4,424.9,345.4,424.9,345.4c0.1-1.3-0.4-2.6-1.4-3.4c-4-3.2-13-8.4-20-6
|
||||
c-1.4,0.5-1.7,12.8-1.5,14.6c2.2,14.9,1.9,19.9,0.8,24.9c6.9-0.6,16.6,6.7,20.2-0.5c-1.6-10.1,1.4-16.9,1.4-16.9
|
||||
S424.7,349.6,424.9,345.4z"/>
|
||||
|
||||
<linearGradient id="SVGID_52_" gradientUnits="userSpaceOnUse" x1="409.0752" y1="445.7468" x2="437.3948" y2="445.7468" gradientTransform="matrix(0.9951 -9.847216e-02 9.847216e-02 0.9951 -36.4767 -45.8298)">
|
||||
<stop offset="0" style="stop-color:#9C48E4"/>
|
||||
<stop offset="0.309" style="stop-color:#8F53E5"/>
|
||||
<stop offset="0.8737" style="stop-color:#6E6FE9"/>
|
||||
<stop offset="1" style="stop-color:#6676EA"/>
|
||||
</linearGradient>
|
||||
<path class="st70" d="M419.7,342.2c0.2-1.1,0.8-2.4,1.8-2.2c0.6,0.1,1,0.6,1.4,1.1c4.8,7.1,8.8,14.6,12.1,22.5
|
||||
c0.9,2.2,1.7,4.7,0.5,6.8c-1.1,1.8-3.4,2.4-5.6,2.4s-4.2-0.5-6.3-0.1c0-1.3-0.1-2.7-0.1-4c1.4,0.5,3-0.3,3.6-1.6s0.4-2.9-0.4-4.1
|
||||
c-1-1.5-2.4-1.7-3.7-2.7c-1.4-1-1.9-3.2-2.3-4.8C419.3,351.1,419,346.5,419.7,342.2z"/>
|
||||
<path class="st64" d="M419.4,372.1c0.7,0.2,1.5,0.5,2.3,0.4c0.8-0.1,1.6-0.5,1.9-1.2c0.3-0.7,0.3-3.1-0.6-3.1
|
||||
c-0.2,0-0.7,0.2-0.8,0.4c-0.2,0.5-0.1,1.2-0.5,1.6C420.8,371.2,419.3,370.5,419.4,372.1z"/>
|
||||
|
||||
<linearGradient id="SVGID_53_" gradientUnits="userSpaceOnUse" x1="-749.353" y1="117.4246" x2="-753.2183" y2="59.1229" gradientTransform="matrix(-0.988 -0.1542 -0.1542 0.988 -320.6753 122.1749)">
|
||||
<stop offset="0" style="stop-color:#CDED22"/>
|
||||
<stop offset="0.1777" style="stop-color:#C7BF4F"/>
|
||||
<stop offset="0.4378" style="stop-color:#C0828B"/>
|
||||
<stop offset="0.6588" style="stop-color:#BB55B7"/>
|
||||
<stop offset="0.8292" style="stop-color:#B739D2"/>
|
||||
<stop offset="0.9285" style="stop-color:#B62FDC"/>
|
||||
</linearGradient>
|
||||
<path class="st71" d="M408.8,344.9c-0.8,0.9-8.7,2.7-10-0.5c-1.3-3-0.2-4.1,1.7-5c1.7-0.9,1.4-3.6,1.1-5.5
|
||||
c-0.5-2.5-0.4-5.7,0.9-8.5c1.7-3.6,3.6-4.2,7.1-4c3.6,0.2,2,3.4-0.1,5.1c-1.8,1.4-0.8,4.5,0.4,8.4
|
||||
C411.5,340.2,410.1,343.5,408.8,344.9z"/>
|
||||
|
||||
<linearGradient id="SVGID_54_" gradientUnits="userSpaceOnUse" x1="-1380.7042" y1="326.9695" x2="-1380.6434" y2="319.3631" gradientTransform="matrix(-1 0 0 1 -970.6509 0)">
|
||||
<stop offset="0.1936" style="stop-color:#7D73CA"/>
|
||||
<stop offset="0.8746" style="stop-color:#6D6F80"/>
|
||||
</linearGradient>
|
||||
<path class="st72" d="M410.1,326.2c0.2-1.1-0.5-4.3-1.6-4.6c-1.1-0.3,1-0.7,1-0.7s1.7-0.9,2.2,2.2
|
||||
C412.4,326.5,410.1,326.2,410.1,326.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 38 KiB |
|
|
@ -0,0 +1,15 @@
|
|||
<svg version="1.1" id="influxdbu" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 77 74" style="enable-background:new 0 0 77 74;" xml:space="preserve">
|
||||
<path class="magenta" d="M77,26.8v20.4c-0.1,0.7-0.1,1.5-0.2,2.2c-0.5,2.5-1.7,4.5-3.5,6.1c-1.9,1.8-4.1,2.8-6.6,3
|
||||
c-1.5,0.1-2.9,0-4.3,0.1v-6.6l3.1,0c0.4,0,0.7-0.1,1.1-0.1c2.3-0.5,3.8-2.4,3.8-4.8V26.8c0-0.4,0-0.7-0.1-1.1
|
||||
c-0.5-2.2-2.4-3.6-4.8-3.6H25.3v-6.6h39.5c0.8,0,1.7,0,2.5,0.1c3.9,0.7,6.7,2.8,8.5,6.3C76.7,23.4,77,25.1,77,26.8z"/>
|
||||
<path class="magenta" d="M9.8,52.1h43v6.6H0.9c-0.1,0-0.1,0-0.3,0c-0.3,0-0.6-0.2-0.6-0.5c0-0.4,0.3-0.6,0.6-0.7
|
||||
c1.6-0.4,2.5-1.6,2.6-3.3V20c0-1.7-0.8-2.9-2.7-3.4C0.3,16.5,0,16.4,0,16.2c0-0.3,0.1-0.7,0.7-0.7h15V22H9.8V52.1z"/>
|
||||
<path class="c1" d="M62.4,15.1v0.3h-6.6c0-0.1,0-0.1,0-0.2V12c0-0.6-0.1-1.3-0.3-1.9c-0.6-1.6-2.3-3-4.8-3H25.3V22v11.7h25.5
|
||||
c0.3,0,0.4,0,1.1-0.1c2.1-0.3,3.8-2.1,3.9-4.3c0.1-1.5,0.1-3,0.1-4.5v-0.3h6.6V29c0,1.6-0.3,3.1-1,4.6c-0.6,1.3-1.4,2.4-2.4,3.3
|
||||
l0.1,0.1c2.1,2.2,3.2,4.7,3.3,7.6c0.1,2.4,0,4.8,0,7.2v0.3v6.6v1.7c0,1.1,0,2.2-0.1,3.3c-0.2,2.3-1.2,4.3-2.7,6
|
||||
c-2.3,2.5-5.3,3.8-8.8,3.8H16c-0.4,0-0.6-0.2-0.6-0.4c0-0.2,0.1-0.5,0.4-0.6c0.2-0.1,0.4-0.1,0.6-0.2c0.8-0.4,1.6-0.8,1.9-1.7
|
||||
c0.3-0.6,0.3-1.1,0.3-1.7v-7.8h6.7V67h25.6c0.5,0,1.1-0.1,1.5-0.2c2.1-0.6,3.5-2.5,3.5-4.8V45.2c0,0,0-0.2-0.1-0.8
|
||||
c-0.3-2.5-2.3-4.2-4.9-4.2H25.3v11.9h-6.7V4.8c-0.1-1.3-0.6-2.2-1.8-2.7c-0.3-0.1-0.9-0.3-1.1-0.4c-0.3-0.1-0.5-0.4-0.4-0.7
|
||||
c0.1-0.4,0.6-0.4,0.5-0.4h35.4l0.1,0.1c3.2,0.1,5.8,1.4,7.9,3.5c1.9,2,2.9,4.3,3.1,6.9C62.5,12.4,62.4,13.7,62.4,15.1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
|
@ -0,0 +1,7 @@
|
|||
<svg version="1.1" id="video-arrow" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 73 74" style="enable-background:new 0 0 73 74;" xml:space="preserve">
|
||||
<path class="c2" d="M6.1,63.7V10.6l53.2,26.5L6.1,63.7z"/>
|
||||
<path class="magenta" d="M18.2,57.6V30.2l6.1,3.1v21.4L18.2,57.6z"/>
|
||||
<path class="c1" d="M73,37.1L0,0.6v72.8L73,37.1z M59.3,37.1L18.2,57.6V30.2l6.1,3.1v14.6l21.5-10.7L12.3,20.4v40.3l-6.1,3.1V10.6
|
||||
L59.3,37.1z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 491 B |
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1100 185" style="enable-background:new 0 0 1100 185;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#1C0F65;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M424.7,185H0L0,0l791.9,0C684.8,84.7,560.3,148.5,424.7,185z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 504 B |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="circle" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1100 185" style="enable-background:new 0 0 1100 185;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#1C0F65;}
|
||||
</style>
|
||||
<g>
|
||||
<path class="st0" d="M675.3,185H1100V0H308.1C415.2,84.7,539.7,148.5,675.3,185z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 503 B |
Loading…
Reference in New Issue