diff --git a/assets/styles/layouts/_article.scss b/assets/styles/layouts/_article.scss index f4a6d5fb6..360c3266c 100644 --- a/assets/styles/layouts/_article.scss +++ b/assets/styles/layouts/_article.scss @@ -195,9 +195,7 @@ "article/children", "article/code", "article/columns", - "article/cloud", "article/diagrams", - "article/enterprise", "article/expand", "article/feedback", "article/flex", @@ -208,10 +206,8 @@ "article/keybinding", "article/list-filters", "article/lists", - "article/note", "article/opacity", "article/pagination-btns", - "article/product-tags", "article/related", "article/release-toc", "article/scrollbars", @@ -222,8 +218,7 @@ "article/telegraf-plugins", "article/title", "article/truncate", - "article/video", - "article/warn"; + "article/video"; //////////////////////////////// Miscellaneous /////////////////////////////// diff --git a/assets/styles/layouts/_syntax-highlighting.scss b/assets/styles/layouts/_syntax-highlighting.scss index 0e43f6b13..a1b96bfdf 100644 --- a/assets/styles/layouts/_syntax-highlighting.scss +++ b/assets/styles/layouts/_syntax-highlighting.scss @@ -183,78 +183,3 @@ pre[class*="language-"] { .mi + .n { color: $article-code-accent5; } } } - -.note { - .highlight { - color: $article-note-code; - - .gh,.go,.na,.nt,.nv,.ow - { color: $article-note-code } - .c,.ch,.cm,.cpf,.c1, .cs,.w - { color: $article-note-code-accent1; } - .gi - { background-color: $article-note-code-accent1; } - .k,.kc,.kd,.kn,.kp,.kr,.nn - { color: $article-note-code-accent2; } - .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 - { color: $article-note-code-accent3 } - .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si - { color: $article-note-code-accent4 } - .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il - { color: $article-note-code-accent5 } - .gp,.o - { color: $article-note-code-accent6 } - .ss - { color: $article-note-code-accent7 } - } -} - -.warn { - .highlight { - color: $article-warn-code; - - .gh,.go,.na,.nt,.nv,.ow - { color: $article-warn-code } - .c,.ch,.cm,.cpf,.c1, .cs,.w - { color: $article-warn-code-accent1; } - .gi - { background-color: $article-warn-code-accent1; } - .k,.kc,.kd,.kn,.kp,.kr,.nn - { color: $article-warn-code-accent2; } - .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 - { color: $article-warn-code-accent3 } - .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si - { color: $article-warn-code-accent4 } - .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il - { color: $article-warn-code-accent5 } - .gp,.o - { color: $article-warn-code-accent6 } - .ss - { color: $article-warn-code-accent7 } - } -} - -.cloud-msg { - .highlight { - color: $article-cloud-code; - - .gh,.go,.na,.nt,.nv,.ow - { color: $article-cloud-code } - .c,.ch,.cm,.cpf,.c1, .cs,.w - { color: $article-cloud-code-accent1; } - .gi - { background-color: $article-cloud-code-accent1; } - .k,.kc,.kd,.kn,.kp,.kr,.nn - { color: $article-cloud-code-accent2; } - .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 - { color: $article-cloud-code-accent3 } - .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si - { color: $article-cloud-code-accent4 } - .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il - { color: $article-cloud-code-accent5 } - .gp,.o - { color: $article-cloud-code-accent6 } - .ss - { color: $article-cloud-code-accent7 } - } -} diff --git a/assets/styles/layouts/article/_blocks.scss b/assets/styles/layouts/article/_blocks.scss index 899835442..14900bb91 100644 --- a/assets/styles/layouts/article/_blocks.scss +++ b/assets/styles/layouts/article/_blocks.scss @@ -1,4 +1,4 @@ -////////////////// Blockquotes, Notes, Warnings, & Messages ////////////////// +///////////////////////// Blockquotes and Alert Blocks ///////////////////////// blockquote, .block, { @@ -20,8 +20,39 @@ blockquote, & > h6 { &:first-child {margin-top: 0; padding-top: 0.25em;} } + + &.note, + &.tip, + &.important, + &.warning, &.warn, + &.caution { + position: relative; + &:before { + position: absolute; + font-family: "alert-icons"; + font-size: 1em; + padding: .3rem; + text-align: center; + top: -.5rem; + left: -.95rem; + display: block; + border-radius: 50%; + box-shadow: 1px 3px 5px rgba($article-shadow, .5); + } + } } +h2, h3, h4, h5, h6 { + & + .note, + & + .tip, + & + .important, + & + .warning, + & + .caution { + margin-top: 1.25rem; + } +} + + blockquote { padding: 1rem 1rem 1rem 1.25rem; border-color: rgba($article-text, .25); @@ -59,3 +90,9 @@ blockquote { margin: .5rem 0 1rem; } } + +@import "blocks/note", + "blocks/tip", + "blocks/important", + "blocks/warning", + "blocks/caution"; diff --git a/assets/styles/layouts/article/_cloud.scss b/assets/styles/layouts/article/_cloud.scss deleted file mode 100644 index 9bc8a4abe..000000000 --- a/assets/styles/layouts/article/_cloud.scss +++ /dev/null @@ -1,69 +0,0 @@ -.cloud { - border-color: $article-cloud-base; - background: rgba($article-cloud-base, .12); - h1,h2,h3,h4,h5,h6 { - color: $article-cloud-heading; - } - p,li { - color: $article-cloud-text; - } - strong { - color: inherit; - } - a { - color: $article-cloud-link; - code:after { - border-color: transparent rgba($article-cloud-code, .35) transparent transparent; - } - &:hover { - color: $article-cloud-link-hover; - code:after { - border-color: transparent $article-cloud-link-hover transparent transparent; - } - } - } - ol li:before { - color: $article-cloud-text; - } - code, pre{ - color: $article-cloud-code; - background: $article-cloud-code-bg; - } - img { - box-shadow: 1px 3px 10px $article-cloud-shadow; - } - table{ - color: $article-cloud-text; - box-shadow: 1px 3px 10px $article-cloud-shadow; - thead{ - @include gradient($article-cloud-table-header); - } - tr:nth-child(even) td { - background: $article-cloud-table-row-alt; - } - } - blockquote { - border-color: rgba($article-cloud-text, .25); - p { color: rgba($article-cloud-text, .6); } - } - .code-tabs-wrapper .code-tabs a { - background: transparent; - color: rgba($article-cloud-text, .5); - &:hover { color: rgba($article-cloud-text, 1); } - &.is-active { - color: rgba($article-cloud-text, 1); - background: $article-cloud-code-bg}; - } - - &.flex { - font-style: italic; - display: flex; - div:first-child { - position: relative; - margin: .25rem 2rem 0 0; - } - } - hr, .expand { - border-color: rgba($article-cloud-base, .4) - } -} diff --git a/assets/styles/layouts/article/_enterprise.scss b/assets/styles/layouts/article/_enterprise.scss deleted file mode 100644 index 39d9ae5d5..000000000 --- a/assets/styles/layouts/article/_enterprise.scss +++ /dev/null @@ -1,19 +0,0 @@ -.enterprise { - border-color: $article-enterprise-base; - background: rgba($article-enterprise-base, .15); - p,li { - color: $article-enterprise-text; - } - a { - color: $article-enterprise-link; - &:hover { color: $article-enterprise-link-hover; } - } - &.flex { - font-style: italic; - display: flex; - div:first-child { - position: relative; - margin: .25rem 2rem 0 0; - } - } -} diff --git a/assets/styles/layouts/article/_note.scss b/assets/styles/layouts/article/_note.scss deleted file mode 100644 index d11522b61..000000000 --- a/assets/styles/layouts/article/_note.scss +++ /dev/null @@ -1,60 +0,0 @@ -.note { - border-color: $article-note-base; - background: rgba($article-note-base, .1); - h1,h2,h3,h4,h5,h6 { - color: $article-note-heading; - } - p, li { - color: $article-note-text; - } - strong { - color: $article-note-strong; - } - a { - color: $article-note-link; - code:after { - border-color: transparent rgba($article-note-code, .35) transparent transparent; - } - &:hover { - color: $article-note-link-hover; - code:after { - border-color: transparent $article-note-link-hover transparent transparent; - } - } - } - ol li:before { - color: $article-note-text; - } - code, pre{ - color: $article-note-code; - background: $article-note-code-bg; - } - img { - box-shadow: 1px 3px 10px $article-note-shadow; - } - table{ - color: $article-note-text; - box-shadow: 1px 3px 10px $article-note-shadow; - thead{ - @include gradient($article-note-table-header); - } - tr:nth-child(even) td { - background: $article-note-table-row-alt; - } - } - blockquote { - border-color: rgba($article-note-text, .25); - p { color: rgba($article-note-text, .6); } - } - .code-tabs-wrapper .code-tabs a { - background: transparent; - color: rgba($article-note-text, .5); - &:hover { color: rgba($article-note-text, 1); } - &.is-active { - color: rgba($article-note-text, 1); - background: $article-note-code-bg}; - } - hr, .expand { - border-color: rgba($article-note-base, .4) - } -} diff --git a/assets/styles/layouts/article/_product-tags.scss b/assets/styles/layouts/article/_product-tags.scss deleted file mode 100644 index a2f757aba..000000000 --- a/assets/styles/layouts/article/_product-tags.scss +++ /dev/null @@ -1,28 +0,0 @@ -.product-tags { - margin: -2rem 0 2.5rem; - span { - margin-right: .25rem; - padding: .2rem .65rem .25rem; - border-radius: 1rem; - font-weight: $medium; - font-style: italic; - font-size: .85rem; - border: 1px solid; - - &.oss { - color: $product-oss; - border-color: rgba($product-oss, .35); - background: rgba($product-oss, .1); - } - &.cloud { - color: $product-cloud; - border-color: rgba($product-cloud, .35); - background: rgba($product-cloud, .1); - } - &.enterprise { - color: $product-enterprise; - border-color: rgba($product-enterprise, .35); - background: rgba($product-enterprise, .1); - } - } -} diff --git a/assets/styles/layouts/article/_scrollbars.scss b/assets/styles/layouts/article/_scrollbars.scss index 12fd8cf0e..2a8fca07e 100644 --- a/assets/styles/layouts/article/_scrollbars.scss +++ b/assets/styles/layouts/article/_scrollbars.scss @@ -3,15 +3,3 @@ pre { @include scrollbar($article-code-bg, $article-code-scrollbar); } table { @include scrollbar($article-table-row-alt, $article-table-scrollbar);} -.note { - pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); } - table { @include scrollbar($article-note-table-row-alt, $article-note-table-scrollbar); } -} -.warn { - pre { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); } - table { @include scrollbar($article-warn-table-row-alt, $article-warn-table-scrollbar); } -} -.cloud { - pre { @include scrollbar($article-cloud-code-bg, $article-cloud-code-scrollbar); } - table { @include scrollbar($article-cloud-table-row-alt, $article-cloud-table-scrollbar); } -} diff --git a/assets/styles/layouts/article/_warn.scss b/assets/styles/layouts/article/_warn.scss deleted file mode 100644 index e271cf8a8..000000000 --- a/assets/styles/layouts/article/_warn.scss +++ /dev/null @@ -1,60 +0,0 @@ -.warn { - border-color: $article-warn-base; - background: $article-warn-bg; - h1,h2,h3,h4,h5,h6 { - color: $article-warn-heading; - } - p, li { - color: $article-warn-text; - } - strong { - color: inherit; - } - a { - color: $article-warn-link !important; - code:after { - border-color: transparent rgba($article-warn-code, .35) transparent transparent; - } - &:hover { - color: $article-warn-link-hover !important; - code:after { - border-color: transparent $article-warn-link-hover transparent transparent; - } - } - } - ol li:before { - color: $article-warn-text; - } - code, pre{ - color: $article-warn-code; - background: $article-warn-code-bg; - } - img { - box-shadow: 1px 3px 10px $article-warn-shadow; - } - table{ - color: $article-warn-text; - box-shadow: 1px 3px 10px $article-warn-shadow; - thead{ - @include gradient($article-warn-table-header); - } - tr:nth-child(even) td { - background: $article-warn-table-row-alt; - } - } - blockquote { - border-color: rgba($article-warn-text, .25); - p { color: rgba($article-warn-text, .6); } - } - .code-tabs-wrapper .code-tabs a { - background: transparent; - color: rgba($article-warn-text, .5); - &:hover { color: rgba($article-warn-text, 1); } - &.is-active { - color: rgba($article-warn-text, 1); - background: $article-warn-code-bg}; - } - hr, .expand { - border-color: rgba($article-warn-base, .4) - } -} diff --git a/assets/styles/layouts/article/blocks/_caution.scss b/assets/styles/layouts/article/blocks/_caution.scss new file mode 100644 index 000000000..55b6b8ea0 --- /dev/null +++ b/assets/styles/layouts/article/blocks/_caution.scss @@ -0,0 +1,97 @@ + +.caution { + &:before { + content: "C"; + color: #fff; + background: $article-caution-base; + } + + border-color: $article-caution-base; + background: $article-caution-bg; + h1,h2,h3,h4,h5,h6 { + color: $article-caution-heading; + a { + color: inherit !important; + &:hover{color: inherit !important} + } + } + p, li {color: $article-caution-text;} + strong { color: $article-caution-strong; } + a { + color: $article-caution-link !important; + code:after { + border-color: transparent rgba($article-caution-code, .35) transparent transparent; + } + &:hover { + color: $article-caution-link-hover !important; + code:after { border-color: transparent $article-caution-link-hover transparent transparent;} + } + } + ol li:before { + color: $article-caution-text; + } + code, pre{ + color: $article-caution-code; + background: $article-caution-code-bg; + } + img { + box-shadow: 1px 3px 10px $article-caution-shadow; + } + table{ + color: $article-caution-text; + box-shadow: 1px 3px 10px $article-caution-shadow; + thead{@include gradient($article-caution-table-header);} + tr:nth-child(even) td {background: $article-caution-table-row-alt;} + } + blockquote { + border-color: rgba($article-caution-text, .25); + p { color: rgba($article-caution-text, .6); } + } + .code-tabs-wrapper .code-tabs a { + background: transparent; + color: rgba($article-caution-text, .5); + &:hover { color: rgba($article-caution-text, 1); } + &.is-active { + color: rgba($article-caution-text, 1); + background: $article-caution-code-bg}; + } + hr, .expand { + border-color: rgba($article-caution-base, .4) + } + + ///////////////////////////////// Scrollbars ///////////////////////////////// + pre { @include scrollbar($article-caution-code-bg, $article-caution-code-scrollbar); } + table { @include scrollbar($article-caution-table-row-alt, $article-caution-table-scrollbar); } + + ///////////////////////////// Syntax Highlighting //////////////////////////// + .highlight { + color: $article-caution-code; + + .gh,.go,.na,.nt,.nv,.ow + { color: $article-caution-code } + .c,.ch,.cm,.cpf,.c1, .cs,.w + { color: $article-caution-code-accent1; } + .gi + { background-color: $article-caution-code-accent1; } + .k,.kc,.kd,.kn,.kp,.kr,.nn + { color: $article-caution-code-accent2; } + .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 + { color: $article-caution-code-accent3 } + .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si + { color: $article-caution-code-accent4 } + .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il + { color: $article-caution-code-accent5 } + .gp,.o + { color: $article-caution-code-accent6 } + .ss + { color: $article-caution-code-accent7 } + // Javascript / Flux specific styles (duration and time values) + .language-js { + .mi + .nx, .mf + .nx { color: $article-caution-code-accent5; } + } + // SQL / InfluxQL specific styles (duration values) + .language-sql { + .mi + .n { color: $article-caution-code-accent5; } + } + } +} diff --git a/assets/styles/layouts/article/blocks/_important.scss b/assets/styles/layouts/article/blocks/_important.scss new file mode 100644 index 000000000..e2e5fa3ba --- /dev/null +++ b/assets/styles/layouts/article/blocks/_important.scss @@ -0,0 +1,110 @@ +.important { + +} + +.important { + &:before { + content: "I"; + color: #fff; + background: $article-important-base; + } + + border-color: $article-important-base; + background: rgba($article-important-base, .15); + h1,h2,h3,h4,h5,h6 { + color: $article-important-heading; + a { + color: inherit !important; + &:hover{color: inherit !important} + } + } + p, li { + color: $article-important-text; + } + strong { + color: $article-important-strong; + } + a { + color: $article-important-link; + code:after { + border-color: transparent rgba($article-important-code, .35) transparent transparent; + } + &:hover { + color: $article-important-link-hover; + code:after { + border-color: transparent $article-important-link-hover transparent transparent; + } + } + } + ol li:before { + color: $article-important-text; + } + code, pre{ + color: $article-important-code; + background: $article-important-code-bg; + } + img { + box-shadow: 1px 3px 10px $article-important-shadow; + } + table{ + color: $article-important-text; + box-shadow: 1px 3px 10px $article-important-shadow; + thead{ + @include gradient($article-important-table-header); + } + tr:nth-child(even) td { + background: $article-important-table-row-alt; + } + } + blockquote { + border-color: rgba($article-important-text, .25); + p { color: rgba($article-important-text, .6); } + } + .code-tabs-wrapper .code-tabs a { + background: transparent; + color: rgba($article-important-text, .5); + &:hover { color: rgba($article-important-text, 1); } + &.is-active { + color: rgba($article-important-text, 1); + background: $article-important-code-bg}; + } + hr, .expand { + border-color: rgba($article-important-base, .4) + } + + ///////////////////////////////// Scrollbars ///////////////////////////////// + pre { @include scrollbar($article-important-code-bg, $article-important-code-scrollbar); } + table { @include scrollbar($article-important-table-row-alt, $article-important-table-scrollbar); } + + ///////////////////////////// Syntax Highlighting //////////////////////////// + .highlight { + color: $article-important-code; + + .gh,.go,.na,.nt,.nv,.ow + { color: $article-important-code } + .c,.ch,.cm,.cpf,.c1, .cs,.w + { color: $article-important-code-accent1; } + .gi + { background-color: $article-important-code-accent1; } + .k,.kc,.kd,.kn,.kp,.kr,.nn + { color: $article-important-code-accent2; } + .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 + { color: $article-important-code-accent3 } + .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si + { color: $article-important-code-accent4 } + .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il + { color: $article-important-code-accent5 } + .gp,.o + { color: $article-important-code-accent6 } + .ss + { color: $article-important-code-accent7 } + // Javascript / Flux specific styles (duration and time values) + .language-js { + .mi + .nx, .mf + .nx { color: $article-important-code-accent5; } + } + // SQL / InfluxQL specific styles (duration values) + .language-sql { + .mi + .n { color: $article-important-code-accent5; } + } + } +} diff --git a/assets/styles/layouts/article/blocks/_note.scss b/assets/styles/layouts/article/blocks/_note.scss new file mode 100644 index 000000000..b8066194a --- /dev/null +++ b/assets/styles/layouts/article/blocks/_note.scss @@ -0,0 +1,108 @@ +.note { + &:before { + content: "N"; + color: #fff; + background: $article-note-base; + } +} + +.note { + border-color: $article-note-base; + background: rgba($article-note-base, .1); + h1,h2,h3,h4,h5,h6 { + color: $article-note-heading; + a { + color: inherit !important; + &:hover{color: inherit !important} + } + } + p, li { + color: $article-note-text; + } + strong { + color: $article-note-strong; + } + a { + color: $article-note-link; + code:after { + border-color: transparent rgba($article-note-code, .35) transparent transparent; + } + &:hover { + color: $article-note-link-hover; + code:after { + border-color: transparent $article-note-link-hover transparent transparent; + } + } + } + ol li:before { + color: $article-note-text; + } + code, pre{ + color: $article-note-code; + background: $article-note-code-bg; + } + img { + box-shadow: 1px 3px 10px $article-note-shadow; + } + table{ + color: $article-note-text; + box-shadow: 1px 3px 10px $article-note-shadow; + thead{ + @include gradient($article-note-table-header); + } + tr:nth-child(even) td { + background: $article-note-table-row-alt; + } + } + blockquote { + border-color: rgba($article-note-text, .25); + p { color: rgba($article-note-text, .6); } + } + .code-tabs-wrapper .code-tabs a { + background: transparent; + color: rgba($article-note-text, .5); + &:hover { color: rgba($article-note-text, 1); } + &.is-active { + color: rgba($article-note-text, 1); + background: $article-note-code-bg}; + } + hr, .expand { + border-color: rgba($article-note-base, .4) + } + + ///////////////////////////////// Scrollbars ///////////////////////////////// + pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); } + table { @include scrollbar($article-note-table-row-alt, $article-note-table-scrollbar); } + + ///////////////////////////// Syntax Highlighting //////////////////////////// + .highlight { + color: $article-note-code; + + .gh,.go,.na,.nt,.nv,.ow + { color: $article-note-code } + .c,.ch,.cm,.cpf,.c1, .cs,.w + { color: $article-note-code-accent1; } + .gi + { background-color: $article-note-code-accent1; } + .k,.kc,.kd,.kn,.kp,.kr,.nn + { color: $article-note-code-accent2; } + .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 + { color: $article-note-code-accent3 } + .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si + { color: $article-note-code-accent4 } + .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il + { color: $article-note-code-accent5 } + .gp,.o + { color: $article-note-code-accent6 } + .ss + { color: $article-note-code-accent7 } + // Javascript / Flux specific styles (duration and time values) + .language-js { + .mi + .nx, .mf + .nx { color: $article-note-code-accent5; } + } + // SQL / InfluxQL specific styles (duration values) + .language-sql { + .mi + .n { color: $article-note-code-accent5; } + } + } +} diff --git a/assets/styles/layouts/article/blocks/_tip.scss b/assets/styles/layouts/article/blocks/_tip.scss new file mode 100644 index 000000000..10a33737b --- /dev/null +++ b/assets/styles/layouts/article/blocks/_tip.scss @@ -0,0 +1,101 @@ +.tip { + &:before { + content: "T"; + color: #fff; + background: $article-tip-base; + } + + border-color: $article-tip-base; + background: rgba($article-tip-base, .12); + h1,h2,h3,h4,h5,h6 { + color: $article-tip-heading; + a { + color: inherit !important; + &:hover{color: inherit !important} + } + } + p,li { color: $article-tip-text; } + strong {color: $article-tip-strong;} + a { + color: $article-tip-link; + code:after {border-color: transparent rgba($article-tip-code, .35) transparent transparent;} + &:hover { + color: $article-tip-link-hover; + code:after {border-color: transparent $article-tip-link-hover transparent transparent;} + } + } + ol li:before {color: $article-tip-text;} + code, pre{ + color: $article-tip-code; + background: $article-tip-code-bg; + } + img { + box-shadow: 1px 3px 10px $article-tip-shadow; + } + table{ + color: $article-tip-text; + box-shadow: 1px 3px 10px $article-tip-shadow; + thead{@include gradient($article-tip-table-header);} + tr:nth-child(even) td {background: $article-tip-table-row-alt;} + } + blockquote { + border-color: rgba($article-tip-text, .25); + p { color: rgba($article-tip-text, .6); } + } + .code-tabs-wrapper .code-tabs a { + background: transparent; + color: rgba($article-tip-text, .5); + &:hover { color: rgba($article-tip-text, 1); } + &.is-active { + color: rgba($article-tip-text, 1); + background: $article-tip-code-bg}; + } + + &.flex { + font-style: italic; + display: flex; + div:first-child { + position: relative; + margin: .25rem 2rem 0 0; + } + } + hr, .expand { + border-color: rgba($article-tip-base, .4) + } + + ///////////////////////////////// Scrollbars ///////////////////////////////// + pre { @include scrollbar($article-tip-code-bg, $article-tip-code-scrollbar); } + table { @include scrollbar($article-tip-table-row-alt, $article-tip-table-scrollbar); } + + ///////////////////////////// Syntax Highlighting //////////////////////////// + .highlight { + color: $article-tip-code; + + .gh,.go,.na,.nt,.nv,.ow + { color: $article-tip-code } + .c,.ch,.cm,.cpf,.c1, .cs,.w + { color: $article-tip-code-accent1; } + .gi + { background-color: $article-tip-code-accent1; } + .k,.kc,.kd,.kn,.kp,.kr,.nn + { color: $article-tip-code-accent2; } + .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 + { color: $article-tip-code-accent3 } + .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si + { color: $article-tip-code-accent4 } + .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il + { color: $article-tip-code-accent5 } + .gp,.o + { color: $article-tip-code-accent6 } + .ss + { color: $article-tip-code-accent7 } + // Javascript / Flux specific styles (duration and time values) + .language-js { + .mi + .nx, .mf + .nx { color: $article-tip-code-accent5; } + } + // SQL / InfluxQL specific styles (duration values) + .language-sql { + .mi + .n { color: $article-tip-code-accent5; } + } + } +} diff --git a/assets/styles/layouts/article/blocks/_warning.scss b/assets/styles/layouts/article/blocks/_warning.scss new file mode 100644 index 000000000..5ee49f0f4 --- /dev/null +++ b/assets/styles/layouts/article/blocks/_warning.scss @@ -0,0 +1,97 @@ +.warn, .warning { + &:before { + content: "W"; + color: #fff; + background: $article-warning-base; + } + + border-color: $article-warning-base; + background: $article-warning-bg; + h1,h2,h3,h4,h5,h6 { + color: $article-warning-heading; + a { + color: inherit !important; + &:hover{color: inherit !important} + } + } + p, li {color: $article-warning-text;} + strong { color: $article-warning-strong; } + a { + color: $article-warning-link !important; + code:after { + border-color: transparent rgba($article-warning-code, .35) transparent transparent; + } + &:hover { + color: $article-warning-link-hover !important; + code:after { border-color: transparent $article-warning-link-hover transparent transparent;} + } + } + ol li:before { + color: $article-warning-text; + } + code, pre{ + color: $article-warning-code; + background: $article-warning-code-bg; + } + img { + box-shadow: 1px 3px 10px $article-warning-shadow; + } + table{ + color: $article-warning-text; + box-shadow: 1px 3px 10px $article-warning-shadow; + thead{@include gradient($article-warning-table-header);} + tr:nth-child(even) td {background: $article-warning-table-row-alt;} + } + blockquote { + border-color: rgba($article-warning-text, .25); + p { color: rgba($article-warning-text, .6); } + } + .code-tabs-wrapper .code-tabs a { + background: transparent; + color: rgba($article-warning-text, .5); + &:hover { color: rgba($article-warning-text, 1); } + &.is-active { + color: rgba($article-warning-text, 1); + background: $article-warning-code-bg}; + } + hr, .expand { + border-color: rgba($article-warning-base, .4) + } + + ///////////////////////////////// Scrollbars ///////////////////////////////// + pre { @include scrollbar($article-warning-code-bg, $article-warning-code-scrollbar); } + table { @include scrollbar($article-warning-table-row-alt, $article-warning-table-scrollbar); } + + ///////////////////////////// Syntax Highlighting //////////////////////////// + .highlight { + color: $article-warning-code; + + .gh,.go,.na,.nt,.nv,.ow + { color: $article-warning-code } + .c,.ch,.cm,.cpf,.c1, .cs,.w + { color: $article-warning-code-accent1; } + .gi + { background-color: $article-warning-code-accent1; } + .k,.kc,.kd,.kn,.kp,.kr,.nn + { color: $article-warning-code-accent2; } + .bp,.cp,.dl,.gt,.gu,.kt,.nb,.nc,.no,.sa,.sb,.sc,.sd,.se,.sh,.sx,.sr,.s1,.s2 + { color: $article-warning-code-accent3 } + .err,.fm,.gr,.gd,.nd,.ne,.nf,.nl,.si + { color: $article-warning-code-accent4 } + .m,.ni,.mb,.mf,.mh,.mi,.mo,.vc,.vg,.vi,.vm,.il + { color: $article-warning-code-accent5 } + .gp,.o + { color: $article-warning-code-accent6 } + .ss + { color: $article-warning-code-accent7 } + // Javascript / Flux specific styles (duration and time values) + .language-js { + .mi + .nx, .mf + .nx { color: $article-warning-code-accent5; } + } + // SQL / InfluxQL specific styles (duration values) + .language-sql { + .mi + .n { color: $article-warning-code-accent5; } + } + } + +} \ No newline at end of file diff --git a/assets/styles/themes/_theme-dark.scss b/assets/styles/themes/_theme-dark.scss index 299d57869..6b7a3842f 100644 --- a/assets/styles/themes/_theme-dark.scss +++ b/assets/styles/themes/_theme-dark.scss @@ -78,18 +78,18 @@ $article-table-row-alt: $grey20; $article-table-scrollbar: $g0-obsidian; // Article Notes, Warnings, & Messages -$article-note-base: $gr-viridian; +$article-note-base: $b-pool; $article-note-heading: $g20-white; -$article-note-text: $gr-honeydew; -$article-note-strong: $gr-krypton; -$article-note-link: $gr-wasabi; -$article-note-link-hover: $g20-white; -$article-note-table-header: $grad-green-dark; -$article-note-table-row-alt: #1a3c34; -$article-note-table-scrollbar: #162627; +$article-note-text: $b-neutrino; +$article-note-strong: $g20-white; +$article-note-link: $g20-white; +$article-note-link-hover: $b-hydrogen; +$article-note-table-header: $grad-blue-dark; +$article-note-table-row-alt: #1b3a58; +$article-note-table-scrollbar: #192a3a; $article-note-shadow: $g0-obsidian; -$article-note-code: $br-galaxy; -$article-note-code-bg: #040d0e; +$article-note-code: $b-laser; +$article-note-code-bg: #0a071c; $article-note-code-accent1: #567375; $article-note-code-accent2: $b-pool; $article-note-code-accent3: $gr-viridian; @@ -97,53 +97,93 @@ $article-note-code-accent4: $r-ruby; $article-note-code-accent5: #ff6db0; $article-note-code-accent6: $b-pool; $article-note-code-accent7: #e90; -$article-note-code-scrollbar: #162627; +$article-note-code-scrollbar: #192a3a; -$article-warn-base: $r-dreamsicle; -$article-warn-bg: #ff61851a; -$article-warn-heading: $g20-white; -$article-warn-text: $r-tungsten; -$article-warn-link: $r-marmelade; -$article-warn-link-hover: $g20-white; -$article-warn-table-header: $grad-red; -$article-warn-table-row-alt: #4a2a2a; -$article-warn-table-scrollbar: #1f181b; -$article-warn-shadow: #0d0610; -$article-warn-code: #ec6e6e; -$article-warn-code-bg: #0d0610; -$article-warn-code-accent1: #844c4c; -$article-warn-code-accent2: $b-pool; -$article-warn-code-accent3: $gr-viridian; -$article-warn-code-accent4: $r-ruby; -$article-warn-code-accent5: #ffb4fb; -$article-warn-code-accent6: $b-pool; -$article-warn-code-accent7: #e90; -$article-warn-code-scrollbar: #2a2025; +$article-tip-base: $gr-viridian; +$article-tip-heading: $g20-white; +$article-tip-text: $gr-honeydew; +$article-tip-strong: $g20-white; +$article-tip-link: $gr-wasabi; +$article-tip-link-hover: $g20-white; +$article-tip-table-header: $grad-green-dark; +$article-tip-table-row-alt: #1a3c34; +$article-tip-table-scrollbar: #162627; +$article-tip-shadow: $g0-obsidian; +$article-tip-code: $br-galaxy; +$article-tip-code-bg: #040d0e; +$article-tip-code-accent1: #567375; +$article-tip-code-accent2: $b-pool; +$article-tip-code-accent3: $gr-viridian; +$article-tip-code-accent4: $r-ruby; +$article-tip-code-accent5: #ff6db0; +$article-tip-code-accent6: $b-pool; +$article-tip-code-accent7: #e90; +$article-tip-code-scrollbar: #162627; -$article-cloud-base: $b-pool; -$article-cloud-heading: $g20-white; -$article-cloud-text: $b-neutrino; -$article-cloud-link: $g20-white; -$article-cloud-link-hover: $b-hydrogen; -$article-cloud-table-header: $grad-blue-dark; -$article-cloud-table-row-alt: #1b3a58; -$article-cloud-table-scrollbar: #192a3a; -$article-cloud-shadow: $g0-obsidian; -$article-cloud-code: $b-laser; -$article-cloud-code-bg: #0a071c; -$article-cloud-code-accent1: #567375; -$article-cloud-code-accent2: $b-pool; -$article-cloud-code-accent3: $gr-viridian; -$article-cloud-code-accent4: $r-ruby; -$article-cloud-code-accent5: #ff6db0; -$article-cloud-code-accent6: $b-pool; -$article-cloud-code-accent7: #e90; -$article-cloud-code-scrollbar: #192a3a; +$article-important-base: $br-galaxy; +$article-important-heading: $g20-white; +$article-important-text: $cp-munchkin; +$article-important-strong: $g20-white; +$article-important-link: #797aff; +$article-important-link-hover: $g20-white; +$article-important-table-header: $grad-OminousFog; +$article-important-table-row-alt: #1b1b33; +$article-important-table-scrollbar: #56519e; +$article-important-shadow: #11111d; +$article-important-code: #9f92ff; +$article-important-code-bg: #0a071c; +$article-important-code-accent1: #5f51ac; +$article-important-code-accent2: $br-pulsar; +$article-important-code-accent3: #009a64; +$article-important-code-accent4: $r-ruby; +$article-important-code-accent5: #e24bbb; +$article-important-code-accent6: #00a5eb; +$article-important-code-accent7: #e90; +$article-important-code-scrollbar: #56519e; -$article-enterprise-base: $br-galaxy; -$article-enterprise-text: $cp-melrose; -$article-enterprise-link: $cp-titan; -$article-enterprise-link-hover: $g20-white; +$article-warning-base: $r-dreamsicle; +$article-warning-bg: #ff61851a; +$article-warning-heading: $g20-white; +$article-warning-text: $r-tungsten; +$article-warning-strong: $g20-white; +$article-warning-link: $r-marmelade; +$article-warning-link-hover: $g20-white; +$article-warning-table-header: $grad-red; +$article-warning-table-row-alt: #4a2a2a; +$article-warning-table-scrollbar: #1f181b; +$article-warning-shadow: #0d0610; +$article-warning-code: #ec6e6e; +$article-warning-code-bg: #0d0610; +$article-warning-code-accent1: #844c4c; +$article-warning-code-accent2: $b-pool; +$article-warning-code-accent3: $gr-viridian; +$article-warning-code-accent4: $r-ruby; +$article-warning-code-accent5: #ffb4fb; +$article-warning-code-accent6: $b-pool; +$article-warning-code-accent7: #e90; +$article-warning-code-scrollbar: #2a2025; + +$article-caution-base: $br-new-magenta; +$article-caution-bg: rgba($br-new-magenta, .12); +$article-caution-heading: $g20-white; +$article-caution-text: #fe9dbc; +$article-caution-strong: $g20-white; +$article-caution-link: #f3d5e1; +$article-caution-link-hover: $g20-white; +$article-caution-table-header: $br-new-magenta, #ff598f; +$article-caution-table-row-alt: #391b35; +$article-caution-table-scrollbar: #912a58; +$article-caution-shadow: #0f050e; +$article-caution-code: #ff679b; +$article-caution-code-bg: #0d0610; +$article-caution-code-accent1: #8f3f5a; +$article-caution-code-accent2: #3d97e5; +$article-caution-code-accent3: #947eff; +$article-caution-code-accent4: $r-ruby; +$article-caution-code-accent5: #ffa0de; +$article-caution-code-accent6: #3d97e5; +$article-caution-code-accent7: #e90; +$article-caution-code-scrollbar: #5c1b38; // Article Tabs for tabbed content $article-tab-text: $g12-forge; diff --git a/assets/styles/themes/_theme-light.scss b/assets/styles/themes/_theme-light.scss index 93e62a8fb..882c3783a 100644 --- a/assets/styles/themes/_theme-light.scss +++ b/assets/styles/themes/_theme-light.scss @@ -78,73 +78,113 @@ $article-table-header: $grad-Miyazakisky !default; $article-table-row-alt: #f6f8ff !default; $article-table-scrollbar: $g14-chromium !default; -// Article Notes & Warnings -$article-note-base: $gr-rainforest !default; -$article-note-heading: $gr-emerald !default; -$article-note-text: $gr-emerald !default; -$article-note-strong: $gr-emerald !default; -$article-note-link: $b-ocean !default; -$article-note-link-hover: $br-magenta !default; -$article-note-table-header: $grad-green-dark !default; -$article-note-table-row-alt: #d6f5e9 !default; -$article-note-table-scrollbar: #87DABE !default; -$article-note-shadow: #8CB7AB !default; -$article-note-code: #0A6F75 !default; -$article-note-code-bg: #BDF3DA !default; -$article-note-code-accent1: #6abba0 !default; -$article-note-code-accent2: #0084d6 !default; -$article-note-code-accent3: #5d52d6 !default; +// Article Alert Blocks +$article-note-base: $b-pool !default; +$article-note-heading: $b-ocean !default; +$article-note-text: $b-ocean !default; +$article-note-strong: $b-ocean !default; +$article-note-link: $p-void !default; +$article-note-link-hover: $p-star !default; +$article-note-table-header: $grad-blue !default; +$article-note-table-row-alt: $g20-white !default; +$article-note-table-scrollbar: $b-hydrogen !default; +$article-note-shadow: #6EB8E4 !default; +$article-note-code: $b-ocean !default; +$article-note-code-bg: $b-neutrino !default; +$article-note-code-accent1: #3CAAE2 !default; +$article-note-code-accent2: $br-pulsar !default; +$article-note-code-accent3: #048E66 !default; $article-note-code-accent4: $r-ruby !default; $article-note-code-accent5: #e24bbb !default; $article-note-code-accent6: #0084d6 !default; $article-note-code-accent7: #e90 !default; -$article-note-code-scrollbar: #87DABE !default; +$article-note-code-scrollbar: $b-laser !default; -$article-warn-base: $r-dreamsicle !default; -$article-warn-bg: rgba($r-dreamsicle, .08) !default; -$article-warn-heading: $r-fire !default; -$article-warn-text: $r-curacao !default; -$article-warn-link: $r-curacao !default; -$article-warn-link-hover: $br-pulsar !default; -$article-warn-table-header: $grad-red !default; -$article-warn-table-row-alt: #ffe6df !default; -$article-warn-table-scrollbar: #FFB1B1 !default; -$article-warn-shadow: #b98a7d !default; -$article-warn-code: #d0154e !default; -$article-warn-code-bg: #fde6e5 !default; -$article-warn-code-accent1: #fd99b8 !default; -$article-warn-code-accent2: #357ae8 !default; -$article-warn-code-accent3: #6c59cc !default; -$article-warn-code-accent4: $r-ruby !default; -$article-warn-code-accent5: #6a0a6f !default; -$article-warn-code-accent6: #357ae8 !default; -$article-warn-code-accent7: #e90 !default; -$article-warn-code-scrollbar: #FFB1B1 !default; +$article-tip-base: $gr-rainforest !default; +$article-tip-heading: $gr-emerald !default; +$article-tip-text: $gr-emerald !default; +$article-tip-strong: $gr-emerald !default; +$article-tip-link: $b-ocean !default; +$article-tip-link-hover: $br-magenta !default; +$article-tip-table-header: $grad-green-dark !default; +$article-tip-table-row-alt: #d6f5e9 !default; +$article-tip-table-scrollbar: #87DABE !default; +$article-tip-shadow: #8CB7AB !default; +$article-tip-code: #0A6F75 !default; +$article-tip-code-bg: #BDF3DA !default; +$article-tip-code-accent1: #6abba0 !default; +$article-tip-code-accent2: #0084d6 !default; +$article-tip-code-accent3: #5d52d6 !default; +$article-tip-code-accent4: $r-ruby !default; +$article-tip-code-accent5: #e24bbb !default; +$article-tip-code-accent6: #0084d6 !default; +$article-tip-code-accent7: #e90 !default; +$article-tip-code-scrollbar: #87DABE !default; -$article-cloud-base: $b-laser !default; -$article-cloud-heading: $b-ocean !default; -$article-cloud-text: $b-ocean !default; -$article-cloud-link: $b-ocean !default; -$article-cloud-link-hover: $br-pulsar !default; -$article-cloud-table-header: $grad-blue !default; -$article-cloud-table-row-alt: $g20-white !default; -$article-cloud-table-scrollbar: $b-hydrogen !default; -$article-cloud-shadow: #6EB8E4 !default; -$article-cloud-code: $b-ocean !default; -$article-cloud-code-bg: $b-neutrino !default; -$article-cloud-code-accent1: #3CAAE2 !default; -$article-cloud-code-accent2: $br-pulsar !default; -$article-cloud-code-accent3: #048E66 !default; -$article-cloud-code-accent4: $r-ruby !default; -$article-cloud-code-accent5: #e24bbb !default; -$article-cloud-code-accent6: #0084d6 !default; -$article-cloud-code-accent7: #e90 !default; -$article-cloud-code-scrollbar: $b-laser !default; +$article-important-base: $br-galaxy !default; +$article-important-heading: $br-pulsar !default; +$article-important-text: #5a55ad !default; +$article-important-strong: $br-pulsar !default; +$article-important-link: $b-ocean !default; +$article-important-link-hover: $br-pulsar !default; +$article-important-table-header: $grad-OminousFog !default; +$article-important-table-row-alt: $g20-white !default; +$article-important-table-scrollbar: $br-galaxy !default; +$article-important-shadow: #b0a6eb !default; +$article-important-code: $br-pulsar !default; +$article-important-code-bg: #dadbff !default; +$article-important-code-accent1: #998aeb !default; +$article-important-code-accent2: $br-pulsar !default; +$article-important-code-accent3: #026d33 !default; +$article-important-code-accent4: $r-ruby !default; +$article-important-code-accent5: #e24bbb !default; +$article-important-code-accent6: #0084d6 !default; +$article-important-code-accent7: #e90 !default; +$article-important-code-scrollbar: $br-galaxy !default; -$article-enterprise-base: $br-galaxy !default; -$article-enterprise-text: $cp-marguerite !default; -$article-enterprise-link: $cp-marguerite !default; -$article-enterprise-link-hover: $b-pool !default; +$article-warning-base: $r-dreamsicle !default; +$article-warning-bg: rgba($r-dreamsicle, .08) !default; +$article-warning-heading: $r-fire !default; +$article-warning-text: $r-curacao !default; +$article-warning-strong: $br-pulsar !default; +$article-warning-link: $r-curacao !default; +$article-warning-link-hover: $br-pulsar !default; +$article-warning-table-header: $grad-red !default; +$article-warning-table-row-alt: #ffe6df !default; +$article-warning-table-scrollbar: #FFB1B1 !default; +$article-warning-shadow: #b98a7d !default; +$article-warning-code: #d0154e !default; +$article-warning-code-bg: #fde6e5 !default; +$article-warning-code-accent1: #fd99b8 !default; +$article-warning-code-accent2: #357ae8 !default; +$article-warning-code-accent3: #6c59cc !default; +$article-warning-code-accent4: $r-ruby !default; +$article-warning-code-accent5: #6a0a6f !default; +$article-warning-code-accent6: #357ae8 !default; +$article-warning-code-accent7: #e90 !default; +$article-warning-code-scrollbar: #FFB1B1 !default; + +$article-caution-base: $br-new-magenta !default; +$article-caution-bg: rgba($br-new-magenta, .08) !default; +$article-caution-heading: $br-new-magenta !default; +$article-caution-text: #db4692 !default; +$article-caution-strong: $br-new-magenta !default; +$article-caution-link: #8709d3 !default; +$article-caution-link-hover: $b-sapphire !default; +$article-caution-table-header: $br-new-magenta, #ff598f !default; +$article-caution-table-row-alt: #fff8fc !default; +$article-caution-table-scrollbar: #faa9cd !default; +$article-caution-shadow: #f1b1cb !default; +$article-caution-code: #d01578 !default; +$article-caution-code-bg: #f3d5e1 !default; +$article-caution-code-accent1: #e683b7 !default; +$article-caution-code-accent2: #356ec8 !default; +$article-caution-code-accent3: #5845b7 !default; +$article-caution-code-accent4: $r-ruby !default; +$article-caution-code-accent5: #6a0a6f !default; +$article-caution-code-accent6: #357ae8 !default; +$article-caution-code-accent7: #e90 !default; +$article-caution-code-scrollbar: #faa9cd !default; // Article Tabs for tabbed content $article-tab-text: $g8-storm !default; diff --git a/assets/styles/tools/_fonts.scss b/assets/styles/tools/_fonts.scss index de42726c0..426c4d435 100644 --- a/assets/styles/tools/_fonts.scss +++ b/assets/styles/tools/_fonts.scss @@ -37,6 +37,7 @@ body { @import "tools/icon-fonts/icomoon-v2"; @import "tools/icon-fonts/icon-v3"; @import "tools/icon-fonts/icon-v4"; +@import "tools/icon-fonts/alert-icons"; .v3 {font-family: 'icomoon-v3'} .v4 {font-family: 'icomoon-v4'} \ No newline at end of file diff --git a/assets/styles/tools/icon-fonts/_alert-icons.scss b/assets/styles/tools/icon-fonts/_alert-icons.scss new file mode 100644 index 000000000..f9db39f07 --- /dev/null +++ b/assets/styles/tools/icon-fonts/_alert-icons.scss @@ -0,0 +1,42 @@ +@font-face { + font-family: 'alert-icons'; + src: url('fonts/alert-icons.eot?d0dznh'); + src: url('fonts/alert-icons.eot?d0dznh#iefix') format('embedded-opentype'), + url('fonts/alert-icons.ttf?d0dznh') format('truetype'), + url('fonts/alert-icons.woff?d0dznh') format('woff'), + url('fonts/alert-icons.svg?d0dznh#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="alert-icon-"], [class*=" alert-icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'alert-icons' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.alert-icon-caution:before { + content: "\43"; +} +.alert-icon-important:before { + content: "\49"; +} +.alert-icon-note:before { + content: "\4e"; +} +.alert-icon-tip:before { + content: "\54"; +} +.alert-icon-warning:before { + content: "\57"; +} \ No newline at end of file diff --git a/content/example.md b/content/example.md index 54aa4ed0e..d484b26f8 100644 --- a/content/example.md +++ b/content/example.md @@ -2,12 +2,11 @@ title: Example post description: This is just an example post to show the format of new 2.0 posts weight: 1 -draft: true related: - /influxdb/v2/write-data/ - /influxdb/v2/write-data/quick-start - https://influxdata.com, This is an external link -products: [cloud, oss, enterprise] +draft: true --- This is a paragraph. Lorem ipsum dolor ({{< icon "trash" "v2" >}}) sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. @@ -18,7 +17,7 @@ This is a paragraph. Lorem ipsum dolor ({{< icon "trash" "v2" >}}) sit amet, con This is **bold** text. This is _italic_ text. This is _**bold and italic**_. -### Clockface 3.x icons +### Clockface v2 icons {{< nav-icon "account" "v2" >}} {{< nav-icon "data" "v2" >}} @@ -93,7 +92,7 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_. {{< icon "wrench" "v2" >}} wrench {{< icon "x" "v2" >}} x -### Clockface 3.x icons +### Clockface v3 icons {{< nav-icon "account" "v3" >}} {{< nav-icon "data" "v3" >}} @@ -175,7 +174,7 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_. {{< icon "wrench" "v3" >}} wrench {{< icon "x" "v3" >}} x -### Clockface 4.x icons +### Clockface v4 icons {{< nav-icon "account" >}} {{< nav-icon "data" >}} @@ -254,11 +253,21 @@ This is **bold** text. This is _italic_ text. This is _**bold and italic**_. {{< icon "x" >}} x ## h2 This is a header2 -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. + +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. #### Here's a title for this codeblock + {{< code-tabs-wrapper >}} {{% code-tabs %}} [Flux](#) @@ -283,31 +292,65 @@ WHERE time > now() - 15m {{% /code-tab-content %}} {{< /code-tabs-wrapper >}} -{{% enterprise %}} ### h3 This is a header3 -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. + +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. ![Test image](/img/chronograf/1-6-alerts-conditions.png) -{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}} +{{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. -{{% /enterprise %}} +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. #### h4 This is a header4 -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. [Link to h2](#h2-this-is-a-header2) +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. + +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. [Link to h2](#h2-this-is-a-header2) ##### h5 This is a header5 -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. + +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. ###### h6 This is a header6 -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo. -This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.This is a paragraph +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. + +This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. +Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue +enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum +erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, +vel tempor odio dolor blandit justo. --- @@ -315,8 +358,8 @@ There is a horizontal rule above and below this line. --- -{{% cloud %}} #### Inline Styles + This is an [inline link](#). This is `inline code`. This is an [`inline code link`](#). This is an [`inline code link` with text in the link](#). @@ -331,40 +374,40 @@ This is **bold**. This is _italic_. 2. Ordered list item nested 2 3. Ordered list item nested 3 - Unordered list line-item 3 -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. +- Unordered list line-item with multiple paragraphs. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. + Etiam tristique nisi et tristique auctor. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. + Etiam tristique nisi et tristique auctor. -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. +- Unordered list line-item with multiple paragraphs. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. + Etiam tristique nisi et tristique auctor. + Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. + Etiam tristique nisi et tristique auctor. + 1. Ordered list line-item 1 2. Ordered list line-item 2 - 1. Ordered list line-item 2.1 - 2. Ordered list line-item 2.2 - 3. Ordered list line-item 2.3 _(this is just an li, no p tag)_ - - Unordered list item nested 1 - - Unordered list item nested 2 - - Unordered list item nested 3 - 4. Ordered list line-item 2.4 with hard return. - - - Unordered list item nested 1 - - Unordered list item nested 2 - - Unordered list item nested 3 - - With Another paragraph. - + 1. Ordered list line-item 2.1 + 2. Ordered list line-item 2.2 + 3. Ordered list line-item 2.3 _(this is just an li, no p tag)_ + - Unordered list item nested 1 + - Unordered list item nested 2 + - Unordered list item nested 3 + 4. Ordered list line-item 2.4 with hard return. + + - Unordered list item nested 1 + - Unordered list item nested 2 + - Unordered list item nested 3 + + With Another paragraph. + 3. Ordered list line-item 3 4. Ordered list line-item with multiple paragraphs. Lorem ipsum dolor sit amet, consectetur adipiscing elit. @@ -383,159 +426,280 @@ This is **bold**. This is _italic_. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. + + ```js + // This is a code block + cpu = from(bucket:"example-bucket") + |> range(start:-30m) + |> filter(fn:(r) => r._measurement == "cpu") + |> filter(fn:(r) => r._measurement == "cpu") |> filter(fn:(r) => r._measurement == "cpu") + + avg_cpu = cpu |> window(every:5m) |> mean() + + avg_cpu + |> group(none:true) + |> yield() + // + ``` + + ###### Here's a codeblock with a title + ```js + // This is a code block + cpu = from(bucket:"example-bucket") + |> range(start:-30m) + |> filter(fn:(r) => r._measurement == "cpu") + + avg_cpu = cpu |> window(every:5m) |> mean() + + avg_cpu + |> group(none:true) + |> yield() + // + ``` + + --- + +## Alert blocks + +> [!NOTE] +> This is a **Note**. +> Useful information that users should know, even when skimming content. + +> [!TIP] +> This is a **Tip**. +> Helpful advice for doing things better or more easily. + +> [!IMPORTANT] +> This is an **Important**. +> Key information users need to know to achieve their goal. + +> [!WARNING] +> This is a **Warning**. +> Urgent info that needs immediate user attention to avoid problems. + +> [!CAUTION] +> This is a **Caution**. +> Advises about risks or negative outcomes of certain actions. + + --- + +> [!Note] +> This is a basic note. + +> [!Note] +> ## h2 This is a header2 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ### h3 This is a header3 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ![Test image](/img/chronograf/1-6-alerts-conditions.png) +> +> {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} +> +> #### h4 This is a header4 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ##### h5 This is a header5 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ###### h6 This is a header6 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> +> #### Inline Styles +> This is an [inline link](#). This is `inline code`. +> This is an [`inline code link`](#) . +> This is **bold**. This is _italic_. +> +> - Unordered list line-item 1 +> - Unordered list line-item 2 +> - Unordered list line-item 2.1 +> - Unordered list line-item 2.2 +> - Unordered list line-item 2.3 +> - Unordered list line-item 3 +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 1. Unordered list line-item 1 +> 2. Unordered list line-item 2 +> 1. Unordered list line-item 2.1 +> 2. Unordered list line-item 2.2 +> 3. Unordered list line-item 2.3 +> 3. Unordered list line-item 3 +> 4. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 5. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> {{< code-tabs-wrapper >}} +{{% code-tabs %}} +[tab1](#) +[tab2](#) +{{% /code-tabs %}} +{{% code-tab-content %}} ```js -// This is a code block +// This is a code block inside of a blockquote cpu = from(bucket:"example-bucket") |> range(start:-30m) - |> filter(fn:(r) => r._measurement == "cpu") - |> filter(fn:(r) => r._measurement == "cpu") |> filter(fn:(r) => r._measurement == "cpu") |> filter(fn:(r) => r._measurement == "cpu") - -avg_cpu = cpu |> window(every:5m) |> mean() - -avg_cpu - |> group(none:true) - |> yield() -// + |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") ``` - -###### Here's a codeblock with a title +{{% /code-tab-content %}} +{{% code-tab-content %}} ```js -// This is a code block -cpu = from(bucket:"example-bucket") +// This is a code block inside of a blockquote +cpu = from(bucket:"my-bucket") |> range(start:-30m) |> filter(fn:(r) => r._measurement == "cpu") - -avg_cpu = cpu |> window(every:5m) |> mean() - -avg_cpu - |> group(none:true) - |> yield() -// ``` -{{% /cloud %}} - -{{% enterprise %}} -###### This is a table -| Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | -| -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | -| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | -| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | -| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | -| Row 5.1 | `Row 5.2` | Row 5.3 | Row 5.4 | Row 5.1 | `Row 5.2` | Row 5.3 | Row 5.4 | - -###### This is a table with lots of stuff -| Column 1 | Column 2 | Column 3 | Column 4 | -| -------- | -------- | -------- | -------- | -| Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -| Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -| Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -| Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | - -> This is a basic block quote - -Paragraph after a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -> This is a multiple paragraph blockquote with internal elements. -> Lorem ipsum dolor sit amet, consectetur adipiscing elit. -> Lorem ipsum dolor sit amet, consectetur adipiscing elit. -> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +{{% /code-tab-content %}} +{{< /code-tabs-wrapper >}} +> +> ###### This is a table > +> | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | +> | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | +> | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | +> | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | +> | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +> +> ###### This is a table with lots of stuff +> +> | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | +> | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | + +--- + +> [!Tip] +> This is a basic tip. + +> [!Tip] +> ## h2 This is a header2 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. +> +> ### h3 This is a header3 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. - -{{% note %}} -This is a basic note. -{{% /note %}} -{{% /enterprise %}} - -{{% note %}} -## h2 This is a header2 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -### h3 This is a header3 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}} - -#### h4 This is a header4 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -##### h5 This is a header5 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -###### h6 This is a header6 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - +> +> ![Test image](/img/chronograf/1-6-alerts-conditions.png) +> +> {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} +> +> #### h4 This is a header4 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. +> +> ##### h5 This is a header5 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. - -#### Inline Styles -This is an [inline link](#). This is `inline code`. -This is an [`inline code link`](#) . -This is **bold**. This is _italic_. - -- Unordered list line-item 1 -- Unordered list line-item 2 - - Unordered list line-item 2.1 - - Unordered list line-item 2.2 - - Unordered list line-item 2.3 -- Unordered list line-item 3 -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -1. Unordered list line-item 1 -2. Unordered list line-item 2 - 1. Unordered list line-item 2.1 - 2. Unordered list line-item 2.2 - 3. Unordered list line-item 2.3 -3. Unordered list line-item 3 -4. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -5. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -{{< code-tabs-wrapper >}} +> +> ###### h6 This is a header6 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> +> #### Inline Styles +> This is an [inline link](#). This is `inline code`. +> This is an [`inline code link`](#) . +> This is **bold**. This is _italic_. +> +> - Unordered list line-item 1 +> - Unordered list line-item 2 +> - Unordered list line-item 2.1 +> - Unordered list line-item 2.2 +> - Unordered list line-item 2.3 +> - Unordered list line-item 3 +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 1. Unordered list line-item 1 +> 2. Unordered list line-item 2 +> 1. Unordered list line-item 2.1 +> 2. Unordered list line-item 2.2 +> 3. Unordered list line-item 2.3 +> 3. Unordered list line-item 3 +> 4. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 5. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> {{< code-tabs-wrapper >}} {{% code-tabs %}} [tab1](#) [tab2](#) @@ -557,114 +721,114 @@ cpu = from(bucket:"my-bucket") ``` {{% /code-tab-content %}} {{< /code-tabs-wrapper >}} +> +> ###### This is a table +> +> | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | +> | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | +> | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | +> | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | +> | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +> +> ###### This is a table with lots of stuff +> +> | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | +> | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -###### This is a table in a blockquote -| Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | -| -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | -| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | -| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | -| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +--- -{{% /note %}} - -{{% warn %}} -This is a basic warning. -{{% /warn %}} - - -{{% warn %}} -This is a multiple paragraph blockquote with internal elements. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. - -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -## h2 This is a header2 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}} - -### h3 This is a header3 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -#### h4 This is a header4 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -##### h5 This is a header5 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -###### h6 This is a header6 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. +> [!Important] +> This is a basic important block. +> [!Important] +> ## h2 This is a header2 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. +> +> ### h3 This is a header3 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. - -#### Inline Styles -This is an [inline link](#). This is `inline code`. -This is an [`inline code link`](#) . -This is **bold**. This is _italic_. - -- Unordered list line-item 1 -- Unordered list line-item 2 - - Unordered list line-item 2.1 - - Unordered list line-item 2.2 - - Unordered list line-item 2.3 -- Unordered list line-item 3 -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -1. Unordered list line-item 1 -2. Unordered list line-item 2 - 1. Unordered list line-item 2.1 - 2. Unordered list line-item 2.2 - 3. Unordered list line-item 2.3 -3. Unordered list line-item 3 -4. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -5. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -{{< code-tabs-wrapper >}} +> +> ![Test image](/img/chronograf/1-6-alerts-conditions.png) +> +> {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} +> +> #### h4 This is a header4 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ##### h5 This is a header5 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ###### h6 This is a header6 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> +> #### Inline Styles +> This is an [inline link](#). This is `inline code`. +> This is an [`inline code link`](#) . +> This is **bold**. This is _italic_. +> +> - Unordered list line-item 1 +> - Unordered list line-item 2 +> - Unordered list line-item 2.1 +> - Unordered list line-item 2.2 +> - Unordered list line-item 2.3 +> - Unordered list line-item 3 +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 1. Unordered list line-item 1 +> 2. Unordered list line-item 2 +> 1. Unordered list line-item 2.1 +> 2. Unordered list line-item 2.2 +> 3. Unordered list line-item 2.3 +> 3. Unordered list line-item 3 +> 4. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 5. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> {{< code-tabs-wrapper >}} {{% code-tabs %}} [tab1](#) [tab2](#) @@ -686,109 +850,116 @@ cpu = from(bucket:"my-bucket") ``` {{% /code-tab-content %}} {{< /code-tabs-wrapper >}} +> +> ###### This is a table +> +> | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | +> | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | +> | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | +> | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | +> | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +> +> ###### This is a table with lots of stuff +> +> | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | +> | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -###### This is a table in a blockquote -| Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | -| -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | -| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | -| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | -| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | -{{% /warn %}} -{{% cloud %}} -This is a multiple paragraph blockquote with internal elements. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. -Lorem ipsum dolor sit amet, consectetur adipiscing elit. +--- -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -## h2 This is a header2 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -{{< img-hd src="/img/test-image-2.png" alt="Test Image" />}} - -### h3 This is a header3 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -#### h4 This is a header4 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -##### h5 This is a header5 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. - -###### h6 This is a header6 -Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. -Etiam tristique nisi et tristique auctor. +> [!Warning] +> This is a basic warning. +> [!Warning] +> ## h2 This is a header2 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. +> +> ### h3 This is a header3 > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. > Etiam tristique nisi et tristique auctor. - -#### Inline Styles -This is an [inline link](#). This is `inline code`. -This is an [`inline code link`](#) . -This is **bold**. This is _italic_. - -- Unordered list line-item 1 -- Unordered list line-item 2 - - Unordered list line-item 2.1 - - Unordered list line-item 2.2 - - Unordered list line-item 2.3 -- Unordered list line-item 3 -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -- Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -1. Unordered list line-item 1 -2. Unordered list line-item 2 - 1. Unordered list line-item 2.1 - 2. Unordered list line-item 2.2 - 3. Unordered list line-item 2.3 -3. Unordered list line-item 3 -4. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -5. Unordered list line-item with multiple paragraphs. - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - - Lorem ipsum dolor sit amet, consectetur adipiscing elit. - Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. - Etiam tristique nisi et tristique auctor. - -{{< code-tabs-wrapper >}} +> +> ![Test image](/img/chronograf/1-6-alerts-conditions.png) +> +> {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} +> +> #### h4 This is a header4 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ##### h5 This is a header5 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ###### h6 This is a header6 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> +> #### Inline Styles +> This is an [inline link](#). This is `inline code`. +> This is an [`inline code link`](#) . +> This is **bold**. This is _italic_. +> +> - Unordered list line-item 1 +> - Unordered list line-item 2 +> - Unordered list line-item 2.1 +> - Unordered list line-item 2.2 +> - Unordered list line-item 2.3 +> - Unordered list line-item 3 +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 1. Unordered list line-item 1 +> 2. Unordered list line-item 2 +> 1. Unordered list line-item 2.1 +> 2. Unordered list line-item 2.2 +> 3. Unordered list line-item 2.3 +> 3. Unordered list line-item 3 +> 4. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 5. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> {{< code-tabs-wrapper >}} {{% code-tabs %}} [tab1](#) [tab2](#) @@ -810,16 +981,153 @@ cpu = from(bucket:"my-bucket") ``` {{% /code-tab-content %}} {{< /code-tabs-wrapper >}} +> +> ###### This is a table +> +> | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | +> | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | +> | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | +> | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | +> | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +> +> ###### This is a table with lots of stuff +> +> | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | +> | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | -###### This is a table in a blockquote -| Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | -| -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -| Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | -| Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | -| Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | -| Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +--- -{{% /cloud %}} +> [!Caution] +> This is a basic caution. + +> [!Caution] +> ## h2 This is a header2 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ### h3 This is a header3 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ![Test image](/img/chronograf/1-6-alerts-conditions.png) +> +> {{< img-hd src="/img/influxdb/2-0-controls-time-range.png" alt="Test Image" />}} +> +> #### h4 This is a header4 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ##### h5 This is a header5 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> ###### h6 This is a header6 +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> > Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> > Etiam tristique nisi et tristique auctor. +> +> #### Inline Styles +> This is an [inline link](#). This is `inline code`. +> This is an [`inline code link`](#) . +> This is **bold**. This is _italic_. +> +> - Unordered list line-item 1 +> - Unordered list line-item 2 +> - Unordered list line-item 2.1 +> - Unordered list line-item 2.2 +> - Unordered list line-item 2.3 +> - Unordered list line-item 3 +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> - Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 1. Unordered list line-item 1 +> 2. Unordered list line-item 2 +> 1. Unordered list line-item 2.1 +> 2. Unordered list line-item 2.2 +> 3. Unordered list line-item 2.3 +> 3. Unordered list line-item 3 +> 4. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> 5. Unordered list line-item with multiple paragraphs. +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. +> Nunc rutrum, metus id scelerisque euismod, erat ante, ac congue enim risus id est. +> Etiam tristique nisi et tristique auctor. +> +> {{< code-tabs-wrapper >}} +{{% code-tabs %}} +[tab1](#) +[tab2](#) +{{% /code-tabs %}} +{{% code-tab-content %}} +```js +// This is a code block inside of a blockquote +cpu = from(bucket:"example-bucket") + |> range(start:-30m) + |> filter(fn:(r) => r._measurement == "cpu" and r._field == "someReallyLongFieldName") +``` +{{% /code-tab-content %}} +{{% code-tab-content %}} +```js +// This is a code block inside of a blockquote +cpu = from(bucket:"my-bucket") + |> range(start:-30m) + |> filter(fn:(r) => r._measurement == "cpu") +``` +{{% /code-tab-content %}} +{{< /code-tabs-wrapper >}} +> +> ###### This is a table +> +> | Column 1 | Column 2 | Column 3 | Column 4 | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | -------- | -------- | -------- | -------- | +> | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | Row 1.1 | `Row 1.2` | Row 1.3 | Row 1.4 | +> | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | Row 2.1 | `Row 2.2` | Row 2.3 | Row 2.4 | +> | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | Row 3.1 | `Row 3.2` | Row 3.3 | Row 3.4 | +> | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | Row 4.1 | `Row 4.2` | Row 4.3 | Row 4.4 | +> +> ###### This is a table with lots of stuff +> +> | Column 1 | Column 2 | Column 3 | Column 4 | +> | -------- | -------- | -------- | -------- | +> | Row 1.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 1.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 2.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 2.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 3.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 3.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | +> | Row 4.1Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.2Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.3Lorem ipsum dolor sit amet, consectetur adipiscing elit. | Row 4.4Lorem ipsum dolor sit amet, consectetur adipiscing elit. | {{< tabs-wrapper >}} {{% tabs %}} diff --git a/content/influxdb/cloud-dedicated/admin/sso.md b/content/influxdb/cloud-dedicated/admin/sso.md index deb45d9e2..b837b1ab9 100644 --- a/content/influxdb/cloud-dedicated/admin/sso.md +++ b/content/influxdb/cloud-dedicated/admin/sso.md @@ -14,14 +14,14 @@ of [Auth0](https://auth0.com) and your identity provider of choice. Use SSO to provide users seamless access to your {{< product-name >}} cluster with an existing set of credentials. -{{% cloud %}} -#### Contact InfluxData sales to enable SSO - -SSO is a paid upgrade to your {{< product-name >}} cluster. -To begin the process of enabling SSO, contact InfluxData Sales: - -Contact InfluxData Sales -{{% /cloud %}} +> [!Important] +> +> #### Contact InfluxData sales to enable SSO +> +> SSO is a paid upgrade to your {{< product-name >}} cluster. +> To begin the process of enabling SSO, contact InfluxData Sales: +> +> Contact InfluxData Sales - [SSO authorization flow](#sso-authorization-flow) - [Set up your identity provider](#set-up-your-identity-provider) diff --git a/content/influxdb/cloud-dedicated/guides/migrate-data/migrate-tsm-to-cloud-dedicated.md b/content/influxdb/cloud-dedicated/guides/migrate-data/migrate-tsm-to-cloud-dedicated.md index 897026189..85b86519c 100644 --- a/content/influxdb/cloud-dedicated/guides/migrate-data/migrate-tsm-to-cloud-dedicated.md +++ b/content/influxdb/cloud-dedicated/guides/migrate-data/migrate-tsm-to-cloud-dedicated.md @@ -28,10 +28,9 @@ that queries data from an InfluxDB Cloud TSM-powered bucket in time-based batche and writes each batch to an {{< product-name >}} (InfluxDB v3) database in another organization. -{{% cloud %}} -All query requests are subject to your InfluxDB Cloud organization's -[rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All query requests are subject to your InfluxDB Cloud organization's +> [rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). - [Before you migrate](#before-you-migrate) - [Set up the migration](#set-up-the-migration) diff --git a/content/influxdb/cloud-serverless/guides/migrate-data/migrate-1x-to-serverless.md b/content/influxdb/cloud-serverless/guides/migrate-data/migrate-1x-to-serverless.md index 6e1f8126b..2e62533b8 100644 --- a/content/influxdb/cloud-serverless/guides/migrate-data/migrate-1x-to-serverless.md +++ b/content/influxdb/cloud-serverless/guides/migrate-data/migrate-1x-to-serverless.md @@ -23,10 +23,9 @@ the exported data to a bucket in your InfluxDB Cloud Serverless organization. Because full data migrations will likely exceed your organizations' limits and adjustable quotas, migrate your data in batches. -{{% cloud %}} -All write requests are subject to your InfluxDB Cloud Serverless organization's -[rate limits and adjustable quotas](/influxdb/cloud-serverless/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All write requests are subject to your InfluxDB Cloud Serverless organization's +> [rate limits and adjustable quotas](/influxdb/cloud-serverless/account-management/limits/). diff --git a/content/influxdb/cloud-serverless/guides/migrate-data/migrate-tsm-to-serverless.md b/content/influxdb/cloud-serverless/guides/migrate-data/migrate-tsm-to-serverless.md index 97418e25a..bfaeb6907 100644 --- a/content/influxdb/cloud-serverless/guides/migrate-data/migrate-tsm-to-serverless.md +++ b/content/influxdb/cloud-serverless/guides/migrate-data/migrate-tsm-to-serverless.md @@ -31,10 +31,9 @@ that queries data from an InfluxDB Cloud TSM-powered bucket in time-based batche and writes each batch to an InfluxDB Cloud Serverless (InfluxDB v3) bucket in another organization. -{{% cloud %}} -All query and write requests are subject to your InfluxDB Cloud organization's -[rate limits and adjustable quotas](/influxdb/cloud-serverless/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All query and write requests are subject to your InfluxDB Cloud organization's +> [rate limits and adjustable quotas](/influxdb/cloud-serverless/account-management/limits/). - [Before you migrate](#before-you-migrate) - [Set up the migration](#set-up-the-migration) diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/_index.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/_index.md index f891b58fe..99612c1b8 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/_index.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/_index.md @@ -10,10 +10,10 @@ weight: 101 influxdb/cloud-serverless/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/create.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/create.md index f004f4fcc..79347fe75 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/create.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/create.md @@ -11,11 +11,11 @@ influxdb/cloud-serverless/tags: [authorization] updated_in: CLI v2.0.3 --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth create` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth create` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/delete.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/delete.md index 7b4746851..5294bf3e7 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/delete.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/delete.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud-serverless/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth delete` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth delete` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/list.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/list.md index 5fa185922..749e40683 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/list.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/list.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud-serverless/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth list` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth list` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-active.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-active.md index 91b26e5a6..996db4ebd 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-active.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-active.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud-serverless/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-active` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +>#### Not supported in InfluxDB Cloud +>**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +>Using the `influx v1 auth set-active` command with InfluxDB Cloud will result in an error. +>To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-inactive.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-inactive.md index 1b42bd385..36e47c5c6 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-inactive.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-inactive.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud-serverless/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-inactive` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth set-inactive` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-password.md b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-password.md index 101695a5b..f1270e318 100644 --- a/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-password.md +++ b/content/influxdb/cloud-serverless/reference/cli/influx/v1/auth/set-password.md @@ -11,11 +11,11 @@ influxdb/cloud-serverless/tags: [authorization] updated_in: CLI v2.0.3 --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-password` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth set-password` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/_index.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/_index.md index 52b1eebef..9896b4d02 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/_index.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/_index.md @@ -10,10 +10,11 @@ weight: 101 influxdb/cloud/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!IMPORTANT] +> +> #### Not supported in InfluxDB Cloud +> +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/create.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/create.md index f8ed70c81..3b24b4b59 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/create.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/create.md @@ -11,13 +11,12 @@ influxdb/cloud/tags: [authorization] updated_in: CLI v2.0.3 --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud Serverless - -**{{< product-name >}}** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth create` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use -[InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). -{{% /cloud %}} +> [!Important] +> #### Not supported in InfluxDB Cloud Serverless +> +> **{{< product-name >}}** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth create` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use +> [InfluxDB token authentication](/influxdb/cloud-serverless/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/delete.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/delete.md index dd63a9dd4..706659be8 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/delete.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/delete.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth delete` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth delete` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/list.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/list.md index 373aad88d..c986596af 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/list.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/list.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth list` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth list` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-active.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-active.md index de41d8b51..9ff704995 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-active.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-active.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-active` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth set-active` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-inactive.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-inactive.md index 357e54a98..3b8e8779e 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-inactive.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-inactive.md @@ -10,11 +10,11 @@ weight: 101 influxdb/cloud/tags: [authorization] --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-inactive` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth set-inactive` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-password.md b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-password.md index 318a78b4f..cbe7d63be 100644 --- a/content/influxdb/cloud/reference/cli/influx/v1/auth/set-password.md +++ b/content/influxdb/cloud/reference/cli/influx/v1/auth/set-password.md @@ -11,11 +11,11 @@ influxdb/cloud/tags: [authorization] updated_in: CLI v2.0.3 --- -{{% cloud %}} -#### Not supported in InfluxDB Cloud -**InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. -Using the `influx v1 auth set-password` command with InfluxDB Cloud will result in an error. -To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). -{{% /cloud %}} +> [!Important] +> +> #### Not supported in InfluxDB Cloud +> **InfluxDB Cloud** does not support InfluxDB 1.x compatible authorizations. +> Using the `influx v1 auth set-password` command with InfluxDB Cloud will result in an error. +> To authenticate with InfluxDB Cloud, use [InfluxDB token authentication](/influxdb/cloud/admin/tokens/). {{< duplicate-oss >}} diff --git a/content/influxdb/cloud/write-data/migrate-data/migrate-cloud-to-cloud.md b/content/influxdb/cloud/write-data/migrate-data/migrate-cloud-to-cloud.md index a708f403d..3b773d6ee 100644 --- a/content/influxdb/cloud/write-data/migrate-data/migrate-cloud-to-cloud.md +++ b/content/influxdb/cloud/write-data/migrate-data/migrate-cloud-to-cloud.md @@ -25,10 +25,9 @@ The following guide provides instructions for setting up an InfluxDB task that queries data from an InfluxDB Cloud bucket in time-based batches and writes each batch to another InfluxDB Cloud bucket in another organization. -{{% cloud %}} -All query and write requests are subject to your InfluxDB Cloud organization's -[rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All query and write requests are subject to your InfluxDB Cloud organization's +> [rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). - [Set up the migration](#set-up-the-migration) - [Migration task](#migration-task) diff --git a/content/influxdb/clustered/guides/migrate-data/migrate-tsm-to-clustered.md b/content/influxdb/clustered/guides/migrate-data/migrate-tsm-to-clustered.md index 72e0191ed..4dbfea761 100644 --- a/content/influxdb/clustered/guides/migrate-data/migrate-tsm-to-clustered.md +++ b/content/influxdb/clustered/guides/migrate-data/migrate-tsm-to-clustered.md @@ -27,10 +27,9 @@ that queries data from an InfluxDB Cloud TSM-powered bucket in time-based batche and writes each batch to an {{< product-name >}} (InfluxDB v3) database in another organization. -{{% cloud %}} -All query requests are subject to your InfluxDB Cloud organization's -[rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All query requests are subject to your InfluxDB Cloud organization's +> [rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). - [Before you migrate](#before-you-migrate) - [Set up the migration](#set-up-the-migration) diff --git a/content/influxdb/v2/admin/backup-restore/backup.md b/content/influxdb/v2/admin/backup-restore/backup.md index e1ee64638..a38ae9a89 100644 --- a/content/influxdb/v2/admin/backup-restore/backup.md +++ b/content/influxdb/v2/admin/backup-restore/backup.md @@ -28,9 +28,8 @@ The InfluxDB {{< current-version >}} `influx backup` command is not compatible w - [Manually upgrade from InfluxDB 1.x to {{< current-version >}}](/influxdb/v2/upgrade/v1-to-v2/manual-upgrade/) {{% /note %}} -{{% cloud %}} -The `influx backup` command **cannot** back up data stored in **InfluxDB Cloud**. -{{% /cloud %}} +> [!Important] +> The `influx backup` command **cannot** back up data stored in **InfluxDB Cloud**. The `influx backup` command requires: diff --git a/content/influxdb/v2/admin/backup-restore/restore.md b/content/influxdb/v2/admin/backup-restore/restore.md index 771aae769..9a1b0fb1d 100644 --- a/content/influxdb/v2/admin/backup-restore/restore.md +++ b/content/influxdb/v2/admin/backup-restore/restore.md @@ -15,9 +15,8 @@ related: - /influxdb/v2/reference/cli/influxd/restore/ --- -{{% cloud %}} -Restores **not supported in InfluxDB Cloud**. -{{% /cloud %}} +> [!Important] +> Restores **not supported in InfluxDB Cloud**. Use the `influx restore` command to restore backup data and metadata from InfluxDB OSS. diff --git a/content/influxdb/v2/reference/cli/influx/bucket/create.md b/content/influxdb/v2/reference/cli/influx/bucket/create.md index 0425d8c1c..2c5d85eb1 100644 --- a/content/influxdb/v2/reference/cli/influx/bucket/create.md +++ b/content/influxdb/v2/reference/cli/influx/bucket/create.md @@ -105,11 +105,10 @@ influx bucket create \ ##### Create a bucket with an explicit schema -{{% cloud %}} -[Explicit bucket schemas](/influxdb/cloud/reference/cli/influx/bucket-schema) are only -supported in **InfluxDB Cloud**. -For more information, see [Manage bucket schema](/influxdb/cloud/admin/buckets/bucket-schema/). -{{% /cloud %}} +> [!Important] +> [Explicit bucket schemas](/influxdb/cloud/reference/cli/influx/bucket-schema) are only +> supported in **InfluxDB Cloud**. +> For more information, see [Manage bucket schema](/influxdb/cloud/admin/buckets/bucket-schema/). ```sh {{< get-shared-text "bucket-schema/bucket-schema-type.sh" >}} diff --git a/content/influxdb/v2/reference/cli/influx/remote/_index.md b/content/influxdb/v2/reference/cli/influx/remote/_index.md index 2be9d03e6..4c2c63bcc 100644 --- a/content/influxdb/v2/reference/cli/influx/remote/_index.md +++ b/content/influxdb/v2/reference/cli/influx/remote/_index.md @@ -12,9 +12,11 @@ related: - /influxdb/v2/write-data/replication --- -{{% cloud %}} -Configure InfluxDB Edge Data Replication remotes and replication streams to replicate data from InfluxDB OSS to remote buckets on InfluxDB Cloud, InfluxDB Enterprise, or another InfluxDB OSS instance. Currently, you cannot configure remotes and replication streams on InfluxDB Cloud. -{{% /cloud %}} +> [!Important] +> Configure InfluxDB Edge Data Replication remotes and replication streams to +> replicate data from InfluxDB OSS to remote buckets on InfluxDB Cloud, InfluxDB +> Enterprise, or another InfluxDB OSS instance. Currently, you cannot configure +> remotes and replication streams on InfluxDB Cloud. Use the `influx remote` command to manage connections to remote instances of InfluxDB. Remote connections are used to replicate data on write at the bucket level. diff --git a/content/influxdb/v2/reference/cli/influx/remote/create.md b/content/influxdb/v2/reference/cli/influx/remote/create.md index f1b210e7a..57b072415 100644 --- a/content/influxdb/v2/reference/cli/influx/remote/create.md +++ b/content/influxdb/v2/reference/cli/influx/remote/create.md @@ -11,9 +11,8 @@ related: - /influxdb/v2/reference/cli/influx/replication --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx remote create` command creates a new remote InfluxDB connection for replicating data. diff --git a/content/influxdb/v2/reference/cli/influx/remote/delete.md b/content/influxdb/v2/reference/cli/influx/remote/delete.md index 47e2f655d..4608c9ae7 100644 --- a/content/influxdb/v2/reference/cli/influx/remote/delete.md +++ b/content/influxdb/v2/reference/cli/influx/remote/delete.md @@ -11,9 +11,8 @@ related: - /influxdb/v2/reference/cli/influx/replication --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx remote delete` command delete an existing remote InfluxDB connection used for replication. diff --git a/content/influxdb/v2/reference/cli/influx/remote/list.md b/content/influxdb/v2/reference/cli/influx/remote/list.md index 35f914bec..f6a689e00 100644 --- a/content/influxdb/v2/reference/cli/influx/remote/list.md +++ b/content/influxdb/v2/reference/cli/influx/remote/list.md @@ -11,9 +11,8 @@ related: - /influxdb/v2/reference/cli/influx/replication --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx remote list` command lists all remote InfluxDB connections used for replication. diff --git a/content/influxdb/v2/reference/cli/influx/remote/update.md b/content/influxdb/v2/reference/cli/influx/remote/update.md index 890ec8f3d..a34ec7006 100644 --- a/content/influxdb/v2/reference/cli/influx/remote/update.md +++ b/content/influxdb/v2/reference/cli/influx/remote/update.md @@ -12,9 +12,8 @@ related: --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx remote update` command updates an existing InfluxDB remote connection used for replicating data. diff --git a/content/influxdb/v2/reference/cli/influx/replication/create.md b/content/influxdb/v2/reference/cli/influx/replication/create.md index 036715191..f79fc0849 100644 --- a/content/influxdb/v2/reference/cli/influx/replication/create.md +++ b/content/influxdb/v2/reference/cli/influx/replication/create.md @@ -9,10 +9,8 @@ weight: 101 influxdb/v2/tags: [write] --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} - +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx replication create` command creates a new InfluxDB replication stream. diff --git a/content/influxdb/v2/reference/cli/influx/replication/delete.md b/content/influxdb/v2/reference/cli/influx/replication/delete.md index 2df1ee614..4b57f9619 100644 --- a/content/influxdb/v2/reference/cli/influx/replication/delete.md +++ b/content/influxdb/v2/reference/cli/influx/replication/delete.md @@ -9,9 +9,8 @@ weight: 102 influxdb/v2/tags: [write, replication] --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx replication delete` command deletes an InfluxDB replication stream. diff --git a/content/influxdb/v2/reference/cli/influx/replication/list.md b/content/influxdb/v2/reference/cli/influx/replication/list.md index 4bbe22076..8144c9adc 100644 --- a/content/influxdb/v2/reference/cli/influx/replication/list.md +++ b/content/influxdb/v2/reference/cli/influx/replication/list.md @@ -9,9 +9,8 @@ weight: 102 influxdb/v2/tags: [write, replication] --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx replication list` command lists all InfluxDB replication streams and their corresponding metrics. diff --git a/content/influxdb/v2/reference/cli/influx/replication/update.md b/content/influxdb/v2/reference/cli/influx/replication/update.md index aff267e29..27c10b3b2 100644 --- a/content/influxdb/v2/reference/cli/influx/replication/update.md +++ b/content/influxdb/v2/reference/cli/influx/replication/update.md @@ -9,9 +9,8 @@ weight: 102 influxdb/v2/tags: [write, replication] --- -{{% cloud %}} -Replication remotes and replication streams can only be configured for InfluxDB OSS. -{{% /cloud %}} +> [!Important] +> Replication remotes and replication streams can only be configured for InfluxDB OSS. The `influx replication update` command updates an InfluxDB replication stream. diff --git a/content/influxdb/v2/tools/notebooks/clean-data.md b/content/influxdb/v2/tools/notebooks/clean-data.md index 0e215ed74..df0588155 100644 --- a/content/influxdb/v2/tools/notebooks/clean-data.md +++ b/content/influxdb/v2/tools/notebooks/clean-data.md @@ -23,9 +23,8 @@ normalizes degree-based wind directions to cardinal directions, and then writes the normalized data to a bucket. {{< cloud-only >}} -{{% cloud %}} -**Note**: Using sample data counts towards your total InfluxDB Cloud usage. -{{% /cloud %}} +> [!Important] +> **Note**: Using sample data counts towards your total InfluxDB Cloud usage. {{< /cloud-only >}} 1. [Create a new notebook](/influxdb/v2/tools/notebooks/create-notebook/). diff --git a/content/influxdb/v2/write-data/best-practices/optimize-writes.md b/content/influxdb/v2/write-data/best-practices/optimize-writes.md index fff176d8a..c5c43f66f 100644 --- a/content/influxdb/v2/write-data/best-practices/optimize-writes.md +++ b/content/influxdb/v2/write-data/best-practices/optimize-writes.md @@ -127,6 +127,5 @@ For example: "5MB / 5min" can be also expressed as `17476.266666667Bs`, `1MB/1mi If the rate limit format is invalid, `influx write` prints out the format and an exact regular expression. The `--rate-limit` flag can be also used with [`influx write dryrun`](/influxdb/v2/reference/cli/influx/write/dryrun/). -{{% cloud %}} -By default, the free tier rate limit in InfluxDB Cloud is `1MB/min`. -{{% /cloud %}} +> [!Important] +> By default, the free tier rate limit in InfluxDB Cloud is `1MB/min`. diff --git a/content/influxdb/v2/write-data/migrate-data/migrate-cloud-to-oss.md b/content/influxdb/v2/write-data/migrate-data/migrate-cloud-to-oss.md index a4ea7e3a3..333a44e71 100644 --- a/content/influxdb/v2/write-data/migrate-data/migrate-cloud-to-oss.md +++ b/content/influxdb/v2/write-data/migrate-data/migrate-cloud-to-oss.md @@ -21,10 +21,9 @@ The following guide provides instructions for setting up an InfluxDB OSS task that queries data from an InfluxDB Cloud bucket in time-based batches and writes each batch to an InfluxDB OSS bucket. -{{% cloud %}} -All queries against data in InfluxDB Cloud are subject to your organization's -[rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). -{{% /cloud %}} +> [!Important] +> All queries against data in InfluxDB Cloud are subject to your organization's +> [rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). - [Set up the migration](#set-up-the-migration) - [Migration task](#migration-task) diff --git a/content/influxdb/v2/write-data/migrate-data/migrate-oss.md b/content/influxdb/v2/write-data/migrate-data/migrate-oss.md index 97cc84cff..2f9796973 100644 --- a/content/influxdb/v2/write-data/migrate-data/migrate-oss.md +++ b/content/influxdb/v2/write-data/migrate-data/migrate-oss.md @@ -17,13 +17,13 @@ To migrate data from an InfluxDB OSS bucket to another InfluxDB OSS or InfluxDB Cloud bucket, export your data as line protocol and write it to your other InfluxDB bucket. -{{% cloud %}} -#### InfluxDB Cloud write limits -If migrating data from InfluxDB OSS to InfluxDB Cloud, you are subject to your -[InfluxDB Cloud organization's rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). -Consider exporting your data in time-based batches to limit the file size -of exported line protocol to match your InfluxDB Cloud organization's limits. -{{% /cloud %}} +> [!Important] +> +> #### InfluxDB Cloud write limits +> If migrating data from InfluxDB OSS to InfluxDB Cloud, you are subject to your +> [InfluxDB Cloud organization's rate limits and adjustable quotas](/influxdb/cloud/account-management/limits/). +> Consider exporting your data in time-based batches to limit the file size +> of exported line protocol to match your InfluxDB Cloud organization's limits. 1. [Find the InfluxDB OSS bucket ID](/influxdb/{{< current-version-link >}}/organizations/buckets/view-buckets/) that contains data you want to migrate. diff --git a/content/influxdb/v2/write-data/no-code/scrape-data/_index.md b/content/influxdb/v2/write-data/no-code/scrape-data/_index.md index eb10f934b..5a0b7aee9 100644 --- a/content/influxdb/v2/write-data/no-code/scrape-data/_index.md +++ b/content/influxdb/v2/write-data/no-code/scrape-data/_index.md @@ -21,10 +21,8 @@ then write the scraped data to an InfluxDB bucket. Scrapers can collect data from any HTTP(S)-accessible endpoint that provides data in the [Prometheus data format](https://prometheus.io/docs/instrumenting/exposition_formats/). -{{% cloud %}} -Scrapers are not available in InfluxDB Cloud. -{{% /cloud %}} - +> [!Important] +> Scrapers are not available in InfluxDB Cloud. The following articles provide information about creating and managing InfluxDB data scrapers: diff --git a/content/influxdb/v2/write-data/oss-to-cloud.md b/content/influxdb/v2/write-data/oss-to-cloud.md index d08cfbe3c..40f903532 100644 --- a/content/influxdb/v2/write-data/oss-to-cloud.md +++ b/content/influxdb/v2/write-data/oss-to-cloud.md @@ -23,11 +23,11 @@ To replicate all writes to an InfluxDB OSS instance to an InfluxDB Cloud instanc use [InfluxDB replication streams](/influxdb/v2/write-data/replication/). {{% /note %}} -{{% cloud %}} -#### InfluxDB Cloud rate limits -Write requests to InfluxDB Cloud are subject to the rate limits associated with your -[InfluxDB Cloud pricing plan](/influxdb/cloud/account-management/pricing-plans/). -{{% /cloud %}} +> [!Important] +> +> #### InfluxDB Cloud rate limits +> Write requests to InfluxDB Cloud are subject to the rate limits associated with your +> [InfluxDB Cloud pricing plan](/influxdb/cloud/account-management/pricing-plans/). 1. Query data from InfluxDB OSS. 2. _(Optional)_ [Filter](/flux/v0/stdlib/universe/filter/) or process data to write to InfluxDB Cloud. diff --git a/hugo.staging.toml b/hugo.staging.toml deleted file mode 100644 index 432b438fa..000000000 --- a/hugo.staging.toml +++ /dev/null @@ -1,53 +0,0 @@ -baseURL = "https://test2.docs.influxdata.com/" -languageCode = "en-us" -title = "InfluxDB Documentation" - -# Git history information for lastMod-type functionality -enableGitInfo = true - -# Syntax Highlighting -pygmentsCodefences = true -pygmentsUseClasses = true - -# Preserve case in article tags -preserveTaxonomyNames = true - -# Generate a robots.txt -enableRobotsTXT = true - -# Custom staging params -[params] - environment = "staging" - -# Markdown rendering options -[blackfriday] -hrefTargetBlank = true -smartDashes = false - -[taxonomies] - "influxdb/v2/tag" = "influxdb/v2/tags" - "influxdb/cloud/tag" = "influxdb/cloud/tags" - "influxdb/cloud-serverless/tag" = "influxdb/cloud-serverless/tags" - "influxdb/cloud-dedicated/tag" = "influxdb/cloud-dedicated/tags" - "influxdb/clustered/tag" = "influxdb/clustered/tags" - "flux/v0/tag" = "flux/v0/tags" - -[markup] - [markup.goldmark] - [markup.goldmark.renderer] - unsafe = true - -[privacy] - [privacy.googleAnalytics] - anonymizeIP = false - disable = false - respectDoNotTrack = true - useSessionStorage = false - [privacy.youtube] - disable = false - privacyEnhanced = true - -[outputFormats.json] - mediaType = "application/json" - baseName = "pages" - isPlainText = true diff --git a/hugo.staging.yml b/hugo.staging.yml new file mode 100644 index 000000000..31a0e03e4 --- /dev/null +++ b/hugo.staging.yml @@ -0,0 +1,58 @@ +baseURL: https://test2.docs.influxdata.com/ +languageCode: en-us +title: InfluxDB Documentation + +# Git history information for lastMod-type functionality +enableGitInfo: true + +# Syntax Highlighting +pygmentsCodefences: true +pygmentsUseClasses: true + +# Preserve case in article tags +preserveTaxonomyNames: true + +# Generate a robots.txt +enableRobotsTXT: true + +# Custom staging params +params: + environment: staging + +# Markdown rendering options +blackfriday: + hrefTargetBlank: true + smartDashes: false + +taxonomies: + influxdb/v2/tag: influxdb/v2/tags + influxdb/cloud/tag: influxdb/cloud/tags + influxdb/cloud-serverless/tag: influxdb/cloud-serverless/tags + influxdb/cloud-dedicated/tag: influxdb/cloud-dedicated/tags + influxdb/clustered/tag: influxdb/clustered/tags + flux/v0/tag: flux/v0/tags + +markup: + goldmark: + renderer: + unsafe: true + extensions: + linkify: false + parser: + attribute: + block: true + +privacy: + googleAnalytics: + anonymizeIP: false + disable: false + respectDoNotTrack: true + useSessionStorage: false + youtube: + disable: false + privacyEnhanced: true +outputFormats: + json: + mediaType: application/json + baseName: pages + isPlainText: true diff --git a/hugo.toml b/hugo.toml deleted file mode 100644 index a463343de..000000000 --- a/hugo.toml +++ /dev/null @@ -1,51 +0,0 @@ -baseURL = "https://docs.influxdata.com/" -languageCode = "en-us" -title = "InfluxDB Documentation" - -# Git history information for lastMod-type functionality -enableGitInfo = true - -# Syntax Highlighting -pygmentsCodefences = true -pygmentsUseClasses = true - -# Preserve case in article tags -preserveTaxonomyNames = true - -# Generate a robots.txt -enableRobotsTXT = true - -# Markdown rendering options -[blackfriday] -hrefTargetBlank = true -smartDashes = false - -[taxonomies] - "influxdb/v2/tag" = "influxdb/v2/tags" - "influxdb/cloud/tag" = "influxdb/cloud/tags" - "influxdb/cloud-serverless/tag" = "influxdb/cloud-serverless/tags" - "influxdb/cloud-dedicated/tag" = "influxdb/cloud-dedicated/tags" - "influxdb/clustered/tag" = "influxdb/clustered/tags" - "flux/v0/tag" = "flux/v0/tags" - -[markup] - [markup.goldmark] - [markup.goldmark.renderer] - unsafe = true - [markup.goldmark.extensions] - linkify = false - -[privacy] - [privacy.googleAnalytics] - anonymizeIP = false - disable = false - respectDoNotTrack = true - useSessionStorage = false - [privacy.youtube] - disable = false - privacyEnhanced = true - -[outputFormats.json] - mediaType = "application/json" - baseName = "pages" - isPlainText = true diff --git a/hugo.yml b/hugo.yml new file mode 100644 index 000000000..6258b52ea --- /dev/null +++ b/hugo.yml @@ -0,0 +1,54 @@ +baseURL: 'https://docs.influxdata.com/' +languageCode: en-us +title: InfluxDB Documentation + +# Git history information for lastMod-type functionality +enableGitInfo: true + +# Syntax Highlighting +pygmentsCodefences: true +pygmentsUseClasses: true + +# Preserve case in article tags +preserveTaxonomyNames: true + +# Generate a robots.txt +enableRobotsTXT: true + +# Markdown rendering options +blackfriday: + hrefTargetBlank: true + smartDashes: false + +taxonomies: + influxdb/v2/tag: influxdb/v2/tags + influxdb/cloud/tag: influxdb/cloud/tags + influxdb/cloud-serverless/tag: influxdb/cloud-serverless/tags + influxdb/cloud-dedicated/tag: influxdb/cloud-dedicated/tags + influxdb/clustered/tag: influxdb/clustered/tags + flux/v0/tag: flux/v0/tags + +markup: + goldmark: + renderer: + unsafe: true + extensions: + linkify: false + parser: + attribute: + block: true + +privacy: + googleAnalytics: + anonymizeIP: false + disable: false + respectDoNotTrack: true + useSessionStorage: false + youtube: + disable: false + privacyEnhanced: true +outputFormats: + json: + mediaType: application/json + baseName: pages + isPlainText: true diff --git a/layouts/_default/_markup/render-blockquote.html b/layouts/_default/_markup/render-blockquote.html new file mode 100644 index 000000000..1a27bb812 --- /dev/null +++ b/layouts/_default/_markup/render-blockquote.html @@ -0,0 +1,11 @@ +{{ if eq .Type "alert" }} +
+ {{/* Hugo render hooks add an opening paragraph tag if the .Text starts */}} + {{/* with a heading. This replaces the phantom paragraph tag. */}} + {{ replace .Text "

+{{ else }} +

+{{ .Text | safeHTML}} +
+{{ end }} \ No newline at end of file diff --git a/layouts/partials/topnav/version-selector.html b/layouts/partials/topnav/version-selector.html index b841e69fc..67c1e58b0 100644 --- a/layouts/partials/topnav/version-selector.html +++ b/layouts/partials/topnav/version-selector.html @@ -2,7 +2,7 @@ {{ $productPathData := findRE "[^/]+.*?" .RelPermalink }} {{ $product := index $productPathData 0 }} {{ $currentVersion := index $productPathData 1 }} -{{ $doNotIncludeVersion := slice "resources" "platform" }} +{{ $doNotIncludeVersion := slice "resources" "platform" "example" }} {{ if or (eq $product nil) (in $doNotIncludeVersion $product) }} {{ else }} diff --git a/layouts/shortcodes/cloud.html b/layouts/shortcodes/cloud.html deleted file mode 100644 index d43a614c5..000000000 --- a/layouts/shortcodes/cloud.html +++ /dev/null @@ -1,4 +0,0 @@ -{{ $_hugo_config := `{ "version": 1 }` }} -
- {{ .Inner }} -
diff --git a/layouts/shortcodes/enterprise.html b/layouts/shortcodes/enterprise.html deleted file mode 100644 index 47c3086e0..000000000 --- a/layouts/shortcodes/enterprise.html +++ /dev/null @@ -1,4 +0,0 @@ -{{ $_hugo_config := `{ "version": 1 }` }} -
- {{ .Inner }} -
diff --git a/static/fonts/alert-icons.eot b/static/fonts/alert-icons.eot new file mode 100644 index 000000000..13e657b52 Binary files /dev/null and b/static/fonts/alert-icons.eot differ diff --git a/static/fonts/alert-icons.svg b/static/fonts/alert-icons.svg new file mode 100644 index 000000000..e205465e5 --- /dev/null +++ b/static/fonts/alert-icons.svg @@ -0,0 +1,15 @@ + + + +Generated by IcoMoon + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/alert-icons.ttf b/static/fonts/alert-icons.ttf new file mode 100644 index 000000000..ec4b22201 Binary files /dev/null and b/static/fonts/alert-icons.ttf differ diff --git a/static/fonts/alert-icons.woff b/static/fonts/alert-icons.woff new file mode 100644 index 000000000..293b00a1d Binary files /dev/null and b/static/fonts/alert-icons.woff differ