From e2b72a73626c91d5219585191b58a9b027527772 Mon Sep 17 00:00:00 2001 From: Scott Anderson Date: Mon, 14 Apr 2025 09:27:20 -0600 Subject: [PATCH] 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> --- assets/styles/layouts/_homepage.scss | 4 +- assets/styles/layouts/_notifications.scss | 30 +++++ assets/styles/layouts/article/_blocks.scss | 3 +- assets/styles/layouts/article/_feedback.scss | 48 ++++++-- .../styles/layouts/article/blocks/_beta.scss | 105 ------------------ data/notifications.yaml | 28 ++--- layouts/index.html | 4 +- layouts/partials/article.html | 1 - layouts/partials/article/beta.html | 80 ------------- layouts/partials/article/feedback.html | 2 + layouts/partials/footer/notifications.html | 3 +- static/svgs/influxdb3-ga-background.svg | 66 +++++++++++ 12 files changed, 159 insertions(+), 215 deletions(-) delete mode 100644 assets/styles/layouts/article/blocks/_beta.scss delete mode 100644 layouts/partials/article/beta.html create mode 100644 static/svgs/influxdb3-ga-background.svg diff --git a/assets/styles/layouts/_homepage.scss b/assets/styles/layouts/_homepage.scss index 387c4b6be..a0583b4c9 100644 --- a/assets/styles/layouts/_homepage.scss +++ b/assets/styles/layouts/_homepage.scss @@ -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; diff --git a/assets/styles/layouts/_notifications.scss b/assets/styles/layouts/_notifications.scss index 00034186a..e7418ff82 100644 --- a/assets/styles/layouts/_notifications.scss +++ b/assets/styles/layouts/_notifications.scss @@ -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;} } } diff --git a/assets/styles/layouts/article/_blocks.scss b/assets/styles/layouts/article/_blocks.scss index 62b205491..090ee9560 100644 --- a/assets/styles/layouts/article/_blocks.scss +++ b/assets/styles/layouts/article/_blocks.scss @@ -96,5 +96,4 @@ blockquote { "blocks/tip", "blocks/important", "blocks/warning", - "blocks/caution", - "blocks/beta"; + "blocks/caution"; diff --git a/assets/styles/layouts/article/_feedback.scss b/assets/styles/layouts/article/_feedback.scss index 7578943ee..aba35b825 100644 --- a/assets/styles/layouts/article/_feedback.scss +++ b/assets/styles/layouts/article/_feedback.scss @@ -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; } } } diff --git a/assets/styles/layouts/article/blocks/_beta.scss b/assets/styles/layouts/article/blocks/_beta.scss deleted file mode 100644 index 7c6636b94..000000000 --- a/assets/styles/layouts/article/blocks/_beta.scss +++ /dev/null @@ -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;} - } - } - } - } - } - } -} \ No newline at end of file diff --git a/data/notifications.yaml b/data/notifications.yaml index 76c136e0f..ef9fa720b 100644 --- a/data/notifications.yaml +++ b/data/notifications.yaml @@ -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. + + Get the Updates 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/) diff --git a/layouts/index.html b/layouts/index.html index 962c9522e..62d82ec82 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -36,7 +36,7 @@

Self-managed

-
+

InfluxDB 3 Core

The open source recent data engine optimized for time series and event data.

@@ -46,7 +46,7 @@
  • View documentation
    • -
    +

    InfluxDB 3 Enterprise

    The scalable data engine built for recent and historical time series and event data.

    diff --git a/layouts/partials/article.html b/layouts/partials/article.html index bbe22ed84..986e59f30 100644 --- a/layouts/partials/article.html +++ b/layouts/partials/article.html @@ -5,7 +5,6 @@ {{ partial "article/supported-versions.html" . }} {{ partial "article/page-meta.html" . }}
    - {{ partial "article/beta.html" . }} {{ partial "article/stable-version.html" . }} {{ partial "article/flux-experimental.html" . }} {{ partial "article/flux-contrib.html" . }} diff --git a/layouts/partials/article/beta.html b/layouts/partials/article/beta.html deleted file mode 100644 index a5eeaa045..000000000 --- a/layouts/partials/article/beta.html +++ /dev/null @@ -1,80 +0,0 @@ - -{{ $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 )}} -
    -
    -

    {{ $displayName }} is in Public Beta

    -

    - {{ $displayName }} is in public beta and available for testing and feedback, - but is not meant for production use yet. - 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 join our public channels for updates and to - share feedback. -

    -
    -
    -

    - Beta expectations and recommendations -

    - -
    - -
    -
    -
    -{{ end }} \ No newline at end of file diff --git a/layouts/partials/article/feedback.html b/layouts/partials/article/feedback.html index 28d3e273b..20519be3f 100644 --- a/layouts/partials/article/feedback.html +++ b/layouts/partials/article/feedback.html @@ -53,8 +53,10 @@ To find support, use the following resources:

    {{ if not (in $supportBlacklist $product) }}

    Customers with an annual or support contract can contact InfluxData Support.

    diff --git a/layouts/partials/footer/notifications.html b/layouts/partials/footer/notifications.html index 1e1dfa27a..35465fef9 100644 --- a/layouts/partials/footer/notifications.html +++ b/layouts/partials/footer/notifications.html @@ -3,7 +3,8 @@
    -

    {{ .title }}

    + {{ if .title_tag }}{{ .title_tag }}{{ end }} +

    {{ .title | markdownify }}

    {{ if .slug }}
    diff --git a/static/svgs/influxdb3-ga-background.svg b/static/svgs/influxdb3-ga-background.svg new file mode 100644 index 000000000..b191a1862 --- /dev/null +++ b/static/svgs/influxdb3-ga-background.svg @@ -0,0 +1,66 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file