Scott Anderson
GitHub
commit
d1b94447ee
|
|
@ -5,3 +5,4 @@ deploy
|
|||
.*.swp
|
||||
node_modules
|
||||
*.log
|
||||
/resources
|
||||
|
|
|
|||
251
CONTRIBUTING.md
251
CONTRIBUTING.md
|
|
@ -1,19 +1,242 @@
|
|||
# Contributing to InfluxData Documentation
|
||||
|
||||
We welcome (and encourage!) contributions from the community.
|
||||
## Sign the InfluxData CLA
|
||||
The InfluxData Contributor License Agreement (CLA) is part of the legal framework
|
||||
for the open-source ecosystem that protects both you and InfluxData.
|
||||
In order to contribute to any InfluxData project, you must first sign the CLA.
|
||||
|
||||
- Sign the [InfluxData Contributor License Agreement (CLA)](https://www.influxdata.com/legal/cla/).
|
||||
[Sign the InfluxData (CLA)](https://www.influxdata.com/legal/cla/)
|
||||
|
||||
- [Downlaod and install Hugo](http://gohugo.io/overview/installing/).
|
||||
- Fork this repository on GitHub.
|
||||
- Clone the repo to your local computer.
|
||||
## Make suggested updates
|
||||
|
||||
```bash
|
||||
git clone https://github.com/your_username/docs.influxdata.com.git
|
||||
cd docs.influxdata.com/
|
||||
```
|
||||
- Make your changes.
|
||||
- Make sure the site compiles locally with `hugo server --watch`.
|
||||
- Check it out at [localhost:1313](http://localhost:1313/).
|
||||
- Submit a pull request.
|
||||
- Earn the respect, admiration, and eternal love of the entire InfluxData community.
|
||||
### Fork and clone InfluxData Documentation Repository
|
||||
[Fork this repository](https://help.github.com/articles/fork-a-repo/) and
|
||||
[clone it](https://help.github.com/articles/cloning-a-repository/) to your local machine.
|
||||
|
||||
### Run the documentation locally (optional)
|
||||
To run the documentation locally, follow the instructions provided in the README.
|
||||
|
||||
### Make your changes
|
||||
Make your suggested changes being sure to follow the [style and formatting guidelines](#style--formatting) outline below.
|
||||
|
||||
### Submit a pull request
|
||||
Push your changes up to your forked repository, then [create a new pull request](https://help.github.com/articles/creating-a-pull-request/).
|
||||
|
||||
## Style & Formatting
|
||||
|
||||
### Markdown
|
||||
All of our documentation is written in [Markdown](https://en.wikipedia.org/wiki/Markdown).
|
||||
|
||||
### Semantic Linefeeds
|
||||
Use [semantic linefeeds](http://rhodesmill.org/brandon/2012/one-sentence-per-line/).
|
||||
Separating each sentence with a new line makes it easy to parse diffs with the human eye.
|
||||
|
||||
**Diff without semantic linefeeds:**
|
||||
``` diff
|
||||
-Data are taking off. Those data are time series. You need a database that specializes in time series. You should check out InfluxDB.
|
||||
+Data are taking off. Those data are time series. You need a database that specializes in time series. You need InfluxDB.
|
||||
```
|
||||
|
||||
**Diff with semantic linefeeds:**
|
||||
``` diff
|
||||
Data are taking off.
|
||||
Those data are time series.
|
||||
You need a database that specializes in time series.
|
||||
-You should check out InfluxDB.
|
||||
+You need InfluxDB.
|
||||
```
|
||||
|
||||
### Page frontmatter
|
||||
Every documentation page includes frontmatter which specifies information about the page.
|
||||
Frontmatter populates variables in page templates and the site's navigation menu.
|
||||
|
||||
```yaml
|
||||
title: # Title of the page used in the the page's h1
|
||||
seotitle: # Page title used in the html <head> title and used in search engine results
|
||||
description: # Page description displayed in search engine results
|
||||
menu:
|
||||
v2_0:
|
||||
name: # Article name that only appears in the left nav
|
||||
parent: # Specifies a parent group and nests navigation items
|
||||
weight: # Determines sort order.
|
||||
draft: # If true, will not render page on build
|
||||
enterprise_all: # If true, specifies the doc as a whole is specific to InfluxDB Enterprise
|
||||
enterprise_some: # If true, specifies the doc includes some content specific to InfluxDB Enterprise
|
||||
```
|
||||
|
||||
#### Title usage
|
||||
|
||||
##### `title`
|
||||
The `title` frontmatter populates each page's h1 header.
|
||||
It shouldn't be overly long, but should set the context for users coming from outside sources.
|
||||
|
||||
##### `seotitle`
|
||||
The `seotitle` frontmatter populates each page's HTML `title` attribute.
|
||||
Search engines use this in search results (not the page's h1) and therefore it should be keyword optimized.
|
||||
|
||||
##### `menu > name`
|
||||
The `name` attribute under the `menu` frontmatter determines the text used in each page's link in the site navigation.
|
||||
It should be short and assume the context of its parent if it has one.
|
||||
|
||||
### Article headings
|
||||
Use only h2-h6 headings in markdown content.
|
||||
h1 headings act as the page title and are populated automatically from the `title` frontmatter.
|
||||
h2-h6 headings act as section headings.
|
||||
|
||||
### Notes and warnings
|
||||
Shortcodes are available for formatting notes and warnings in each article:
|
||||
|
||||
```md
|
||||
{{% note %}}
|
||||
Insert note markdown content here.
|
||||
{{% /note %}}
|
||||
|
||||
{{% warn %}}
|
||||
Insert warning markdown content here.
|
||||
{{% /warn %}}
|
||||
```
|
||||
|
||||
### Enterprise Content
|
||||
Many articles are unique to InfluxDB enterprise or at least contain some information specific to InfluxDB Enterprise.
|
||||
There are frontmatter options and an enterprise shortcode that help to properly identify this content.
|
||||
|
||||
#### All content is Enterprise-specific
|
||||
If all content in an article is Enterprise-specific, set the `enterprise_all` frontmatter to `true`.
|
||||
|
||||
```yaml
|
||||
enterprise_all: true
|
||||
```
|
||||
|
||||
This will display a message at the top of page indicating that the things discussed are unique to InfluxDB Enterprise.
|
||||
|
||||
#### Only some content is Enterprise-specific
|
||||
If only some content in the article is enterprise specific, set the `enterprise_some` frontmatter to `true`.
|
||||
|
||||
```yaml
|
||||
enterprise_some: true
|
||||
```
|
||||
|
||||
This will display a message at the top of page indicating some things are unique to InfluxDB Enterprise.
|
||||
To format Enterprise-specific content, wrap it in the `{{% enterprise %}}` shortcode:
|
||||
|
||||
```md
|
||||
{{% enterprise %}}
|
||||
Insert enterprise-specific markdown content here.
|
||||
{{% /enterprise %}}
|
||||
```
|
||||
|
||||
### Tabbed Content
|
||||
Shortcodes are available for creating "tabbed" content (content that is changed by a users' selection).
|
||||
Ther following three must be used:
|
||||
|
||||
`{{< tabs-wrapper >}}`
|
||||
This shortcode creates a wrapper or container for the tabbed content.
|
||||
All UI interactions are limited to the scope of each container.
|
||||
If you have more than one "group" of tabbed content in a page, each needs its own `tabs-wrapper`.
|
||||
This shortcode must be closed with `{{< /tabs-wrapper >}}`.
|
||||
|
||||
**Note**: The `<` and `>` characters used in this shortcode indicate that the contents should be processed as HTML.
|
||||
|
||||
`{{% tabs %}}`
|
||||
This shortcode creates a container for buttons that control the display of tabbed content.
|
||||
It should contain simple markdown links with anonymous anchors (`#`).
|
||||
The link text is used as the button text.
|
||||
This shortcode must be closed with `{{% /tabs %}}`.
|
||||
|
||||
**Note**: The `%` characters used in this shortcode indicate that the contents should be processed as Markdown.
|
||||
|
||||
`{{% tab-content %}}`
|
||||
This shortcode creates a container for a content block.
|
||||
Each content block in the tab group needs to be wrapped in this shortcode.
|
||||
**The number of `tab-content` blocks must match the number of links provided in the `tabs` shortcode**
|
||||
This shortcode must be closed with `{{% /tab-content %}}`.
|
||||
|
||||
**Note**: The `%` characters used in this shortcode indicate that the contents should be processed as Markdown.
|
||||
|
||||
#### Example tabbed content group
|
||||
```md
|
||||
{{< tabs-wrapper >}}
|
||||
|
||||
{{% tabs %}}
|
||||
[Button text for tab 1](#)
|
||||
[Button text for tab 2](#)
|
||||
{{% /tabs %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
Markdown content for tab 1.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
Markdown content for tab 2.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{< /tabs-wrapper >}}
|
||||
```
|
||||
|
||||
#### Tabbed code blocks
|
||||
Shortcodes are also available for tabbed code blocks primarily used to give users
|
||||
the option to choose between different languages and syntax.
|
||||
The shortcode structure is the same as above, but the shortcode names are different:
|
||||
|
||||
`{{< code-tabs-wrapper >}}`
|
||||
`{{% code-tabs %}}`
|
||||
`{{% code-tab-content %}}`
|
||||
|
||||
~~~md
|
||||
{{< code-tabs-wrapper >}}
|
||||
|
||||
{{% code-tabs %}}
|
||||
[Flux](#)
|
||||
[InfluxQL](#)
|
||||
{{% /code-tabs %}}
|
||||
|
||||
{{% code-tab-content %}}
|
||||
```js
|
||||
data = from(bucket: "telegraf/autogen")
|
||||
|> range(start: -15m)
|
||||
|> filter(fn: (r) =>
|
||||
r._measurement == "mem" AND
|
||||
r._field == "used_percent"
|
||||
)
|
||||
```
|
||||
{{% /code-tab-content %}}
|
||||
|
||||
{{% code-tab-content %}}
|
||||
```sql
|
||||
SELECT "used_percent"
|
||||
FROM "telegraf"."autogen"."mem"
|
||||
WHERE time > now() - 15m
|
||||
```
|
||||
{{% /code-tab-content %}}
|
||||
|
||||
{{< /code-tabs-wrapper >}}
|
||||
~~~
|
||||
|
||||
### High-resolution images
|
||||
In many cases, screenshots included in the docs are taken from high-resolution (retina) screens.
|
||||
Because of this, the actual pixel dimension is 2x larger than it needs to be and is rendered 2x bigger than it should be.
|
||||
The following shortcode automatically sets a fixed width on the image using half of its actual pixel dimension.
|
||||
This preserves the detail of the image and renders it at a size where there should be little to no "blur"
|
||||
cause by browser image resizing.
|
||||
|
||||
```html
|
||||
{{< img-hd src="/path/to/image" alt="Alternate title" />}}
|
||||
```
|
||||
|
||||
###### Notes
|
||||
- This should only be used on screenshots takes from high-resolution screens.
|
||||
- The `src` should be relative to the `static` directory.
|
||||
- Image widths are limited to the width of the article content container and will scale accordingly,
|
||||
even with the `width` explicitly set.
|
||||
|
||||
### Truncated content blocks
|
||||
In some cases, it may be appropriate to shorten or truncate blocks of content.
|
||||
Use cases include long examples of output data or tall images.
|
||||
The following shortcode truncates blocks of content and allows users to opt into
|
||||
to seeing the full content block.
|
||||
|
||||
```md
|
||||
{{% truncate %}}
|
||||
Truncated markdown content here.
|
||||
{{% /truncate %}}
|
||||
```
|
||||
|
|
|
|||
93
README.md
93
README.md
|
|
@ -1,19 +1,35 @@
|
|||
# InfluxDB v2.0 Documentation
|
||||
This is the repository represents the InfluxDB v2.x documentation that will be
|
||||
This is the repository contains the InfluxDB v2.x documentation that will be
|
||||
accessible at [docs.influxdata.com](https://docs.influxdata.com).
|
||||
|
||||
## Contributing
|
||||
We welcome and encourage community contributions to the InfluxData See our [Contribution guidelines](blob/master/CONTRIBUTING.md) for information
|
||||
about contributing to the InfluxData documentation.
|
||||
|
||||
## Run the docs locally
|
||||
The InfluxData documentation uses [Hugo](https://gohugo.io/), a static site
|
||||
generator built in Go.
|
||||
|
||||
### Clone this repository
|
||||
[Clone this repository](https://help.github.com/articles/cloning-a-repository/)
|
||||
to your local machine.
|
||||
|
||||
### Install Hugo
|
||||
Hugo is the static site generator used to build the InfluxData documentation.
|
||||
[Download and install Hugo](https://gohugo.io/getting-started/installing/) to run the docs locally.
|
||||
See the Hugo documentation for information about how to
|
||||
[download and install Hugo](https://gohugo.io/getting-started/installing/).
|
||||
|
||||
### Fork and clone the docs repository
|
||||
[Fork this repository](https://help.github.com/articles/fork-a-repo/) and [clone it](https://help.github.com/articles/cloning-a-repository/) to your local machine.
|
||||
### Install NodeJS & Asset Pipeline Tools
|
||||
This project uses tools written in NodeJS to build and process stylesheets and javascript.
|
||||
In order for assets to build correctly, [install NodeJS](https://nodejs.org/en/download/)
|
||||
and run the following command to install the necessary tools:
|
||||
|
||||
```sh
|
||||
npm i -g postcss-cli autoprefixer
|
||||
```
|
||||
|
||||
### Start the hugo server
|
||||
Hugo provides a local development server that generates the HTML pages and serves them
|
||||
at `localhost:1313`.
|
||||
Hugo provides a local development server that generates the HTML pages, builds
|
||||
the static assets, and serves them at `localhost:1313`.
|
||||
|
||||
Start the hugo server with:
|
||||
|
||||
|
|
@ -22,66 +38,3 @@ hugo server
|
|||
```
|
||||
|
||||
View the docs at [localhost:1313](http://localhost:1313).
|
||||
|
||||
## Contributing
|
||||
See our [Contribution guidelines](blob/master/CONTRIBUTING.md) for information
|
||||
about contributing to the InfluxData documentation.
|
||||
|
||||
## Style & Formatting
|
||||
|
||||
### Markdown
|
||||
All of our documentation is written in [Markdown](https://en.wikipedia.org/wiki/Markdown).
|
||||
|
||||
### Semantic Linefeeds
|
||||
Use [semantic linefeeds](http://rhodesmill.org/brandon/2012/one-sentence-per-line/).
|
||||
Separating each sentence with a new line makes it easy to parse diffs with the human eye.
|
||||
|
||||
**Diff without semantic linefeeds:**
|
||||
``` diff
|
||||
-Data are taking off. Those data are time series. You need a database that specializes in time series. You should check out InfluxDB.
|
||||
+Data are taking off. Those data are time series. You need a database that specializes in time series. You need InfluxDB.
|
||||
```
|
||||
|
||||
**Diff with semantic linefeeds:**
|
||||
``` diff
|
||||
Data are taking off.
|
||||
Those data are time series.
|
||||
You need a database that specializes in time series.
|
||||
-You should check out InfluxDB.
|
||||
+You need InfluxDB.
|
||||
```
|
||||
|
||||
### Page frontmatter
|
||||
Every documentation page includes frontmatter which specifies information about the page.
|
||||
Frontmatter populates variables in page templates and the site's navigation menu.
|
||||
|
||||
```yaml
|
||||
title: # Title of the page used in the the page's h1
|
||||
seotitle: # Page title used in the html <head> title and used in search engine results
|
||||
description: # Page description displayed in search engine results
|
||||
menu:
|
||||
v2_0:
|
||||
name: # Article name that only appears in the left nav
|
||||
parent: # Specifies a parent group and nests navigation items
|
||||
weight: # Determines sort order.
|
||||
draft: # If true, will not render page on build
|
||||
```
|
||||
|
||||
#### Title usage
|
||||
|
||||
##### `title`
|
||||
The `title` frontmatter populates each page's h1 header.
|
||||
It shouldn't be overly long, but should set the context for users coming from outside sources.
|
||||
|
||||
##### `seotitle`
|
||||
The `seotitle` frontmatter populates each page's HTML `title` attribute.
|
||||
Search engines use this in search results (not the page's h1) and therefore it should be keyword optimized.
|
||||
|
||||
##### `menu > name`
|
||||
The `name` attribute under the `menu` frontmatter determines the text used in each page's link in the site navigation.
|
||||
It should be short and assume the context of its parent if it has one.
|
||||
|
||||
### Article headings
|
||||
Use only h2-h6 headings in markdown content.
|
||||
h1 headings act as the page title and are populated automatically from the `title` frontmatter.
|
||||
h2-h6 headings act as section headings.
|
||||
|
|
|
|||
|
|
@ -0,0 +1,81 @@
|
|||
///////////////////////////// Make headers linkable /////////////////////////////
|
||||
|
||||
$("h2,h3,h4,h5,h6").each(function() {
|
||||
var link = "<a href=\"#" + $(this).attr("id") + "\"></a>"
|
||||
$(this).wrapInner( link );
|
||||
})
|
||||
|
||||
///////////////////////////////// Smooth Scroll /////////////////////////////////
|
||||
|
||||
var elementWhiteList = [
|
||||
".tabs p a",
|
||||
".code-tabs p a",
|
||||
".truncate-toggle"
|
||||
]
|
||||
|
||||
$('.article a[href^="#"]:not(' + elementWhiteList + ')').click(function (e) {
|
||||
e.preventDefault();
|
||||
|
||||
var target = this.hash;
|
||||
var $target = $(target);
|
||||
|
||||
$('html, body').stop().animate({
|
||||
'scrollTop': ($target.offset().top)
|
||||
}, 400, 'swing', function () {
|
||||
window.location.hash = target;
|
||||
});
|
||||
});
|
||||
|
||||
///////////////////////////// Left Nav Interactions /////////////////////////////
|
||||
|
||||
$(".children-toggle").click(function(e) {
|
||||
e.preventDefault()
|
||||
$(this).toggleClass('open');
|
||||
$(this).siblings('.children').toggleClass('open');
|
||||
})
|
||||
|
||||
//////////////////////////// Mobile Contents Toggle ////////////////////////////
|
||||
|
||||
$('#contents-toggle-btn').click(function(e) {
|
||||
e.preventDefault();
|
||||
$(this).toggleClass('open');
|
||||
$('#nav-tree').toggleClass('open');
|
||||
})
|
||||
|
||||
//////////////////////////////// Tabbed Content ////////////////////////////////
|
||||
|
||||
function tabbedContent(container, tab, content) {
|
||||
|
||||
// Add the active class to the first tab in each tab group,
|
||||
// in case it wasn't already set in the markup.
|
||||
$(container).each(function () {
|
||||
$(tab, this).removeClass('is-active');
|
||||
$(tab + ':first', this).addClass('is-active');
|
||||
});
|
||||
|
||||
$(tab).on('click', function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Make sure the tab being clicked is marked as active, and make the rest inactive.
|
||||
$(this).addClass('is-active').siblings().removeClass('is-active');
|
||||
|
||||
// Render the correct tab content based on the position of the tab being clicked.
|
||||
const activeIndex = $(tab).index(this);
|
||||
$(content).each(function(i) {
|
||||
if (i === activeIndex) {
|
||||
$(this).show();
|
||||
$(this).siblings(content).hide();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
tabbedContent('.code-tabs-wrapper', '.code-tabs p a', '.code-tab-content');
|
||||
tabbedContent('.tabs-wrapper', '.tabs p a', '.tab-content');
|
||||
|
||||
/////////////////////////////// Truncate Content ///////////////////////////////
|
||||
|
||||
$(".truncate-toggle").click(function(e) {
|
||||
e.preventDefault()
|
||||
$(this).closest('.truncate').toggleClass('closed');
|
||||
})
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
/*
|
||||
Copied and pasted this script for CSS swaps w/ cookies from
|
||||
http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
|
||||
*/
|
||||
|
||||
// *** TO BE CUSTOMISED ***
|
||||
var style_cookie_name = "influx-docs-theme" ;
|
||||
var style_cookie_duration = 30 ;
|
||||
var style_domain = "docs.influxdata.com" ;
|
||||
|
||||
// *** END OF CUSTOMISABLE SECTION ***
|
||||
// You do not need to customise anything below this line
|
||||
|
||||
function switch_style ( css_title )
|
||||
{
|
||||
// You may use this script on your site free of charge provided
|
||||
// you do not remove this notice or the URL below. Script from
|
||||
// http://www.thesitewizard.com/javascripts/change-style-sheets.shtml
|
||||
var i, link_tag ;
|
||||
for (i = 0, link_tag = document.getElementsByTagName("link") ;
|
||||
i < link_tag.length ; i++ ) {
|
||||
if ((link_tag[i].rel.indexOf("stylesheet") != -1) &&
|
||||
link_tag[i].title) {
|
||||
link_tag[i].disabled = true ;
|
||||
if (link_tag[i].title == css_title) {
|
||||
link_tag[i].disabled = false ;
|
||||
}
|
||||
}
|
||||
Cookies.set(style_cookie_name, css_title);
|
||||
}
|
||||
}
|
||||
|
||||
function set_style_from_cookie()
|
||||
{
|
||||
var css_title = Cookies.get(style_cookie_name);
|
||||
if (css_title !== undefined) {
|
||||
switch_style(css_title);
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,165 @@
|
|||
/*!
|
||||
* JavaScript Cookie v2.2.0
|
||||
* https://github.com/js-cookie/js-cookie
|
||||
*
|
||||
* Copyright 2006, 2015 Klaus Hartl & Fagner Brack
|
||||
* Released under the MIT license
|
||||
*/
|
||||
;(function (factory) {
|
||||
var registeredInModuleLoader = false;
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
define(factory);
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (typeof exports === 'object') {
|
||||
module.exports = factory();
|
||||
registeredInModuleLoader = true;
|
||||
}
|
||||
if (!registeredInModuleLoader) {
|
||||
var OldCookies = window.Cookies;
|
||||
var api = window.Cookies = factory();
|
||||
api.noConflict = function () {
|
||||
window.Cookies = OldCookies;
|
||||
return api;
|
||||
};
|
||||
}
|
||||
}(function () {
|
||||
function extend () {
|
||||
var i = 0;
|
||||
var result = {};
|
||||
for (; i < arguments.length; i++) {
|
||||
var attributes = arguments[ i ];
|
||||
for (var key in attributes) {
|
||||
result[key] = attributes[key];
|
||||
}
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
function init (converter) {
|
||||
function api (key, value, attributes) {
|
||||
var result;
|
||||
if (typeof document === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
// Write
|
||||
|
||||
if (arguments.length > 1) {
|
||||
attributes = extend({
|
||||
path: '/'
|
||||
}, api.defaults, attributes);
|
||||
|
||||
if (typeof attributes.expires === 'number') {
|
||||
var expires = new Date();
|
||||
expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
|
||||
attributes.expires = expires;
|
||||
}
|
||||
|
||||
// We're using "expires" because "max-age" is not supported by IE
|
||||
attributes.expires = attributes.expires ? attributes.expires.toUTCString() : '';
|
||||
|
||||
try {
|
||||
result = JSON.stringify(value);
|
||||
if (/^[\{\[]/.test(result)) {
|
||||
value = result;
|
||||
}
|
||||
} catch (e) {}
|
||||
|
||||
if (!converter.write) {
|
||||
value = encodeURIComponent(String(value))
|
||||
.replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
|
||||
} else {
|
||||
value = converter.write(value, key);
|
||||
}
|
||||
|
||||
key = encodeURIComponent(String(key));
|
||||
key = key.replace(/%(23|24|26|2B|5E|60|7C)/g, decodeURIComponent);
|
||||
key = key.replace(/[\(\)]/g, escape);
|
||||
|
||||
var stringifiedAttributes = '';
|
||||
|
||||
for (var attributeName in attributes) {
|
||||
if (!attributes[attributeName]) {
|
||||
continue;
|
||||
}
|
||||
stringifiedAttributes += '; ' + attributeName;
|
||||
if (attributes[attributeName] === true) {
|
||||
continue;
|
||||
}
|
||||
stringifiedAttributes += '=' + attributes[attributeName];
|
||||
}
|
||||
return (document.cookie = key + '=' + value + stringifiedAttributes);
|
||||
}
|
||||
|
||||
// Read
|
||||
|
||||
if (!key) {
|
||||
result = {};
|
||||
}
|
||||
|
||||
// To prevent the for loop in the first place assign an empty array
|
||||
// in case there are no cookies at all. Also prevents odd result when
|
||||
// calling "get()"
|
||||
var cookies = document.cookie ? document.cookie.split('; ') : [];
|
||||
var rdecode = /(%[0-9A-Z]{2})+/g;
|
||||
var i = 0;
|
||||
|
||||
for (; i < cookies.length; i++) {
|
||||
var parts = cookies[i].split('=');
|
||||
var cookie = parts.slice(1).join('=');
|
||||
|
||||
if (!this.json && cookie.charAt(0) === '"') {
|
||||
cookie = cookie.slice(1, -1);
|
||||
}
|
||||
|
||||
try {
|
||||
var name = parts[0].replace(rdecode, decodeURIComponent);
|
||||
cookie = converter.read ?
|
||||
converter.read(cookie, name) : converter(cookie, name) ||
|
||||
cookie.replace(rdecode, decodeURIComponent);
|
||||
|
||||
if (this.json) {
|
||||
try {
|
||||
cookie = JSON.parse(cookie);
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
if (key === name) {
|
||||
result = cookie;
|
||||
break;
|
||||
}
|
||||
|
||||
if (!key) {
|
||||
result[name] = cookie;
|
||||
}
|
||||
} catch (e) {}
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
api.set = api;
|
||||
api.get = function (key) {
|
||||
return api.call(api, key);
|
||||
};
|
||||
api.getJSON = function () {
|
||||
return api.apply({
|
||||
json: true
|
||||
}, [].slice.call(arguments));
|
||||
};
|
||||
api.defaults = {};
|
||||
|
||||
api.remove = function (key, attributes) {
|
||||
api(key, '', extend(attributes, {
|
||||
expires: -1
|
||||
}));
|
||||
};
|
||||
|
||||
api.withConverter = init;
|
||||
|
||||
return api;
|
||||
}
|
||||
|
||||
return init(function () {});
|
||||
}));
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
// Expand the menu on click
|
||||
$(".version-selector").click(function () {
|
||||
$(this).toggleClass("open")
|
||||
})
|
||||
|
||||
// Close the version dropdown by clicking anywhere else
|
||||
$(document).click(function(e) {
|
||||
if ( $(e.target).closest('.version-selector').length === 0 ) {
|
||||
$(".version-selector").removeClass("open");
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,584 @@
|
|||
.article {
|
||||
flex-grow: 1;
|
||||
background: $article-bg;
|
||||
border-radius: $border-radius 0 0 0;
|
||||
padding: 2rem 4rem 3rem;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
.article--content{
|
||||
max-width: 760px;
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $article-heading;
|
||||
a {
|
||||
color: inherit !important;
|
||||
text-decoration: none;
|
||||
code:after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
h1 {
|
||||
font-family: $klavika;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
font-size: 2.65rem;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
margin: -1.5rem 0 .5rem;
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
h3 {
|
||||
font-size: 1.65rem;
|
||||
margin: -1.5rem 0 .5rem;
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
h4 {
|
||||
font-size: 1.25rem;
|
||||
font-style: italic;
|
||||
margin: -1.25rem 0 .5rem;
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
h5 {
|
||||
font-size: 1rem;
|
||||
margin: -1.25rem 0 .25rem;
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
font-style: italic;
|
||||
margin: -1.25rem 0 .25rem;
|
||||
padding-top: 1.75rem;
|
||||
}
|
||||
|
||||
p,li {
|
||||
color: $article-text;
|
||||
line-height: 1.6rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: $article-link;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $article-link-hover;
|
||||
}
|
||||
code {
|
||||
font-weight: normal;
|
||||
transition: color .2s;
|
||||
position: relative;
|
||||
&:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border-style: solid;
|
||||
border-width: 0 .4rem .4rem 0;
|
||||
border-color: transparent rgba($article-code, .35) transparent transparent;
|
||||
transition: border .2s;
|
||||
}
|
||||
&:hover {
|
||||
color: $article-code-hover;
|
||||
&:after {
|
||||
border-color: transparent $article-code-hover transparent transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
border-radius: ($border-radius * 1.5);
|
||||
box-shadow: 1px 3px 10px $article-shadow;
|
||||
}
|
||||
|
||||
//////////////////////////////////// Lists ////////////////////////////////////
|
||||
|
||||
ol, ul {
|
||||
padding-left: 1.6rem;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style-type: disc;
|
||||
li:before{
|
||||
content: "" !important;
|
||||
}
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: none;
|
||||
counter-reset: item;
|
||||
li {
|
||||
position: relative;
|
||||
counter-increment: item;
|
||||
&:before {
|
||||
content: counter(item) ". ";
|
||||
position: absolute;
|
||||
left: -1.6em;
|
||||
color: $article-bold;
|
||||
font-weight: bold;
|
||||
}
|
||||
ul {
|
||||
counter-reset: item;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& > ol,
|
||||
& > ul {
|
||||
margin: 1rem 0 1.5rem 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: .25rem 0;
|
||||
}
|
||||
|
||||
//////////////////////////////////// Code ////////////////////////////////////
|
||||
|
||||
code,pre {
|
||||
background: $article-code-bg;
|
||||
font-family: 'Inconsolata', monospace;
|
||||
}
|
||||
|
||||
code {
|
||||
padding: .15rem .45rem .25rem;
|
||||
border-radius: $border-radius;
|
||||
color: $article-code;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 2rem 0 3rem;
|
||||
padding: 1.5rem 1.5rem 1.25rem;
|
||||
border-radius: $border-radius;
|
||||
overflow-x: scroll;
|
||||
overflow-y: hidden;
|
||||
code { padding: 0; }
|
||||
}
|
||||
|
||||
//////////////////////////////////// Tables ////////////////////////////////////
|
||||
|
||||
table {
|
||||
display: inline-block;
|
||||
margin: 1rem 0 3rem;
|
||||
border-spacing: 0;
|
||||
color: $article-text;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
box-shadow: 1px 3px 10px $article-shadow;
|
||||
border-radius: ($border-radius * 1.5);
|
||||
|
||||
th, td {
|
||||
padding: .85rem 1.25rem;
|
||||
}
|
||||
thead {
|
||||
background: linear-gradient(to right, $article-table-header-left, $article-table-header-right);
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
th {
|
||||
color: $g20-white;
|
||||
&:first-child {
|
||||
border-radius: ($border-radius * 1.5) 0 0 0;
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 ($border-radius * 1.5) 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
font-size: .95rem;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
tr{
|
||||
&:nth-child(even) {
|
||||
background: $article-table-row-alt;
|
||||
}
|
||||
&:last-child {
|
||||
td {
|
||||
&:first-child { border-radius: 0 0 0 ($border-radius * 1.5); }
|
||||
&:last-child { border-radius: 0 0 ($border-radius * 1.5) 0; }
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
////////////////// Blockquotes, Notes, Warnings, & Messages //////////////////
|
||||
|
||||
blockquote,
|
||||
.note,
|
||||
.warn,
|
||||
#enterprise-msg {
|
||||
padding: 1.65rem 2rem .1rem 2rem;
|
||||
margin: 1rem 0 2rem;
|
||||
border-width: 0 0 0 4px;
|
||||
border-style: solid;
|
||||
border-radius: 0 $border-radius $border-radius 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-color: rgba($article-text, .25);
|
||||
p, li {
|
||||
font-size: 1.15rem;
|
||||
font-style: italic;
|
||||
color: rgba($article-text, .5);
|
||||
}
|
||||
}
|
||||
|
||||
.note {
|
||||
border-color: $article-note-base;
|
||||
background: rgba($article-note-base, .08);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $article-note-heading;
|
||||
}
|
||||
p, li {
|
||||
color: $article-note-text;
|
||||
}
|
||||
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{
|
||||
background: $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); }
|
||||
}
|
||||
}
|
||||
|
||||
.warn {
|
||||
border-color: $article-warn-base;
|
||||
background: rgba($article-warn-base, .08);
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: $article-warn-heading;
|
||||
}
|
||||
p, li {
|
||||
color: $article-warn-text;
|
||||
}
|
||||
a {
|
||||
color: $article-warn-link;
|
||||
code:after {
|
||||
border-color: transparent rgba($article-warn-code, .35) transparent transparent;
|
||||
}
|
||||
&:hover {
|
||||
color: $article-warn-link-hover;
|
||||
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{
|
||||
background: $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); }
|
||||
}
|
||||
}
|
||||
|
||||
///////////////////////////////// Enterprise /////////////////////////////////
|
||||
|
||||
#enterprise-msg {
|
||||
border-color: $article-enterprise-base;
|
||||
background: rgba($article-enterprise-base, .15);
|
||||
font-style: italic;
|
||||
display: flex;
|
||||
p {
|
||||
color: $article-enterprise-text;
|
||||
}
|
||||
a {
|
||||
color: $article-enterprise-link;
|
||||
&:hover {
|
||||
color: $article-enterprise-link-hover;
|
||||
}
|
||||
}
|
||||
div:first-child { margin-right: 1.25rem; }
|
||||
}
|
||||
|
||||
.enterprise-flag {
|
||||
padding: .2rem .4rem;
|
||||
background: $article-enterprise-base;
|
||||
font-size: .75rem;
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
color: $g20-white;
|
||||
border-radius: $border-radius;
|
||||
vertical-align: text-bottom;
|
||||
&:before {
|
||||
content: "E";
|
||||
}
|
||||
}
|
||||
|
||||
.enterprise {
|
||||
position: relative;
|
||||
padding: 0 0 .01rem 2rem;
|
||||
margin-left: -2rem;
|
||||
border-left: 2px solid $article-enterprise-base;
|
||||
|
||||
.enterprise-flag {
|
||||
position: absolute;
|
||||
top: -.15rem;
|
||||
left: -.68rem;
|
||||
transform: scale(.8);
|
||||
transition: all .2s;
|
||||
&:hover {
|
||||
transform: scale(1);
|
||||
color: $g20-white;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/////////////////////////////// Tabbed Content ///////////////////////////////
|
||||
|
||||
.tabs-wrapper {
|
||||
margin: 2.5rem 0 .5rem;
|
||||
}
|
||||
|
||||
.code-tabs-wrapper {
|
||||
margin: 1.5rem 0 .5rem;
|
||||
}
|
||||
|
||||
.tabs, .code-tabs {
|
||||
p {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
a {
|
||||
flex-grow: 1;
|
||||
margin: 2px;
|
||||
font-size: 0.875rem;
|
||||
color: $article-tab-text;
|
||||
padding: .35rem .75rem;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
border-radius: $border-radius;
|
||||
background-color: $article-tab-bg;
|
||||
transition: background-color .2s, color .2s;
|
||||
|
||||
&:hover {
|
||||
color: $article-tab-active-text;
|
||||
background: $article-tab-active-bg;
|
||||
}
|
||||
&.is-active {
|
||||
color: $article-tab-active-text;
|
||||
background: $article-tab-active-bg;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content, .code-tabs-content {
|
||||
margin: .75rem 0 3rem;
|
||||
width: 100%;
|
||||
|
||||
& > * {
|
||||
width: 100% !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content:not(:first-of-type),
|
||||
.code-tab-content:not(:first-of-type) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.code-tabs-wrapper {
|
||||
.code-tabs {
|
||||
p {
|
||||
margin: 0;
|
||||
text-align: right;
|
||||
display: block;
|
||||
}
|
||||
a {
|
||||
padding: .1rem .75rem;
|
||||
margin: 0;
|
||||
border-radius: $border-radius $border-radius 0 0;
|
||||
display: inline-block;
|
||||
background: $article-tab-code-bg;
|
||||
color: $article-tab-code-text;
|
||||
&:hover {
|
||||
background: $article-tab-code-bg-hover;
|
||||
color: $article-tab-code-text-hover;
|
||||
}
|
||||
&.is-active {
|
||||
background-color: $article-code-bg;
|
||||
color: $article-tab-code-active-text;
|
||||
}
|
||||
}
|
||||
}
|
||||
.code-tab-content {
|
||||
padding: 0;
|
||||
pre {
|
||||
margin: 0 0 3rem;
|
||||
border-radius: $border-radius 0 $border-radius $border-radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/////////////////////////// Truncated Content Blocks ///////////////////////////
|
||||
|
||||
.truncate {
|
||||
position: relative;
|
||||
margin-bottom: 3.5rem;
|
||||
|
||||
.truncate-bottom {
|
||||
position: absolute;
|
||||
bottom: -30px;
|
||||
width: 100%;
|
||||
z-index: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
a.truncate-toggle {
|
||||
display: block;
|
||||
width: 100px;
|
||||
margin: 0 auto;
|
||||
color: $article-text;
|
||||
background: $article-bg;
|
||||
padding: .45rem;
|
||||
text-align: center;
|
||||
font-size: .75rem;
|
||||
text-transform: uppercase;
|
||||
border-radius: $border-radius;
|
||||
transition: color .2s;
|
||||
&:before{
|
||||
content: "Show Less";
|
||||
}
|
||||
&:hover {
|
||||
color: $article-link;
|
||||
}
|
||||
}
|
||||
&.closed {
|
||||
min-height: 200px;
|
||||
max-height: 25vh;
|
||||
overflow: hidden;
|
||||
|
||||
.truncate-bottom {
|
||||
bottom: 0;
|
||||
background-image: linear-gradient(to bottom, rgba($article-bg, 0), rgba($article-bg, 1));
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
a.truncate-toggle {
|
||||
margin-top: 75px;
|
||||
&:before {
|
||||
content: "Show More";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
///////////////////////////////// Scroll Bars //////////////////////////////////
|
||||
|
||||
pre { @include scrollbar($article-code-bg, $article-code-scrollbar); }
|
||||
table { @include scrollbar($article-table-row-alt, $article-code-scrollbar);}
|
||||
|
||||
.note {
|
||||
pre { @include scrollbar($article-note-code-bg, $article-note-code-scrollbar); }
|
||||
table { @include scrollbar($article-note-table-row-alt, $article-note-code-scrollbar); }
|
||||
}
|
||||
.warn {
|
||||
pre { @include scrollbar($article-warn-code-bg, $article-warn-code-scrollbar); }
|
||||
table { @include scrollbar($article-warn-table-row-alt, $article-warn-code-scrollbar); }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
@include media(small) {
|
||||
.article {
|
||||
padding: 1.5rem 1.5rem 3rem;
|
||||
|
||||
h1 { margin: .35rem 0 2rem; font-size: 2.4rem; }
|
||||
h2 { font-size: 1.9rem; }
|
||||
h3 { font-size: 1.55rem; }
|
||||
h4 { font-size: 1.3rem; }
|
||||
|
||||
pre {
|
||||
padding: 1.2em;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
.note,
|
||||
.warn,
|
||||
#enterprise-msg {
|
||||
padding: 1.35rem 1.25rem .1rem 1.25rem;
|
||||
margin: .5rem 0 1rem;
|
||||
}
|
||||
|
||||
.enterprise {
|
||||
padding: 0 0 .01rem .85rem;
|
||||
margin-left: -.85rem;
|
||||
|
||||
.enterprise-flag {
|
||||
left: -.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@include media(medium) {
|
||||
.article { width: 100%; }
|
||||
}
|
||||
|
||||
@media (min-width: 801px) and (max-width: 1200px) {
|
||||
.article {
|
||||
width: 70%;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,76 @@
|
|||
@font-face {
|
||||
font-family: 'Klavika-Light';
|
||||
src: url(../fonts/KlavikaLight-ItalicTF.otf);
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Klavika-Bold';
|
||||
src: url(../fonts/KlavikaBoldBoldItalic.otf);
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
$klavika: 'Klavika-Light', 'Titillium Web', 'Roboto', sans-serif;
|
||||
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
min-height: 100%;
|
||||
font-family: Roboto, sans-serif;
|
||||
background: $body-bg;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
a {
|
||||
transition: all .2s;
|
||||
}
|
||||
|
||||
.page-wrapper {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
/// Styles for the placeholder homepage only viewalbe with running locally ///
|
||||
.home-placeholder {
|
||||
max-width: 480px;
|
||||
padding: 0 1.5rem;
|
||||
margin: 20vh auto 0;
|
||||
color: $article-text;
|
||||
text-align:center;
|
||||
font-style:italic;
|
||||
|
||||
.welcome {
|
||||
text-align:center;
|
||||
font-weight: bold;
|
||||
color: $article-heading;
|
||||
font-size: 1.1rem;
|
||||
}
|
||||
p {
|
||||
margin-top: 1rem;
|
||||
line-height: 1.25rem;
|
||||
}
|
||||
a {
|
||||
color: $article-link;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $article-link-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
@include media(medium) {
|
||||
.page-wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,243 @@
|
|||
.sidebar {
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
padding: 0 1em;
|
||||
width: 25%;
|
||||
|
||||
&--search {
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
&:after {
|
||||
content: '\e905';
|
||||
display: block;
|
||||
font-family: 'icomoon';
|
||||
position: absolute;
|
||||
top: .15rem;
|
||||
right: .25rem;
|
||||
color: $article-text;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
input {
|
||||
background: $article-bg;
|
||||
border-radius: $border-radius;
|
||||
border: 1px solid $sidebar-search-border;
|
||||
padding: .5em 2.15rem .5rem .5rem;
|
||||
width: 100%;
|
||||
color: $article-text;
|
||||
transition-property: border, box-shadow;
|
||||
transition-duration: .2s;
|
||||
&:focus {
|
||||
outline: none;
|
||||
border: 1px solid $sidebar-search-highlight;
|
||||
box-shadow: 0px 0px 7px rgba($sidebar-search-highlight, .65);
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
&::placeholder {
|
||||
font-family: 'Roboto';
|
||||
font-weight: 500;
|
||||
color: rgba($article-text, .35);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-nav-toggle {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-bottom: .7rem;
|
||||
}
|
||||
|
||||
#contents-toggle-btn {
|
||||
display: block;
|
||||
margin: .35rem .05rem .25rem 1.2rem;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
.toggle-hamburger {
|
||||
|
||||
$line-height: 2px;
|
||||
$line-width: 20px;
|
||||
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-top: .65rem;
|
||||
background: rgba($topnav-link, .5);
|
||||
width: $line-width;
|
||||
height: $line-height;
|
||||
transition: all .3s;
|
||||
transform: rotate(0deg);
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: $line-width;
|
||||
height: $line-height;
|
||||
border-radius: 1px;
|
||||
background: rgba($topnav-link, .5);
|
||||
transform: rotate(0deg);
|
||||
transition: all .3s;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -6px;
|
||||
}
|
||||
&:after {
|
||||
top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.toggle-hamburger {
|
||||
background: rgba($topnav-link, 1);
|
||||
|
||||
&:before, &:after {
|
||||
background: rgba($topnav-link, 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open .toggle-hamburger {
|
||||
background: $body-bg;
|
||||
transform: rotate(90deg);
|
||||
&:before { transform: rotate(-135deg); top: 0; }
|
||||
&:after { transform: rotate(-45deg); top: 0; }
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
#nav-tree {
|
||||
list-style: none;
|
||||
padding-left: 1.5rem;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 2rem;
|
||||
border-left: 2px solid $nav-border;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-top: .5rem;
|
||||
position: relative;
|
||||
&:before {
|
||||
content: "";
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
top: .45em;
|
||||
left: -1em;
|
||||
display: block;
|
||||
position: absolute;
|
||||
background: $nav-border;
|
||||
}
|
||||
ul {
|
||||
margin-left: -.95em;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
}
|
||||
.nav-category > a {
|
||||
color: $nav-category;
|
||||
font-size: 1.1rem;
|
||||
&:hover {
|
||||
color: $nav-category-hover;
|
||||
}
|
||||
}
|
||||
.nav-item > a {
|
||||
color: $nav-item;
|
||||
&:hover {
|
||||
color: $nav-item-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.children {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
&.open {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.children-toggle {
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
position: absolute;
|
||||
top: .05rem;
|
||||
left: -1.4rem;
|
||||
display: block;
|
||||
background: $nav-border;
|
||||
border-radius: 50%;
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
background: $nav-toggle;
|
||||
transition: all .3s;
|
||||
}
|
||||
&:before {
|
||||
top: 4px;
|
||||
left: 7px;
|
||||
height: 8px;
|
||||
width: 2px;
|
||||
}
|
||||
&:after {
|
||||
top: 7px;
|
||||
left: 4px;
|
||||
height: 2px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $nav-toggle-bg-hover;
|
||||
&:before,
|
||||
&:after {
|
||||
background: $nav-toggle-hover;
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
&:before { transform: rotate(90deg); }
|
||||
&:after { transform: rotate(180deg); }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
@include media(medium) {
|
||||
.sidebar {
|
||||
width: 100%;
|
||||
|
||||
#nav-tree {
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
&.open {
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media(large_min) {
|
||||
.sidebar #contents-toggle-btn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 801px) and (max-width: 1200px) {
|
||||
.sidebar {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
.topnav {
|
||||
display: flex;
|
||||
padding: .75rem .75rem .65rem;
|
||||
justify-content: space-between;
|
||||
|
||||
&--left { }
|
||||
&--right { }
|
||||
|
||||
.influx-home {
|
||||
font-family: 'icomoon';
|
||||
font-size: 1.9rem;
|
||||
color: $topnav-link;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
&:hover {
|
||||
color: $topnav-link-hover;
|
||||
}
|
||||
.icon-influx-logotype {
|
||||
margin-left: -.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.divider {
|
||||
height: 100%; border-left: 1px solid rgba($topnav-link, .5);
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.docs-home {
|
||||
display: inline-block;
|
||||
vertical-align: text-top;
|
||||
font-family: $klavika;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-size: 1.2rem;
|
||||
color: $topnav-link;
|
||||
text-decoration: none;
|
||||
&:hover {
|
||||
color: $topnav-link-hover;
|
||||
}
|
||||
}
|
||||
|
||||
.version-selector {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
z-index: 100;
|
||||
right: 3.5rem;
|
||||
color: $g20-white;
|
||||
height: 2rem;
|
||||
background: $version-selector-top;
|
||||
font-weight: 700;
|
||||
border-radius: $border-radius;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
|
||||
.selected {
|
||||
padding: 0 1.5rem 0 .75rem;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: .75rem;
|
||||
right: .5rem;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 7px 5px 0 5px;
|
||||
border-color: $g20-white transparent transparent transparent;
|
||||
transition: all .4s;
|
||||
}
|
||||
|
||||
&.open {
|
||||
height: auto;
|
||||
background: linear-gradient($version-selector-top, $version-selector-bottom);
|
||||
&:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
ul.version-list {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: $g20-white;
|
||||
padding: .5rem 1.5rem .5rem .75rem;
|
||||
background: rgba($g20-white, 0);
|
||||
&:hover {
|
||||
background: rgba($g20-white, .2)
|
||||
}
|
||||
&:last-child {
|
||||
border-radius: 0 0 $border-radius $border-radius;
|
||||
position: relative;
|
||||
}
|
||||
&.legacy {
|
||||
position: relative;
|
||||
&:after {
|
||||
content: "\e911";
|
||||
font-family: "icomoon";
|
||||
position: absolute;
|
||||
opacity: .4;
|
||||
margin-left: .25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.theme-switcher {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
font-size: 1.8rem;
|
||||
color: rgba($topnav-link, .5);
|
||||
background: none;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
margin-top: 2px;
|
||||
border: none;
|
||||
transition: color .2s;
|
||||
appearance: none;
|
||||
overflow: visible;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
&:hover {
|
||||
color: rgba($topnav-link, 1);
|
||||
cursor: pointer;
|
||||
}
|
||||
&#theme-switch-dark { display: $theme-switch-dark; }
|
||||
&#theme-switch-light { display: $theme-switch-light; }
|
||||
}
|
||||
}
|
||||
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
///////////////////////////////// MEDIA QUERIES ////////////////////////////////
|
||||
////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
@include media(small) {
|
||||
.icon-influx-logotype { display: none; }
|
||||
}
|
||||
|
|
@ -0,0 +1,222 @@
|
|||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
/*text-shadow: 0 1px #101419;*/
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
|
||||
-moz-tab-size: 1;
|
||||
-o-tab-size: 1;
|
||||
tab-size: 1;
|
||||
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
|
||||
code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
|
||||
background: rgba($article-code-select, .25);
|
||||
}
|
||||
|
||||
pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
|
||||
code[class*="language-"]::selection, code[class*="language-"] ::selection {
|
||||
background: rgba($article-code-select, .25);
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Code blocks */
|
||||
pre[class*="language-"] {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*="language-"],
|
||||
pre[class*="language-"] {
|
||||
}
|
||||
|
||||
/* Inline code */
|
||||
:not(pre) > code[class*="language-"] {
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.highlight { color: $article-code;
|
||||
|
||||
line-height: 1.25rem;
|
||||
|
||||
// COLORS
|
||||
|
||||
.gh, /* Generic.Heading */
|
||||
.go, /* Generic.Output */
|
||||
.na, /* Name.Attribute */
|
||||
.nt, /* Name.Tag */
|
||||
.nv, /* Name.Variable */
|
||||
.ow /* Operator.Word */
|
||||
{ color: $article-code }
|
||||
|
||||
.c, /* Comment */
|
||||
.ch, /* Comment.Hashbang */
|
||||
.cm, /* Comment.Multiline */
|
||||
.cpf, /* Comment.PreprocFile */
|
||||
.c1, /* Comment.Single */
|
||||
.cs, /* Comment.Special */
|
||||
.w /* Text.Whitespace */
|
||||
{ color: $article-code-accent1; }
|
||||
|
||||
.gi /* Generic.Inserted */
|
||||
{ background-color: $article-code-accent1; }
|
||||
|
||||
.k, /* Keyword */
|
||||
.kc, /* Keyword.Constant */
|
||||
.kd, /* Keyword.Declaration */
|
||||
.kn, /* Keyword.Namespace */
|
||||
.kp, /* Keyword.Pseudo */
|
||||
.kr, /* Keyword.Reserved */
|
||||
.nn /* Name.Namespace */
|
||||
{ color: $article-code-accent2; }
|
||||
|
||||
.bp, /* Name.Builtin.Pseudo */
|
||||
.cp, /* Comment.Preproc */
|
||||
.dl, /* Literal.String.Delimiter */
|
||||
.gt, /* Generic.Traceback */
|
||||
.gu, /* Generic.Subheading */
|
||||
.kt, /* Keyword.Type */
|
||||
.nb, /* Name.Builtin */
|
||||
.nc, /* Name.Class */
|
||||
.no, /* Name.Constant */
|
||||
.sa, /* Literal.String.Affix */
|
||||
.sb, /* Literal.String.Backtick */
|
||||
.sc, /* Literal.String.Char */
|
||||
.sd, /* Literal.String.Doc */
|
||||
.se, /* Literal.String.Escape */
|
||||
.sh, /* Literal.String.Heredoc */
|
||||
.sx, /* Literal.String.Other */
|
||||
.sr, /* Literal.String.Regex */
|
||||
.s1, /* Literal.String.Single */
|
||||
.s2 /* Literal.String.Double */
|
||||
{ color: $article-code-accent3 }
|
||||
|
||||
.err, /* Error */
|
||||
.fm, /* Name.Function.Magic */
|
||||
.gr, /* Generic.Error */
|
||||
.gd, /* Generic.Deleted */
|
||||
.nd, /* Name.Decorator */
|
||||
.ne, /* Name.Exception */
|
||||
.nf, /* Name.Function */
|
||||
.nl, /* Name.Label */
|
||||
.si /* Literal.String.Interpol */
|
||||
{ color: $article-code-accent4 }
|
||||
|
||||
.m, /* Literal.Number */
|
||||
.ni, /* Name.Entity */
|
||||
.mb, /* Literal.Number.Bin */
|
||||
.mf, /* Literal.Number.Float */
|
||||
.mh, /* Literal.Number.Hex */
|
||||
.mi, /* Literal.Number.Integer */
|
||||
.mo, /* Literal.Number.Oct */
|
||||
.vc, /* Name.Variable.Class */
|
||||
.vg, /* Name.Variable.Global */
|
||||
.vi, /* Name.Variable.Instance */
|
||||
.vm, /* Name.Variable.Magic */
|
||||
.il /* Literal.Number.Integer.Long */
|
||||
{ color: $article-code-accent5 }
|
||||
|
||||
.gp, /* Generic.Prompt */
|
||||
.o /* Operator */
|
||||
{ color: $article-code-accent6 }
|
||||
|
||||
.ss /* Literal.String.Symbol */
|
||||
{ color: $article-code-accent7 }
|
||||
|
||||
// FONT STYLES
|
||||
|
||||
.cs /* Comment.Special */
|
||||
.gh, /* Generic.Heading */
|
||||
.gu, /* Generic.Subheading */
|
||||
.gp, /* Generic.Prompt */
|
||||
.gs, /* Generic.Strong */
|
||||
.k, /* Keyword */
|
||||
.kc, /* Keyword.Constant */
|
||||
.kd, /* Keyword.Declaration */
|
||||
.kn, /* Keyword.Namespace */
|
||||
.kp, /* Keyword.Pseudo */
|
||||
.kr, /* Keyword.Reserved */
|
||||
.kt, /* Keyword.Type */
|
||||
.nc, /* Name.Class */
|
||||
.ne, /* Name.Exception */
|
||||
.ni, /* Name.Entity */
|
||||
.nn /* Name.Namespace */
|
||||
.nt, /* Name.Tag */
|
||||
.ow, /* Operator.Word */
|
||||
.se /* Literal.String.Escape */
|
||||
{ font-weight: bold }
|
||||
|
||||
.c, /* Comment */
|
||||
.ch, /* Comment.Hashbang */
|
||||
.cm, /* Comment.Multiline */
|
||||
.cpf, /* Comment.PreprocFile */
|
||||
.c1, /* Comment.Single */
|
||||
.cs, /* Comment.Special */
|
||||
.ge, /* Generic.Emph */
|
||||
.sd , /* Literal.String.Doc */
|
||||
.w /* Text.Whitespace */
|
||||
{ font-style: italic }
|
||||
}
|
||||
|
||||
.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 }
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
// Import Now
|
||||
//
|
||||
// If you import this module directly, it will immediately output all the CSS
|
||||
// needed to normalize default HTML elements across all browsers.
|
||||
//
|
||||
// ```
|
||||
// @import "normalize/import-now";
|
||||
// ```
|
||||
|
||||
@import 'normalize';
|
||||
@include normalize();
|
||||
|
|
@ -0,0 +1,666 @@
|
|||
// Helper function for the normalize() mixin.
|
||||
@function _normalize-include($section, $exclude: null) {
|
||||
// Initialize the global variables needed by this function.
|
||||
@if not global_variable_exists(_normalize-include) {
|
||||
$_normalize-include: () !global;
|
||||
$_normalize-exclude: () !global;
|
||||
}
|
||||
// Since we are given 2 parameters, set the global variables.
|
||||
@if $exclude != null {
|
||||
$include: $section;
|
||||
// Sass doesn't have static variables, so the work-around is to stuff these
|
||||
// values into global variables so we can access them in future calls.
|
||||
$_normalize-include: if(type-of($include) == 'list', $include, ($include)) !global;
|
||||
$_normalize-exclude: if(type-of($exclude) == 'list', $exclude, ($exclude)) !global;
|
||||
@return true;
|
||||
}
|
||||
|
||||
// Check if $section is in the $include list.
|
||||
@if index($_normalize-include, $section) {
|
||||
@return true;
|
||||
}
|
||||
// If $include is set to (all), make sure $section is not in $exclude.
|
||||
@else if not index($_normalize-exclude, $section) and index($_normalize-include, all) {
|
||||
@return true;
|
||||
}
|
||||
@return false;
|
||||
}
|
||||
|
||||
@mixin normalize($include: (all), $exclude: ()) {
|
||||
// Initialize the helper function by passing it this mixin's parameters.
|
||||
$init: _normalize-include($include, $exclude);
|
||||
|
||||
// If we've customized any font variables, we'll need extra properties.
|
||||
@if $base-line-height != 24px
|
||||
or $base-unit != 'em'
|
||||
or $h2-font-size != 1.5 * $base-font-size
|
||||
or $h3-font-size != 1.17 * $base-font-size
|
||||
or $h4-font-size != 1 * $base-font-size
|
||||
or $h5-font-size != 0.83 * $base-font-size
|
||||
or $h6-font-size != 0.67 * $base-font-size {
|
||||
$normalize-vertical-rhythm: true !global;
|
||||
}
|
||||
|
||||
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
|
||||
|
||||
@if _normalize-include(document) {
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in
|
||||
* IE on Windows Phone and in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
@if $base-font-family {
|
||||
/* Change the default font family in all browsers (opinionated). */
|
||||
font-family: $base-font-family;
|
||||
}
|
||||
@if $base-font-size != 16px or $normalize-vertical-rhythm {
|
||||
// Correct old browser bug that prevented accessible resizing of text
|
||||
// when root font-size is set with px or em.
|
||||
font-size: ($base-font-size / 16px) * 100%;
|
||||
}
|
||||
@if $normalize-vertical-rhythm {
|
||||
line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
|
||||
}
|
||||
@else {
|
||||
line-height: 1.15; /* 1 */
|
||||
}
|
||||
-ms-text-size-adjust: 100%; /* 2 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(sections) {
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers (opinionated).
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
article,
|
||||
aside,
|
||||
footer,
|
||||
header,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
@include normalize-font-size($h1-font-size);
|
||||
@if $normalize-vertical-rhythm {
|
||||
@include normalize-line-height($h1-font-size);
|
||||
}
|
||||
|
||||
@if $normalize-vertical-rhythm {
|
||||
/* Set 1 unit of vertical rhythm on the top and bottom margins. */
|
||||
@include normalize-margin(1 0, $h1-font-size);
|
||||
}
|
||||
@else {
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
}
|
||||
|
||||
@if $normalize-vertical-rhythm {
|
||||
h2 {
|
||||
@include normalize-font-size($h2-font-size);
|
||||
@include normalize-line-height($h2-font-size);
|
||||
@include normalize-margin(1 0, $h2-font-size);
|
||||
}
|
||||
|
||||
h3 {
|
||||
@include normalize-font-size($h3-font-size);
|
||||
@include normalize-line-height($h3-font-size);
|
||||
@include normalize-margin(1 0, $h3-font-size);
|
||||
}
|
||||
|
||||
h4 {
|
||||
@include normalize-font-size($h4-font-size);
|
||||
@include normalize-line-height($h4-font-size);
|
||||
@include normalize-margin(1 0, $h4-font-size);
|
||||
}
|
||||
|
||||
h5 {
|
||||
@include normalize-font-size($h5-font-size);
|
||||
@include normalize-line-height($h5-font-size);
|
||||
@include normalize-margin(1 0, $h5-font-size);
|
||||
}
|
||||
|
||||
h6 {
|
||||
@include normalize-font-size($h6-font-size);
|
||||
@include normalize-line-height($h6-font-size);
|
||||
@include normalize-margin(1 0, $h6-font-size);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(grouping) {
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
@if $normalize-vertical-rhythm {
|
||||
/**
|
||||
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
||||
*/
|
||||
|
||||
blockquote {
|
||||
@include normalize-margin(1 $indent-amount);
|
||||
}
|
||||
|
||||
dl,
|
||||
ol,
|
||||
ul {
|
||||
@include normalize-margin(1 0);
|
||||
}
|
||||
|
||||
/**
|
||||
* Turn off margins on nested lists.
|
||||
*/
|
||||
|
||||
ol,
|
||||
ul {
|
||||
ol,
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
dd {
|
||||
margin: 0 0 0 $indent-amount;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
padding: 0 0 0 $indent-amount;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
figcaption,
|
||||
figure {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct margin in IE 8.
|
||||
*/
|
||||
|
||||
figure {
|
||||
@if $normalize-vertical-rhythm {
|
||||
@include normalize-margin(1 $indent-amount);
|
||||
}
|
||||
@else {
|
||||
margin: 1em $indent-amount;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@if $normalize-vertical-rhythm {
|
||||
/**
|
||||
* Set 1 unit of vertical rhythm on the top and bottom margin.
|
||||
*/
|
||||
|
||||
p,
|
||||
pre {
|
||||
@include normalize-margin(1 0);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(links) {
|
||||
/* Links
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the gray background on active links in IE 10.
|
||||
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent; /* 1 */
|
||||
-webkit-text-decoration-skip: objects; /* 2 */
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(text) {
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
text-decoration: underline; /* 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font style in Android 4.3-.
|
||||
*/
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct background and color in IE 9-.
|
||||
*/
|
||||
|
||||
mark {
|
||||
background-color: #ff0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(embedded) {
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
audio,
|
||||
video {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in iOS 4-7.
|
||||
*/
|
||||
|
||||
audio:not([controls]) {
|
||||
display: none;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10-.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide the overflow in IE.
|
||||
*/
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(forms) {
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers (opinionated).
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: if($base-font-family, $base-font-family, sans-serif); /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
@if $normalize-vertical-rhythm {
|
||||
line-height: ($base-line-height / $base-font-size) * 1em; /* 1 */
|
||||
}
|
||||
@else {
|
||||
line-height: 1.15; /* 1 */
|
||||
}
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
*/
|
||||
|
||||
button {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
|
||||
* controls in Android 4.
|
||||
* 2. Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
html [type="button"], /* 1 */
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button; /* 2 */
|
||||
}
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
&::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
&:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10-.
|
||||
* 2. Remove the padding in IE 10-.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
|
||||
/**
|
||||
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
&::-webkit-search-cancel-button,
|
||||
&::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and IE.
|
||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||
* 3. Remove the padding so developers are not caught out when they zero out
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
color: inherit; /* 2 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct display in IE 9-.
|
||||
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
display: inline-block; /* 1 */
|
||||
vertical-align: baseline; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(interactive) {
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
menu {
|
||||
display: block;
|
||||
|
||||
@if $normalize-vertical-rhythm {
|
||||
/*
|
||||
* 1. Set 1 unit of vertical rhythm on the top and bottom margin.
|
||||
* 2. Set consistent space for the list style image.
|
||||
*/
|
||||
|
||||
@include normalize-margin(1 0); /* 1 */
|
||||
padding: 0 0 0 $indent-amount; /* 2 */
|
||||
|
||||
/**
|
||||
* Turn off margins on nested lists.
|
||||
*/
|
||||
|
||||
menu &,
|
||||
ol &,
|
||||
ul & {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(scripting) {
|
||||
/* Scripting
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 9-.
|
||||
*/
|
||||
|
||||
canvas {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@if _normalize-include(hidden) {
|
||||
/* Hidden
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10-.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
@import 'normalize/variables';
|
||||
@import 'normalize/vertical-rhythm';
|
||||
@import 'normalize/normalize-mixin';
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
//
|
||||
// Variables
|
||||
//
|
||||
// You can override the default values by setting the variables in your Sass
|
||||
// before importing the normalize-scss library.
|
||||
|
||||
// The font size set on the root html element.
|
||||
$base-font-size: 16px !default;
|
||||
|
||||
// The base line height determines the basic unit of vertical rhythm.
|
||||
$base-line-height: 24px !default;
|
||||
|
||||
// The length unit in which to output vertical rhythm values.
|
||||
// Supported values: px, em, rem.
|
||||
$base-unit: 'em' !default;
|
||||
|
||||
// The default font family.
|
||||
$base-font-family: null !default;
|
||||
|
||||
// The font sizes for h1-h6.
|
||||
$h1-font-size: 2 * $base-font-size !default;
|
||||
$h2-font-size: 1.5 * $base-font-size !default;
|
||||
$h3-font-size: 1.17 * $base-font-size !default;
|
||||
$h4-font-size: 1 * $base-font-size !default;
|
||||
$h5-font-size: 0.83 * $base-font-size !default;
|
||||
$h6-font-size: 0.67 * $base-font-size !default;
|
||||
|
||||
// The amount lists and blockquotes are indented.
|
||||
$indent-amount: 40px !default;
|
||||
|
||||
// The following variable controls whether normalize-scss will output
|
||||
// font-sizes, line-heights and block-level top/bottom margins that form a basic
|
||||
// vertical rhythm on the page, which differs from the original Normalize.css.
|
||||
// However, changing any of the variables above will cause
|
||||
// $normalize-vertical-rhythm to be automatically set to true.
|
||||
$normalize-vertical-rhythm: false !default;
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
//
|
||||
// Vertical Rhythm
|
||||
//
|
||||
// This is the minimal amount of code needed to create vertical rhythm in our
|
||||
// CSS. If you are looking for a robust solution, look at the excellent Typey
|
||||
// library. @see https://github.com/jptaranto/typey
|
||||
|
||||
@function normalize-rhythm($value, $relative-to: $base-font-size, $unit: $base-unit) {
|
||||
@if unit($value) != px {
|
||||
@error "The normalize vertical-rhythm module only supports px inputs. The typey library is better.";
|
||||
}
|
||||
@if $unit == rem {
|
||||
@return ($value / $base-font-size) * 1rem;
|
||||
}
|
||||
@else if $unit == em {
|
||||
@return ($value / $relative-to) * 1em;
|
||||
}
|
||||
@else { // $unit == px
|
||||
@return $value;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin normalize-font-size($value, $relative-to: $base-font-size) {
|
||||
@if unit($value) != 'px' {
|
||||
@error "normalize-font-size() only supports px inputs. The typey library is better.";
|
||||
}
|
||||
font-size: normalize-rhythm($value, $relative-to);
|
||||
}
|
||||
|
||||
@mixin normalize-rhythm($property, $values, $relative-to: $base-font-size) {
|
||||
$value-list: $values;
|
||||
$sep: space;
|
||||
@if type-of($values) == 'list' {
|
||||
$sep: list-separator($values);
|
||||
}
|
||||
@else {
|
||||
$value-list: append((), $values);
|
||||
}
|
||||
|
||||
$normalized-values: ();
|
||||
@each $value in $value-list {
|
||||
@if unitless($value) and $value != 0 {
|
||||
$value: $value * normalize-rhythm($base-line-height, $relative-to);
|
||||
}
|
||||
$normalized-values: append($normalized-values, $value, $sep);
|
||||
}
|
||||
#{$property}: $normalized-values;
|
||||
}
|
||||
|
||||
@mixin normalize-margin($values, $relative-to: $base-font-size) {
|
||||
@include normalize-rhythm(margin, $values, $relative-to);
|
||||
}
|
||||
|
||||
@mixin normalize-line-height($font-size, $min-line-padding: 2px) {
|
||||
$lines: ceil($font-size / $base-line-height);
|
||||
// If lines are cramped include some extra leading.
|
||||
@if ($lines * $base-line-height - $font-size) < ($min-line-padding * 2) {
|
||||
$lines: $lines + 1;
|
||||
}
|
||||
@include normalize-rhythm(line-height, $lines, $font-size);
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
// InfluxData Docs Default Theme (Dark)
|
||||
|
||||
// Import Tools
|
||||
@import "tools/icomoon";
|
||||
@import "tools/media-queries.scss";
|
||||
@import "tools/mixins.scss";
|
||||
|
||||
// Import default dark theme
|
||||
@import "themes/theme-dark.scss";
|
||||
|
||||
// Import Layout Styles
|
||||
@import "normalize/import-now",
|
||||
"layouts/layout-global",
|
||||
"layouts/layout-topnav",
|
||||
"layouts/layout-sidebar",
|
||||
"layouts/layout-article",
|
||||
"layouts/syntax-highlighting";
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
// InfluxData Docs Theme File
|
||||
// Light Theme
|
||||
|
||||
// Provide light them overrides
|
||||
@import "themes/theme-light";
|
||||
|
||||
// Import default theme
|
||||
@import "styles-default";
|
||||
|
|
@ -0,0 +1,124 @@
|
|||
/*
|
||||
|
||||
DARK THEME
|
||||
____________________________________________________________
|
||||
|
||||
Notes:
|
||||
- This file is interchangeable with themes/theme-light.scss
|
||||
- Only contains color variables
|
||||
|
||||
*/
|
||||
|
||||
// General Styles
|
||||
// --------------------------------------------------
|
||||
|
||||
@import "tools/color-palette";
|
||||
|
||||
$body-bg: $g1-raven !default;
|
||||
$border-radius: 3px !default;
|
||||
|
||||
// TopNav Colors
|
||||
$topnav-link: $g20-white !default;
|
||||
$topnav-link-hover: $b-pool !default;
|
||||
$version-selector-top: $b-ocean !default;
|
||||
$version-selector-bottom: $p-star !default;
|
||||
$theme-switch-light: inline-block !default;
|
||||
$theme-switch-dark: none !default;
|
||||
|
||||
// Sidebar
|
||||
$sidebar-search-border: $g5-pepper !default;
|
||||
$sidebar-search-highlight: $b-pool !default;
|
||||
|
||||
// Article Content
|
||||
$article-bg: $g3-castle !default;
|
||||
$article-heading: $g19-ghost !default;
|
||||
$article-text: $g14-chromium !default;
|
||||
$article-bold: $g19-ghost !default;
|
||||
$article-link: $b-pool !default;
|
||||
$article-link-hover: $g20-white !default;
|
||||
$article-shadow: #191a1b !default;
|
||||
$article-note-shadow: #191a1b !default;
|
||||
$article-warn-shadow: #191a1b !default;
|
||||
|
||||
// Article Code
|
||||
$article-code: $p-potassium !default;
|
||||
$article-code-bg: $g1-raven !default;
|
||||
$article-code-accent1: $g9-mountain !default;
|
||||
$article-code-accent2: $b-pool !default;
|
||||
$article-code-accent3: $gr-viridian !default;
|
||||
$article-code-accent4: $o-ruby !default;
|
||||
$article-code-accent5: #ff6db0 !default;
|
||||
$article-code-accent6: $b-pool !default;
|
||||
$article-code-accent7: #e90 !default;
|
||||
$article-code-select: $b-pool !default;
|
||||
$article-code-hover: $g20-white !default;
|
||||
$article-code-scrollbar: $g7-graphite !default;
|
||||
|
||||
// Article Tables
|
||||
$article-table-header-left: $p-planet !default;
|
||||
$article-table-header-right: $b-sapphire !default;
|
||||
$article-table-row-alt: $g2-kevlar !default;
|
||||
|
||||
// Article Notes, Warnings, & Messages
|
||||
$article-note-base: $gr-viridian !default;
|
||||
$article-note-heading: $g20-white !default;
|
||||
$article-note-text: $gr-viridian !default;
|
||||
$article-note-link: $gr-rainforest !default;
|
||||
$article-note-link-hover: $g20-white !default;
|
||||
$article-note-table-header: $gr-viridian !default;
|
||||
$article-note-table-row-alt: #21272d !default;
|
||||
$article-note-code: #75d2f1 !default;
|
||||
$article-note-code-bg: #20272b !default;
|
||||
$article-note-code-accent1: #567375 !default;
|
||||
$article-note-code-accent2: $b-pool !default;
|
||||
$article-note-code-accent3: $gr-viridian !default;
|
||||
$article-note-code-accent4: $o-ruby !default;
|
||||
$article-note-code-accent5: #ff6db0 !default;
|
||||
$article-note-code-accent6: $b-pool !default;
|
||||
$article-note-code-accent7: #e90 !default;
|
||||
$article-note-code-scrollbar: $gr-grass !default;
|
||||
|
||||
$article-warn-base: $o-dreamsicle !default;
|
||||
$article-warn-heading: $g20-white !default;
|
||||
$article-warn-text: $o-dreamsicle !default;
|
||||
$article-warn-link: $o-tungsten !default;
|
||||
$article-warn-link-hover: $g20-white !default;
|
||||
$article-warn-table-header: $o-dreamsicle !default;
|
||||
$article-warn-table-row-alt: #2b252b !default;
|
||||
$article-warn-code: #ec6e6e !default;
|
||||
$article-warn-code-bg: #292024 !default;
|
||||
$article-warn-code-accent1: #844c4c !default;
|
||||
$article-warn-code-accent2: $b-pool !default;
|
||||
$article-warn-code-accent3: $gr-viridian !default;
|
||||
$article-warn-code-accent4: $o-ruby !default;
|
||||
$article-warn-code-accent5: #ffb4fb !default;
|
||||
$article-warn-code-accent6: $b-pool !default;
|
||||
$article-warn-code-accent7: #e90 !default;
|
||||
$article-warn-code-scrollbar: #5f3535 !default;
|
||||
|
||||
$article-enterprise-base: $p-star !default;
|
||||
$article-enterprise-text: $p-potassium !default;
|
||||
$article-enterprise-link: $p-moonstone !default;
|
||||
$article-enterprise-link-hover: $g20-white !default;
|
||||
|
||||
// Article Tabs for tabbed content
|
||||
$article-tab-text: $g12-forge !default;
|
||||
$article-tab-bg: $g4-onyx !default;
|
||||
$article-tab-active-text: $g20-white !default;
|
||||
$article-tab-active-bg: $b-ocean !default;
|
||||
|
||||
$article-tab-code-text: $g9-mountain !default;
|
||||
$article-tab-code-bg: $g5-pepper !default;
|
||||
$article-tab-code-text-hover: $g20-white !default;
|
||||
$article-tab-code-bg-hover: $b-ocean !default;
|
||||
$article-tab-code-active-text: $g20-white !default;
|
||||
|
||||
// Left Navigation
|
||||
$nav-category: $b-ocean !default;
|
||||
$nav-category-hover: $g20-white !default;
|
||||
$nav-item: $g16-pearl !default;
|
||||
$nav-item-hover: $b-ocean !default;
|
||||
$nav-border: $g5-pepper !default;
|
||||
$nav-toggle: $g16-pearl !default;
|
||||
$nav-toggle-hover: $g16-pearl !default;
|
||||
$nav-toggle-bg-hover: $b-ocean !default;
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
/*
|
||||
|
||||
LIGHT THEME
|
||||
____________________________________________________________
|
||||
|
||||
Notes:
|
||||
- This file is interchangeable with themes/theme-dark.scss
|
||||
- Only contains color variables
|
||||
|
||||
*/
|
||||
|
||||
@import "tools/color-palette";
|
||||
|
||||
// General Styles
|
||||
// --------------------------------------------------
|
||||
|
||||
$body-bg: $g18-cloud;
|
||||
|
||||
// TopNav Colors
|
||||
$topnav-link: $g5-pepper;
|
||||
$topnav-link-hover: $b-ocean;
|
||||
$version-selector-top: $b-pool;
|
||||
$version-selector-bottom: $gr-viridian;
|
||||
$theme-switch-light: none;
|
||||
$theme-switch-dark: inline-block;
|
||||
|
||||
// Sidebar
|
||||
$sidebar-search-border: $g15-platinum;
|
||||
$sidebar-search-highlight: $b-pool;
|
||||
|
||||
// Article Content
|
||||
$article-bg: $g20-white;
|
||||
$article-heading: $g7-graphite;
|
||||
$article-text: $g8-storm;
|
||||
$article-bold: $g8-storm;
|
||||
$article-link: $b-ocean;
|
||||
$article-link-hover: $gr-viridian;
|
||||
$article-shadow: #c8cdd0;
|
||||
$article-note-shadow: #8cb7ab;
|
||||
$article-warn-shadow: #b98a7d;
|
||||
|
||||
// Article Code
|
||||
$article-code: $p-star;
|
||||
$article-code-bg: $p-violettecreme;
|
||||
$article-code-accent1: $p-potassium;
|
||||
$article-code-accent2: $b-ocean;
|
||||
$article-code-accent3: #008e7c;
|
||||
$article-code-accent4: $o-ruby;
|
||||
$article-code-accent5: #e24bbb;
|
||||
$article-code-accent6: $b-ocean;
|
||||
$article-code-accent7: #e90;
|
||||
$article-code-select: $b-pool;
|
||||
$article-code-hover: $b-sapphire;
|
||||
$article-code-scrollbar: $p-potassium;
|
||||
|
||||
// Article Tables
|
||||
$article-table-header-left: $b-pool;
|
||||
$article-table-header-right: $gr-honeydew;
|
||||
$article-table-row-alt: $g18-cloud;
|
||||
|
||||
// Article Notes & Warnings
|
||||
$article-note-base: $gr-rainforest;
|
||||
$article-note-heading: $gr-emerald;
|
||||
$article-note-text: $gr-emerald;
|
||||
$article-note-link: rgba($gr-emerald, .75);
|
||||
$article-note-link-hover: $b-pool;
|
||||
$article-note-table-header: $gr-viridian;
|
||||
$article-note-table-row-alt: #d6f5e9;
|
||||
$article-note-code: #0A6f75;
|
||||
$article-note-code-bg: #d6f7ec;
|
||||
$article-note-code-accent1: #6abba0;
|
||||
$article-note-code-accent2: #0084d6;
|
||||
$article-note-code-accent3: #5d52d6;
|
||||
$article-note-code-accent4: $o-ruby;
|
||||
$article-note-code-accent5: #e24bbb;
|
||||
$article-note-code-accent6: #0084d6;
|
||||
$article-note-code-accent7: #e90;
|
||||
$article-note-code-scrollbar: #87DABE;
|
||||
|
||||
$article-warn-base: $o-dreamsicle;
|
||||
$article-warn-heading: $o-fire;
|
||||
$article-warn-text: $o-curacao;
|
||||
$article-warn-link: rgba($o-curacao, .75);
|
||||
$article-warn-link-hover: $b-sapphire;
|
||||
$article-warn-table-header: $o-dreamsicle;
|
||||
$article-warn-table-row-alt: #ffe6df;
|
||||
$article-warn-code: #d0154e;
|
||||
$article-warn-code-bg: #ffebeb;
|
||||
$article-warn-code-accent1: #fd99b8;
|
||||
$article-warn-code-accent2: #357ae8;
|
||||
$article-warn-code-accent3: #6c59cc;
|
||||
$article-warn-code-accent4: $o-ruby;
|
||||
$article-warn-code-accent5: #6a0a6f;
|
||||
$article-warn-code-accent6: #357ae8;
|
||||
$article-warn-code-accent7: #e90;
|
||||
$article-warn-code-scrollbar: #FFB1B1;
|
||||
|
||||
$article-enterprise-base: $p-comet;
|
||||
$article-enterprise-text: $p-star;
|
||||
$article-enterprise-link: $p-star;
|
||||
$article-enterprise-link-hover: $b-ocean;
|
||||
|
||||
// Article Tabs for tabbed content
|
||||
$article-tab-text: $g8-storm;
|
||||
$article-tab-bg: $g18-cloud;
|
||||
$article-tab-active-text: $g20-white;
|
||||
$article-tab-active-bg: $b-pool;
|
||||
|
||||
$article-tab-code-text: $p-potassium;
|
||||
$article-tab-code-bg: $g20-white;
|
||||
$article-tab-code-text-hover: $g20-white;
|
||||
$article-tab-code-bg-hover: $p-comet;
|
||||
$article-tab-code-active-text: $p-star;
|
||||
|
||||
// Left Navigation
|
||||
$nav-category: $b-ocean;
|
||||
$nav-category-hover: $gr-viridian;
|
||||
$nav-item: $g9-mountain;
|
||||
$nav-item-hover: $gr-viridian;
|
||||
$nav-border: $g14-chromium;
|
||||
$nav-toggle: $g9-mountain;
|
||||
$nav-toggle-hover: $g20-white;
|
||||
$nav-toggle-bg-hover: $b-ocean;
|
||||
|
|
@ -0,0 +1,73 @@
|
|||
// Influx Color Palette
|
||||
|
||||
// Greys (Dark to Light)
|
||||
$g0-obsidian: #0F0E15;
|
||||
$g1-raven: #1C1C21;
|
||||
$g2-kevlar: #202028;
|
||||
$g3-castle: #292933;
|
||||
$g4-onyx: #2C2C38;
|
||||
$g5-pepper: #383846;
|
||||
$g6-smoke: #434453;
|
||||
$g7-graphite: #545667;
|
||||
$g8-storm: #676978;
|
||||
$g9-mountain: #757888;
|
||||
$g10-wolf: #8E91A1;
|
||||
$g11-sidewalk: #999DAB;
|
||||
$g12-forge: #A4A8B6;
|
||||
$g13-mist: #BEC2CC;
|
||||
$g14-chromium: #C6CAD3;
|
||||
$g15-platinum: #D4D7DD;
|
||||
$g16-pearl: #E7E8EB;
|
||||
$g17-whisper: #EEEFF2;
|
||||
$g18-cloud: #F6F6F8;
|
||||
$g19-ghost: #FAFAFC;
|
||||
$g20-white: #ffffff;
|
||||
|
||||
// Oranges (Dark to Light)
|
||||
$o-basalt: #2F1F29;
|
||||
$o-ember: #6F3943;
|
||||
$o-ruby: #BF3D5E;
|
||||
$o-fire: #DC4E58;
|
||||
$o-curacao: #F95F53;
|
||||
$o-dreamsicle: #FF8564;
|
||||
$o-tungsten: #FFB6A0;
|
||||
$o-marmelade: #FFDCCF;
|
||||
$o-orangecream: #EADAD8;
|
||||
$o-flan: #FFF7F4;
|
||||
|
||||
// Blues (Dark to Light)
|
||||
$b-abyss: #182838;
|
||||
$b-deepsea: #32547F;
|
||||
$b-sapphire: #326BBA;
|
||||
$b-ocean: #4591ED;
|
||||
$b-pool: #22ADF6;
|
||||
$b-laser: #00C9FF;
|
||||
$b-hydrogen: #6BDFFF;
|
||||
$b-neutrino: #BEF0FF;
|
||||
$b-snow: #C9E0ED;
|
||||
$b-yeti: #F0FCFF;
|
||||
|
||||
// Purples (Dark to Light)
|
||||
$p-shadow: #1F2039;
|
||||
$p-void: #311F94;
|
||||
$p-purplerain: #484281;
|
||||
$p-planet: #513CC6;
|
||||
$p-star: #7A65F2;
|
||||
$p-comet: #9394FF;
|
||||
$p-potassium: #B1B6FF;
|
||||
$p-moonstone: #C9D0FF;
|
||||
$p-quartz: #D6D5ED;
|
||||
$p-violettecreme: #EDF0FF;
|
||||
|
||||
// Greens (Dark to Light)
|
||||
$gr-gypsy: #152B2D;
|
||||
$gr-grass: #2B6058;
|
||||
$gr-emerald: #108174;
|
||||
$gr-viridian: #32B08C;
|
||||
$gr-canopy: #20B76F;
|
||||
$gr-rainforest: #4ED8A0;
|
||||
$gr-honeydew: #7CE490;
|
||||
$gr-krypton: #A5F3B4;
|
||||
$gr-wasabi: #C6FFD0;
|
||||
$gr-forestfog: #CFE6E1;
|
||||
$gr-mint: #F2FFF4;
|
||||
|
|
@ -0,0 +1,122 @@
|
|||
@font-face {
|
||||
font-family: 'icomoon';
|
||||
src: url('fonts/icomoon.eot?ppkm5');
|
||||
src: url('fonts/icomoon.eot?ppkm5#iefix') format('embedded-opentype'),
|
||||
url('fonts/icomoon.ttf?ppkm5') format('truetype'),
|
||||
url('fonts/icomoon.woff?ppkm5') format('woff'),
|
||||
url('fonts/icomoon.svg?ppkm5#icomoon') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
/* use !important to prevent issues with browser extensions that change fonts */
|
||||
font-family: 'icomoon' !important;
|
||||
speak: none;
|
||||
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;
|
||||
}
|
||||
|
||||
.icon-alert-triangle:before {
|
||||
content: "\e902";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e903";
|
||||
}
|
||||
.icon-arrow-down-circle:before {
|
||||
content: "\e907";
|
||||
}
|
||||
.icon-arrow-down-left:before {
|
||||
content: "\e908";
|
||||
}
|
||||
.icon-arrow-down-right:before {
|
||||
content: "\e909";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e90a";
|
||||
}
|
||||
.icon-arrow-left-circle:before {
|
||||
content: "\e90b";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e90c";
|
||||
}
|
||||
.icon-arrow-right-circle:before {
|
||||
content: "\e90d";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e90e";
|
||||
}
|
||||
.icon-arrow-up-circle:before {
|
||||
content: "\e90f";
|
||||
}
|
||||
.icon-arrow-up-left:before {
|
||||
content: "\e910";
|
||||
}
|
||||
.icon-arrow-up-right:before {
|
||||
content: "\e911";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e912";
|
||||
}
|
||||
.icon-heart1:before {
|
||||
content: "\e913";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e914";
|
||||
}
|
||||
.icon-zoom-in:before {
|
||||
content: "\e915";
|
||||
}
|
||||
.icon-zoom-out:before {
|
||||
content: "\e916";
|
||||
}
|
||||
.icon-moon1:before {
|
||||
content: "\e904";
|
||||
}
|
||||
.icon-sun1:before {
|
||||
content: "\e906";
|
||||
}
|
||||
.icon-search:before {
|
||||
content: "\e905";
|
||||
}
|
||||
.icon-influx-logo:before {
|
||||
content: "\e900";
|
||||
}
|
||||
.icon-influx-logotype:before {
|
||||
content: "\e901";
|
||||
}
|
||||
.icon-folder-upload:before {
|
||||
content: "\e934";
|
||||
}
|
||||
.icon-map2:before {
|
||||
content: "\e94c";
|
||||
}
|
||||
.icon-download:before {
|
||||
content: "\e960";
|
||||
}
|
||||
.icon-upload:before {
|
||||
content: "\e961";
|
||||
}
|
||||
.icon-cog:before {
|
||||
content: "\e994";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e9da";
|
||||
}
|
||||
.icon-tux:before {
|
||||
content: "\eabd";
|
||||
}
|
||||
.icon-appleinc:before {
|
||||
content: "\eabe";
|
||||
}
|
||||
.icon-windows8:before {
|
||||
content: "\eac2";
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
$small-max: 600px;
|
||||
$medium-min: ($small-max + 1);
|
||||
$medium-max: 800px;
|
||||
$large-min: ($medium-max + 1);
|
||||
$large-max: 1280px;
|
||||
$xlarge-min: 1290px;
|
||||
|
||||
@mixin media($size) {
|
||||
@if $size == small {
|
||||
@media (max-width: $small-max) { @content ; }
|
||||
}
|
||||
@else if $size == medium {
|
||||
@media (max-width: $medium-max) { @content ; }
|
||||
}
|
||||
@else if $size == large_min {
|
||||
@media (min-width: $large-min) { @content ; }
|
||||
}
|
||||
@else if $size == large {
|
||||
@media (max-width: $large-max) { @content ; }
|
||||
}
|
||||
@else if $size == xlarge {
|
||||
@media (min-width: $xlarge-min) { @content ; }
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
@mixin scrollbar($bg-color, $thumb-color) {
|
||||
&::-webkit-scrollbar {
|
||||
background-color: rgba($bg-color, 0);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
background-color: $bg-color;
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
background-color: $thumb-color;
|
||||
border: 3px solid $bg-color;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
17
config.toml
17
config.toml
|
|
@ -1,3 +1,20 @@
|
|||
baseURL = "http://docs.influxdata.com/"
|
||||
languageCode = "en-us"
|
||||
title = "InfluxDB Documentation"
|
||||
|
||||
# Git history information for lastMod-type functionality
|
||||
enableGitInfo = true
|
||||
|
||||
# Syntax Highlighting
|
||||
pygmentsCodefences = true
|
||||
pygmentsUseClasses = true
|
||||
|
||||
# Markdown rendering options
|
||||
[blackfriday]
|
||||
hrefTargetBlank = true
|
||||
|
||||
# Menu items without actual pages
|
||||
[menu]
|
||||
[[menu.versions]]
|
||||
name = "v1.x"
|
||||
url = "https://docs.influxdata.com"
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ title: Using tasks
|
|||
description: This is just an example post to show the format of new 2.0 posts
|
||||
menu:
|
||||
v2_0:
|
||||
name: Example post
|
||||
name: Using tasks
|
||||
weight: 1
|
||||
---
|
||||
|
||||
|
|
@ -11,7 +11,7 @@ menu:
|
|||
* Enable the **Show Inactive** option to include inactive tasks on the list.
|
||||
* Enter text in the **Filter tasks by name** field to search for tasks by name.
|
||||
* Select an organization from the **All Organizations** dropdown to filter the list by organization.
|
||||
* Click on the heading of any column to sort by that field.
|
||||
* Click on the heading of any column to sort by that field.
|
||||
|
||||
**To import a task**:
|
||||
1. Click the Tasks (calendar) icon in the left navigation menu.
|
||||
|
|
|
|||
|
|
@ -2,7 +2,12 @@
|
|||
title: InfluxDB v2.0
|
||||
seotitle: This is the SEO title for InfluxDB v2.0
|
||||
description: placeholder
|
||||
menu: v2_0
|
||||
menu:
|
||||
versions:
|
||||
name: v2.0
|
||||
v2_0:
|
||||
name: Introduction
|
||||
weight: 1
|
||||
---
|
||||
|
||||
_This placeholder content for the landing page for v2.0._
|
||||
|
|
|
|||
|
|
@ -5,6 +5,494 @@ menu:
|
|||
v2_0:
|
||||
name: Example post
|
||||
weight: 1
|
||||
#enterprise_all: true
|
||||
enterprise_some: true
|
||||
---
|
||||
|
||||
_This is just an example post._
|
||||
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.
|
||||
|
||||
## 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.
|
||||
|
||||
{{< code-tabs-wrapper >}}
|
||||
{{% code-tabs %}}
|
||||
[Flux](#)
|
||||
[InfluxQL](#)
|
||||
{{% /code-tabs %}}
|
||||
|
||||
{{% code-tab-content %}}
|
||||
```js
|
||||
data = from(bucket: "telegraf/autogen")
|
||||
|> range(start: -15m)
|
||||
|> filter(fn: (r) =>
|
||||
r._measurement == "mem" AND
|
||||
r._field == "used_percent"
|
||||
)
|
||||
```
|
||||
{{% /code-tab-content %}}
|
||||
{{% code-tab-content %}}
|
||||
```sql
|
||||
SELECT "used_percent"
|
||||
FROM "telegraf"."autogen"."mem"
|
||||
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.
|
||||
|
||||
|
||||
|
||||
{{< img-hd src="/img/test-image-2.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 %}}
|
||||
|
||||
#### 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)
|
||||
|
||||
##### 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.
|
||||
|
||||
###### 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
|
||||
|
||||
#### 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.
|
||||
|
||||
```js
|
||||
// This is a code block
|
||||
cpu = from(bucket:"telegraf/autogen")
|
||||
|> 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()
|
||||
//
|
||||
```
|
||||
{{% enterprise %}}
|
||||
###### This is a table
|
||||
| Column 1 | Column 2 | Column 3 | Column 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 3.1 | Row 3.2 | Row 3.3 | Row 3.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 |
|
||||
|
||||
###### 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.
|
||||
>
|
||||
> 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.
|
||||
|
||||
{{% 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.
|
||||
|
||||
> 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.
|
||||
|
||||
```js
|
||||
// This is a code block inside of a blockquote
|
||||
cpu = from(bucket:"telegraf/autogen")
|
||||
|> range(start:-30m)
|
||||
|> filter(fn:(r) => r._measurement == "cpu")
|
||||
```
|
||||
|
||||
###### This is a table in a blockquote
|
||||
| Column 1 | Column 2 | Column 3 | Column 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 3.1 | Row 3.2 | Row 3.3 | Row 3.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.
|
||||
|
||||
> 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.
|
||||
|
||||
```js
|
||||
// This is a code block inside of a blockquote
|
||||
cpu = from(bucket:"telegraf/autogen")
|
||||
|> range(start:-30m)
|
||||
|> filter(fn:(r) => r._measurement == "cpu")
|
||||
```
|
||||
|
||||
###### This is a table in a blockquote
|
||||
| Column 1 | Column 2 | Column 3 | Column 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 3.1 | Row 3.2 | Row 3.3 | Row 3.4 |
|
||||
| Row 4.1 | Row 4.2 | Row 4.3 | Row 4.4 |
|
||||
|
||||
{{% /warn %}}
|
||||
|
||||
{{< tabs-wrapper >}}
|
||||
{{% tabs %}}
|
||||
[tab 1.1](#)
|
||||
[tab 1.2](#)
|
||||
[tab 1.3](#)
|
||||
[tab 1.4](#)
|
||||
{{% /tabs %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
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.
|
||||
|
||||
## 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.
|
||||
|
||||
{{< code-tabs-wrapper >}}
|
||||
{{% code-tabs %}}
|
||||
[Flux](#)
|
||||
[InfluxQL](#)
|
||||
{{% /code-tabs %}}
|
||||
|
||||
{{% code-tab-content %}}
|
||||
```js
|
||||
data = from(bucket: "telegraf/autogen")
|
||||
|> range(start: -15m)
|
||||
|> filter(fn: (r) =>
|
||||
r._measurement == "mem" AND
|
||||
r._field == "used_percent"
|
||||
)
|
||||
```
|
||||
{{% /code-tab-content %}}
|
||||
{{% code-tab-content %}}
|
||||
```sql
|
||||
SELECT "used_percent"
|
||||
FROM "telegraf"."autogen"."mem"
|
||||
WHERE time > now() - 15m
|
||||
```
|
||||
{{% /code-tab-content %}}
|
||||
{{< /code-tabs-wrapper >}}
|
||||
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 1.2 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 1.3 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 1.4 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{< /tabs-wrapper >}}
|
||||
|
||||
{{< tabs-wrapper >}}
|
||||
{{% tabs %}}
|
||||
[tab 2.1](#)
|
||||
[tab 2.2](#)
|
||||
[tab 2.3](#)
|
||||
[tab 2.4](#)
|
||||
{{% /tabs %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 2.1 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 2.2 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 2.3 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{% tab-content %}}
|
||||
This is tab 2.4 content.
|
||||
{{% /tab-content %}}
|
||||
|
||||
{{< /tabs-wrapper >}}
|
||||
|
||||
{{% truncate %}}
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
This is truncated content.
|
||||
{{% /truncate %}}
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
latest_version: v2.0
|
||||
|
|
@ -1,7 +1,15 @@
|
|||
{{ partial "header.html" . }}
|
||||
|
||||
<h1>{{ .Title }}</h1>
|
||||
|
||||
{{ .Content }}
|
||||
<div class="page-wrapper">
|
||||
{{ partial "sidebar.html" . }}
|
||||
<div class="article">
|
||||
<article class="article--content">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ partial "article/latest-version.html" . }}
|
||||
{{ partial "article/enterprise.html" . }}
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,15 @@
|
|||
{{ partial "header.html" . }}
|
||||
|
||||
<h1>{{ .Title }}</h1>
|
||||
|
||||
{{ .Content }}
|
||||
<div class="page-wrapper">
|
||||
{{ partial "sidebar.html" . }}
|
||||
<div class="article">
|
||||
<article class="article--content">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ partial "article/latest-version.html" . }}
|
||||
{{ partial "article/enterprise.html" . }}
|
||||
{{ .Content }}
|
||||
</article>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{ partial "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,14 @@
|
|||
{{ partial "header.html" }}
|
||||
{{ partial "header.html" . }}
|
||||
|
||||
<p><em>This is a placeholder for the future InfluxDB v2.0 homepage.</em></p>
|
||||
<p><a href="/v2.0/">v2.0 director</a></p>
|
||||
<div class="home-placeholder">
|
||||
<p class="welcome">
|
||||
Welcome to the InfluxDB v2.x documentation
|
||||
</p>
|
||||
<p>
|
||||
This page is never actually shown on the live docs since visiting the docs domain will redirect to the latest version.
|
||||
Select your desired version from the dropdown above or go straight to the
|
||||
<a href="/{{ $.Site.Data.versions.latest_version }}">latest version</a>.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{ partial "footer.html"}}
|
||||
{{ partial "footer.html" . }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
{{ $enterpriseLink := "#"}}
|
||||
{{ if ( $.Params.enterprise_all ) }}
|
||||
<div id="enterprise-msg">
|
||||
<p>
|
||||
The features and functionality discussed on this page are unique to the Enterprise edition of InfluxDB.
|
||||
<a href="{{ $enterpriseLink }}" target="_blank">Learn more about InfluxDB Enterprise</a>.
|
||||
</p>
|
||||
</div>
|
||||
{{ else if ( $.Params.enterprise_some ) }}
|
||||
<div id="enterprise-msg">
|
||||
<div>
|
||||
<span class="enterprise-flag"></span>
|
||||
</div>
|
||||
<div>
|
||||
<p>
|
||||
This page includes features and functionality unique to the Enterprise edition of InfluxDB.
|
||||
<a href="{{ $enterpriseLink }}" target="_blank">Learn more about InfluxDB Enterprise</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
{{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) .RelPermalink }}
|
||||
{{ $latestVersion := $.Site.Data.versions.latest_version }}
|
||||
{{ $latestVersionURL := replaceRE "[^/]+.*?[0]" $latestVersion .RelPermalink }}
|
||||
{{ if not (eq $currentVersion $latestVersion) }}
|
||||
<div class="warn">
|
||||
<p>
|
||||
This page documents an earlier version of InfluxDB.
|
||||
View the latest version of this page in the <a href="{{ $latestVersionURL }}">InfluxDB {{ $latestVersion }}</a> documentation.
|
||||
</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
@ -1,2 +1,3 @@
|
|||
</body>
|
||||
{{ partial "footer/javascript.html" }}
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,5 @@
|
|||
{{ $versionSelector := resources.Get "js/version-selector.js" }}
|
||||
{{ $contentInteractions := resources.Get "js/content-interactions.js" }}
|
||||
{{ $footerjs := slice $versionSelector $contentInteractions | resources.Concat "js/footer.bundle.js" }}
|
||||
|
||||
<script type="text/javascript" src="{{ $footerjs.RelPermalink }}" ></script>
|
||||
|
|
@ -5,6 +5,15 @@
|
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="description" content="{{ if .Description }}{{ .Description }}. {{ end }}">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>{{ if .Params.seotitle }} {{ .Params.seotitle }} {{ else if .Title }} {{ .Title }} {{ end }} | InfluxData Documentation</title>
|
||||
<title>{{ if .Params.seotitle }} {{ print .Params.seotitle " | " }} {{ else if .Title }} {{ print .Title " | " }} {{ end }}InfluxData Documentation</title>
|
||||
|
||||
{{ partial "header/stylesheets.html"}}
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i|Titillium+Web:300i,700i|Inconsolata:400,700" rel="stylesheet">
|
||||
|
||||
{{ partial "header/javascript.html"}}
|
||||
|
||||
<meta name="Copyright" content="InfluxData Inc." />
|
||||
</head>
|
||||
<body>
|
||||
{{ partial "topnav.html" . }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
{{ $jquery := resources.Get "js/jquery-3.3.1.min.js" }}
|
||||
{{ $cookies := resources.Get "js/js.cookie.js" }}
|
||||
{{ $themes := resources.Get "js/docs-themes.js" }}
|
||||
{{ $headerjs := slice $jquery $cookies $themes | resources.Concat "js/header.bundle.js" }}
|
||||
|
||||
<script type="text/javascript" src="{{ $headerjs.RelPermalink }}" ></script>
|
||||
<script type="text/javascript">set_style_from_cookie();</script>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{{ $cssOptionsDark := (dict "targetPath" "dark-theme.css" "outputStyle" "compressed" "enableSourceMap" true) }}
|
||||
{{ $cssOptionsLight := (dict "targetPath" "light-theme.css" "outputStyle" "compressed" "enableSourceMap" true) }}
|
||||
{{ $PostCSSOptions := (dict "use" "autoprefixer" "noMap" false) }}
|
||||
|
||||
{{ $stylesDark := resources.Get "styles/styles-default.scss" | toCSS $cssOptionsDark | postCSS $PostCSSOptions | fingerprint }}
|
||||
<link rel="stylesheet" title="dark-theme" type="text/css" href="{{ $stylesDark.RelPermalink }}">
|
||||
|
||||
{{ $stylesLight := resources.Get "styles/styles-light.scss" | toCSS $cssOptionsLight | postCSS $PostCSSOptions | fingerprint }}
|
||||
<link rel="alternate stylesheet" title="light-theme" type="text/css" href="{{ $stylesLight.RelPermalink }}">
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
{{ $currentPage := . }}
|
||||
{{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) }}
|
||||
<aside class="sidebar">
|
||||
<div class="search-nav-toggle">
|
||||
<div class="sidebar--search">
|
||||
<input class="sidebar--search-field"
|
||||
id="algolia-search-input"
|
||||
type="text"
|
||||
accesskey="s"
|
||||
autocomplete="off"
|
||||
autocorrect="off"
|
||||
autocapitalize="off"
|
||||
spellcheck="false"
|
||||
dir="auto"
|
||||
placeholder="Search {{ $currentVersion }}">
|
||||
</div>
|
||||
<a id="contents-toggle-btn" href="#">
|
||||
<span class="toggle-hamburger"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<ul id="nav-tree">
|
||||
|
||||
{{ $menuID := replaceRE "[.]" "_" $currentVersion }}
|
||||
{{ range (index .Site.Menus $menuID) }}
|
||||
<!-- Nested Navigation -->
|
||||
<li class="nav-category {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
|
||||
<!-- Begin nested block -->
|
||||
{{ if .HasChildren }}
|
||||
<ul class="children {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}">
|
||||
{{ range .Children }}
|
||||
<li class="nav-item {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}active{{end}}">
|
||||
{{ if .HasChildren }}<a href="#" class="children-toggle {{ if .HasChildren }}parent{{ end }} {{ if or ($currentPage.IsMenuCurrent .Menu .) ($currentPage.HasMenuCurrent .Menu .) }}open{{end}}"></a>{{ end }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a>
|
||||
<!-- To add more nested layers, copy the nested block and paste it here -->
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
<!-- End nested block -->
|
||||
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</li>
|
||||
{{end}}
|
||||
</ul>
|
||||
</aside>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<div class="topnav">
|
||||
<div class="topnav--left">
|
||||
<a class="influx-home" href="https://www.influxdata.com" title="InfluxData">
|
||||
<span class="icon-influx-logo"></span>
|
||||
<span class="icon-influx-logotype"></span>
|
||||
</a>
|
||||
<span class="divider"></span>
|
||||
<a class="docs-home" href="/{{ $.Site.Data.versions.latest_version }}">Docs</a>
|
||||
</div>
|
||||
<div class="topnav--right">
|
||||
<div class="version-selector">
|
||||
{{ $currentVersion := (index (findRE "[^/]+.*?" .RelPermalink) 0) }}
|
||||
{{ if eq $currentVersion nil }}
|
||||
<p class="selected">Select Version</p>
|
||||
{{ else }}
|
||||
<p class="selected">{{ $currentVersion }}</p>
|
||||
{{ end }}
|
||||
<ul class="version-list">
|
||||
{{ range .Site.Menus.versions.ByName.Reverse }}
|
||||
<li><a href="{{ .URL }}" {{if in .Name "1.x" }}class="legacy" target="_blank"{{ end }}>{{ .Name }}</a></li>
|
||||
{{ end }}
|
||||
</div>
|
||||
<button class="theme-switcher" id="theme-switch-light" onclick="switch_style('light-theme');return false;"><span class="icon-sun1"></span></button>
|
||||
<button class="theme-switcher" id="theme-switch-dark" onclick="switch_style('dark-theme');return false;"><span class="icon-moon1"></span></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<section class="code-tab-content">
|
||||
{{ .Inner }}
|
||||
</section>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="code-tabs-wrapper">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="code-tabs">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
<div class="enterprise">
|
||||
<a class="enterprise-flag" href="#enterprise-msg"></a>
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
{{ .Inner }}
|
||||
{{ $src := .Get "src" }}
|
||||
{{ $alt := .Get "alt" }}
|
||||
{{ with (imageConfig ( print "/static" $src )) }}
|
||||
{{ $imageWidth := div .Width 2 }}
|
||||
<img src='{{ $src }}' alt='{{ $alt }}' width='{{ $imageWidth }}' />
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="note">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<section class="tab-content">
|
||||
{{ .Inner }}
|
||||
</section>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="tabs-wrapper">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="tabs">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<div class="truncate closed">
|
||||
{{ .Inner }}
|
||||
<div class="truncate-bottom">
|
||||
<a class="truncate-toggle" href="#"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<div class="warn">
|
||||
{{ .Inner }}
|
||||
</div>
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Loading…
Reference in New Issue