InfluxDB 3 Core and Enterprise GA visual updates (#5970)
* added ga notification with styles, removed beta block, relocated community links * Apply suggestions from code review Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>pull/5977/head
Scott Anderson
GitHub
parent
1e9179c050
commit
e2b72a7362
|
|
@ -120,9 +120,9 @@
|
|||
}
|
||||
}
|
||||
|
||||
&.beta {
|
||||
&.new {
|
||||
.product-info h3::after {
|
||||
content: "beta";
|
||||
content: "New";
|
||||
margin-left: .5rem;
|
||||
font-size: 1rem;
|
||||
padding: .25em .5em .25em .4em;
|
||||
|
|
|
|||
|
|
@ -99,6 +99,26 @@
|
|||
pre { background: rgba($r-basalt, .35); }
|
||||
}
|
||||
|
||||
&.ga-announcement {
|
||||
background-image: url('/svgs/influxdb3-ga-background.svg');
|
||||
background-size: cover;
|
||||
a:hover { color: $br-dark-blue; }
|
||||
code { color: $gr-gypsy; background: rgba($gr-gypsy, .25); }
|
||||
pre { background: rgba($gr-gypsy, .25); }
|
||||
|
||||
h3 {font-size: 1.4rem !important;}
|
||||
.notification-slug { font-size: 1.15rem;
|
||||
.btn {
|
||||
display: inline-block;
|
||||
background: $g20-white;
|
||||
color: $br-dark-blue;
|
||||
padding: .5rem 1rem;
|
||||
border-radius: $radius * 2;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//////////// Basic HTML element styles for notification content ////////////
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
|
|
@ -156,6 +176,16 @@
|
|||
}
|
||||
.show::before {content: "Show more"}
|
||||
}
|
||||
|
||||
.title-tag {
|
||||
padding: .15rem .45rem;
|
||||
text-transform: uppercase;
|
||||
font-size: .85rem;
|
||||
border-radius: $radius * 2;
|
||||
font-family: $code;
|
||||
background: $br-dark-blue;
|
||||
}
|
||||
.title-tag + h3 {margin-top: .75rem;}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -96,5 +96,4 @@ blockquote {
|
|||
"blocks/tip",
|
||||
"blocks/important",
|
||||
"blocks/warning",
|
||||
"blocks/caution",
|
||||
"blocks/beta";
|
||||
"blocks/caution";
|
||||
|
|
|
|||
|
|
@ -15,27 +15,48 @@
|
|||
padding-right: 2rem;
|
||||
|
||||
ul {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 1.25rem;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
|
||||
li {display: inline-block}
|
||||
|
||||
a {
|
||||
margin-right: 1.5rem;
|
||||
color: $article-heading;
|
||||
font-weight: $medium;
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
content: "\e90a";
|
||||
font-family: 'icomoon-v4';
|
||||
font-weight: bold;
|
||||
font-size: 1.3rem;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
@include gradient($grad-burningDusk);
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
right: 0;
|
||||
transform: translateX(.25rem);
|
||||
opacity: 0;
|
||||
transition: transform .2s, opacity .2s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $article-link;
|
||||
border-radius: calc($radius * 1.5);
|
||||
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||
}
|
||||
|
||||
&.discord:before {
|
||||
content: url('/svgs/discord.svg');
|
||||
display: inline-block;
|
||||
height: 1.1rem;
|
||||
width: 1.25rem;
|
||||
vertical-align: top;
|
||||
margin: 2px .65rem 0 0;
|
||||
}
|
||||
|
||||
&.community:before {
|
||||
content: "\e900";
|
||||
color: $article-heading;
|
||||
margin: 0 .5rem 0 -.25rem;
|
||||
margin-right: .75rem;
|
||||
font-size: 1.2rem;
|
||||
font-family: 'icomoon-v2';
|
||||
vertical-align: middle;
|
||||
|
|
@ -46,7 +67,16 @@
|
|||
height: 1.1rem;
|
||||
width: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: .5rem;
|
||||
margin-right: .8rem;
|
||||
}
|
||||
|
||||
&.reddit:before {
|
||||
content: url('/svgs/reddit.svg');
|
||||
display: inline-block;
|
||||
height: 1.1rem;
|
||||
width: 1.2rem;
|
||||
vertical-align: top;
|
||||
margin: 2px .75rem 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,105 +0,0 @@
|
|||
.block.beta {
|
||||
@include gradient($grad-burningDusk);
|
||||
padding: 4px;
|
||||
border: none;
|
||||
border-radius: 25px !important;
|
||||
|
||||
.beta-content {
|
||||
background: $article-bg;
|
||||
border-radius: 21px;
|
||||
padding: calc(1.65rem - 4px) calc(2rem - 4px) calc(.1rem + 4px) calc(2rem - 4px);
|
||||
|
||||
h4 {
|
||||
color: $article-heading;
|
||||
}
|
||||
|
||||
p {margin-bottom: 1rem;}
|
||||
|
||||
.expand-wrapper {
|
||||
border: none;
|
||||
margin: .5rem 0 1.5rem;
|
||||
}
|
||||
.expand {
|
||||
border: none;
|
||||
padding: 0;
|
||||
|
||||
.expand-content p {
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
|
||||
margin-top: -1rem;
|
||||
|
||||
&.feedback-channels {
|
||||
|
||||
padding: 0;
|
||||
margin: -1rem 0 1.5rem 2rem;
|
||||
list-style: none;
|
||||
|
||||
a {
|
||||
color: $article-heading;
|
||||
font-weight: $medium;
|
||||
position: relative;
|
||||
|
||||
&.discord:before {
|
||||
content: url('/svgs/discord.svg');
|
||||
display: inline-block;
|
||||
height: 1.1rem;
|
||||
width: 1.25rem;
|
||||
vertical-align: top;
|
||||
margin: 2px .65rem 0 0;
|
||||
}
|
||||
|
||||
&.community:before {
|
||||
content: "\e900";
|
||||
color: $article-heading;
|
||||
margin: 0 .65rem 0 0;
|
||||
font-size: 1.2rem;
|
||||
font-family: 'icomoon-v2';
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.slack:before {
|
||||
content: url('/svgs/slack.svg');
|
||||
display: inline-block;
|
||||
height: 1.1rem;
|
||||
width: 1.1rem;
|
||||
vertical-align: text-top;
|
||||
margin-right: .65rem;
|
||||
}
|
||||
|
||||
&.reddit:before {
|
||||
content: url('/svgs/reddit.svg');
|
||||
display: inline-block;
|
||||
height: 1.1rem;
|
||||
width: 1.2rem;
|
||||
vertical-align: top;
|
||||
margin: 2px .65rem 0 0;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: "\e90a";
|
||||
font-family: 'icomoon-v4';
|
||||
font-weight: bold;
|
||||
font-size: 1.3rem;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
@include gradient($grad-burningDusk);
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
right: 0;
|
||||
transform: translateX(.25rem);
|
||||
opacity: 0;
|
||||
transition: transform .2s, opacity .2s;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&::after {transform: translateX(1.5rem); opacity: 1;}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -6,6 +6,7 @@
|
|||
# - list of URL paths to show the notification on, no scope shows everywhere
|
||||
# exclude:
|
||||
# - list of URL paths to not show the notification on
|
||||
# title_tag: (optional) Tag to include before the notification title
|
||||
# title: Message title
|
||||
# slug: (optional) Short notification summary
|
||||
# message: |
|
||||
|
|
@ -39,25 +40,26 @@
|
|||
# - [The plan for InfluxDB 3.0 Open Source](https://influxdata.com/blog/the-plan-for-influxdb-3-0-open-source)
|
||||
# - [InfluxDB 3.0 benchmarks](https://influxdata.com/blog/influxdb-3-0-is-2.5x-45x-faster-compared-to-influxdb-open-source/)
|
||||
|
||||
- id: influxdb3-beta
|
||||
level: note
|
||||
- id: influxdb3-ga
|
||||
level: ga-announcement
|
||||
scope:
|
||||
- /
|
||||
title: InfluxDB 3 Core and Enterprise are now in Beta
|
||||
title_tag: Now Generally Available
|
||||
title: InfluxDB 3 Core and Enterprise
|
||||
slug: |
|
||||
InfluxDB 3 Core and Enterprise are now available for beta testing, available
|
||||
under MIT or Apache 2 license.
|
||||
Start fast. Scale faster.
|
||||
|
||||
<a class="btn" href="https://www.influxdata.com/blog/influxdb-3-OSS-GA/">Get the Updates</a>
|
||||
message: |
|
||||
InfluxDB 3 Core is a high-speed, recent-data engine that collects and
|
||||
processes data in real-time, while persisting it to local disk or object
|
||||
storage. InfluxDB 3 Enterprise is a commercial product that builds on Core’s
|
||||
foundation, adding high availability, read replicas, enhanced security, and
|
||||
data compaction for faster queries. A free tier of InfluxDB 3 Enterprise
|
||||
will also be available for at-home, non-commercial use for hobbyists to get
|
||||
the full historical time series database set of capabilities.
|
||||
InfluxDB 3 Core is an open source, high-speed, recent-data engine that collects
|
||||
and processes data in real-time and persists it to local disk or object storage.
|
||||
InfluxDB 3 Enterprise builds on Core’s foundation, adding high availability,
|
||||
read replicas, enhanced security, and data compaction for faster queries and
|
||||
optimized storage. A free tier of InfluxDB 3 Enterprise is available for
|
||||
non-commercial at-home or hobbyist use.
|
||||
|
||||
For more information, check out:
|
||||
|
||||
- [Beta announcement blog from Paul Dix](https://www.influxdata.com/blog/influxdb3-open-source-public-beta/)
|
||||
- [Announcement blog from Paul Dix](https://www.influxdata.com/blog/influxdb-3-OSS-GA/)
|
||||
- [Get Started with InfluxDB 3 Core](https://docs.influxdata.com/influxdb3/core/get-started/)
|
||||
- [Get Started with InfluxDB 3 Enterprise](https://docs.influxdata.com/influxdb3/enterprise/get-started/)
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
<h4>Self-managed</h4>
|
||||
</div>
|
||||
<div class="products">
|
||||
<div class="product beta">
|
||||
<div class="product new">
|
||||
<div class="product-info">
|
||||
<h3><a href="/influxdb3/core/">InfluxDB 3 Core</a></h3>
|
||||
<p>The open source recent data engine optimized for time series and event data.</p>
|
||||
|
|
@ -46,7 +46,7 @@
|
|||
<li><a href="/influxdb3/core/">View documentation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="product beta">
|
||||
<div class="product new">
|
||||
<div class="product-info">
|
||||
<h3><a href="/influxdb3/enterprise/">InfluxDB 3 Enterprise</a></h3>
|
||||
<p>The scalable data engine built for recent and historical time series and event data.</p>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,6 @@
|
|||
{{ partial "article/supported-versions.html" . }}
|
||||
{{ partial "article/page-meta.html" . }}
|
||||
</div>
|
||||
{{ partial "article/beta.html" . }}
|
||||
{{ partial "article/stable-version.html" . }}
|
||||
{{ partial "article/flux-experimental.html" . }}
|
||||
{{ partial "article/flux-contrib.html" . }}
|
||||
|
|
|
|||
|
|
@ -1,80 +0,0 @@
|
|||
<!-- This partial is no longer used but may be repurposed later for other InfluxDB products -->
|
||||
{{ $productPathData := findRE "[^/]+.*?" .RelPermalink }}
|
||||
{{ $product := index $productPathData 0 }}
|
||||
{{ $version := index $productPathData 1 }}
|
||||
{{ $productKey := cond (eq $product "influxdb3") (print "influxdb3_" (replaceRE "-" "_" $version)) $product }}
|
||||
{{ $productData := index $.Site.Data.products $productKey }}
|
||||
{{ $displayName := $productData.altname }}
|
||||
{{ $earlyAccessList := slice "influxdb3/core" "influxdb3/enterprise" }}
|
||||
|
||||
{{ if in $earlyAccessList (print $product "/" $version )}}
|
||||
<div class="block beta">
|
||||
<div class="beta-content">
|
||||
<h4>{{ $displayName }} is in Public Beta</h4>
|
||||
<p>
|
||||
{{ $displayName }} is in public beta and available for testing and feedback,
|
||||
but is <strong>not meant for production use yet</strong>.
|
||||
Both the product and this documentation are works in progress.
|
||||
We welcome and encourage your input about your experience with the beta and
|
||||
invite you to <strong>join our public channels</strong> for updates and to
|
||||
share feedback.
|
||||
</p>
|
||||
<div class="expand-wrapper">
|
||||
<div class="expand" id="beta-expecations">
|
||||
<p class="expand-label">
|
||||
<span class="expand-toggle"></span><span>Beta expectations and recommendations</span>
|
||||
</p>
|
||||
<div class="expand-content" style="display: none;" >
|
||||
<ul>
|
||||
<li>
|
||||
<strong>No more breaking changes</strong> <br/>
|
||||
While in beta, we will no longer make breaking changes to the
|
||||
{{ $displayName }} API. Any updates to file formats or organization
|
||||
will have in-place upgrade paths for beta builds. Use the Beta
|
||||
for testing and validation purposes, knowing that when you upgrade,
|
||||
your data will come with it, and your APIs will all work the same.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Weekly releases</strong> <br/>
|
||||
While in beta, we’ll be making weekly {{ $displayName }} releases
|
||||
and providing release notes to make it easy to track updates.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Processing engine is still in alpha</strong> <br/>
|
||||
The embedded Python VM that is the processing engine should still
|
||||
be considered alpha software. It is fully functional and allows
|
||||
users to create and share plugins that trigger off of writes, a
|
||||
schedule, or requests to an HTTP endpoint. However, we want to
|
||||
continue iterating on user feedback and making changes where they
|
||||
make sense. While we don't anticipate any breaking changes,
|
||||
we're not yet committed to the current API as the long term
|
||||
support target. Feedback we get during this phase will be important
|
||||
to fine-tune the API for our users' needs.
|
||||
</li>
|
||||
<li>
|
||||
<strong>Object store file organization and format</strong> <br/>
|
||||
{{ $displayName }} supports a "diskless" architecture, keeping all
|
||||
state in object storage. The specific file organization and format
|
||||
are <em>not</em> part of a stable API. Only the HTTP and Apache
|
||||
Arrow Flight APIs are considered stable.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="expand" id="beta-feedback-channels">
|
||||
<p class="expand-label">
|
||||
<span class="expand-toggle"></span><span>Join our public channels</span>
|
||||
</p>
|
||||
<div class="expand-content" style="display: none;" >
|
||||
<ul class="feedback-channels">
|
||||
<li><a href="https://discord.gg/9zaNCW2PRT" target="_blank" class="discord">InfluxDB Discord Server <em style="opacity:.5">(Preferred)</em></a></li>
|
||||
<li><a href="https://community.influxdata.com" target="_blank" class="community">InfluxData Community</a></li>
|
||||
<li><a href="https://influxdata.com/slack" target="_blank" class="slack">InfluxDB Community Slack</a></li>
|
||||
<li><a href="https://reddit.com/r/influxdb" target="_blank" class="reddit">InfluxDB Subreddit</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -53,8 +53,10 @@
|
|||
To find support, use the following resources:
|
||||
</p>
|
||||
<ul>
|
||||
<li><a class="discord" href="https://discord.gg/9zaNCW2PRT" target="_blank" >InfluxDB Discord Server <em style="opacity:.5">(Preferred)</em></a></li>
|
||||
<li><a class="community" href="https://community.influxdata.com/" target="_blank">InfluxData Community</a></li>
|
||||
<li><a class="slack" href="https://influxdata.com/slack" target="_blank">InfluxDB Community Slack</a></li>
|
||||
<li><a class="reddit" href="https://reddit.com/r/influxdb" target="_blank">InfluxDB Subreddit</a></li>
|
||||
</ul>
|
||||
{{ if not (in $supportBlacklist $product) }}
|
||||
<p><strong>Customers with an annual or support contract</strong> can <a href="https://support.influxdata.com/">contact InfluxData Support</a>.</p>
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
<div class="notification {{ .level }} min" id="{{ .id }}" data-scope='{{ if .scope }}{{ delimit .scope "," }}{{ else }}/{{ end }}' data-exclude='{{ if .exclude }}{{ delimit .exclude ","}}{{ end }}'>
|
||||
<div class="close-notification"><span class="cf-icon Remove_New"></span></div>
|
||||
<div class="notification-title">
|
||||
<h3>{{ .title }}</h3>
|
||||
{{ if .title_tag }}<span class="title-tag">{{ .title_tag }}</span>{{ end }}
|
||||
<h3>{{ .title | markdownify }}</h3>
|
||||
</div>
|
||||
{{ if .slug }}
|
||||
<div class="notification-slug">
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 419 KiB |
Loading…
Reference in New Issue