Influxdata
/
docs-v2
mirror of https://github.com/influxdata/docs-v2.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

WIP article content styles

pull/3/head
Scott Anderson 2018-12-21 16:59:12 -07:00
parent e55ed7fc28
commit f64a1760ed
14 changed files with 605 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
assets/js/content-interactions.js Normal file
View File

@ -0,0 +1,20 @@
// Make headers linkable
$("h2,h3,h4,h5,h6").each(function() {
var link = "<a href=\"#" + $(this).attr("id") + "\"></a>"
$(this).wrapInner( link );
})
// Smooth Scroll
var topBuffer = 0;
$('a[href^="#"]').on('click',function (e) {
e.preventDefault();
var target = this.hash;
var $target = $(target);
$('html, body').stop().animate({
'scrollTop': ($target.offset().top - topBuffer)
}, 400, 'swing', function () {
window.location.hash = target;
});
});

136
assets/styles/layouts/_layout-article.scss
View File

@ -2,4 +2,140 @@
flex-grow: 3;
background: $article-bg;
border-radius: $border-radius 0 0 0;
padding: 2rem 4rem 3rem;
}
.article--content{
max-width: 700px;
h1,h2,h3,h4,h5,h6 {
color: $article-heading;
a {
color: inherit;
text-decoration: 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.5rem 0 .5rem;
padding-top: 1.75rem;
}
h5 {
font-size: 1rem;
margin: -1.5rem 0 .25rem;
padding-top: 1.75rem;
}
h6 {
font-size: 1rem;
font-style: italic;
margin: -1.5rem 0 .25rem;
padding-top: 1.75rem;
}
p,li {
color: $article-text;
line-height: 1.5rem;
}
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;
}
}
}
}
// Lists
ol, ul {
padding-left: 1.6rem;
}
ul {
list-style-type: disc;
}
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;
}
}
}
li {
margin: .2rem 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.5em;
border-radius: $border-radius;
overflow: scroll;
}
}

2
assets/styles/layouts/_layout-global.scss
View File

@ -11,6 +11,8 @@
font-style: italic;
}
$klavika: 'Klavika-Light', 'Titillium Web', 'Roboto', sans-serif;
html {
height: 100%;
}

4
assets/styles/layouts/_layout-topnav.scss
View File

@ -28,7 +28,9 @@
.docs-home {
display: inline-block;
vertical-align: text-top;
font-family: 'Klavika-Light';
font-family: $klavika;
font-style: italic;
font-weight: 300;
font-size: 1.2rem;
color: $topnav-link;
text-decoration: none;

172
assets/styles/layouts/_syntax-highlighting.scss Normal file
View File

@ -0,0 +1,172 @@
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 }
}

3
assets/styles/styles-default.scss
View File

@ -11,4 +11,5 @@
"layouts/layout-global",
"layouts/layout-topnav",
"layouts/layout-sidebar",
"layouts/layout-article";
"layouts/layout-article",
"layouts/syntax-highlighting";

16
assets/styles/themes/_theme-dark.scss
View File

@ -33,3 +33,19 @@ $search-highlight: $b-pool !default;
$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 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;

22
assets/styles/themes/_theme-light.scss
View File

@ -17,7 +17,7 @@
$body-bg: $g18-cloud;
// TopNav Colors
$topnav-link: $g3-castle;
$topnav-link: $g5-pepper;
$topnav-link-hover: $b-ocean;
$version-selector-top: $b-pool;
$version-selector-bottom: $gr-viridian;
@ -30,5 +30,21 @@ $search-highlight: $b-pool;
// Article Content
$article-bg: $g20-white;
$article-heading: $g5-pepper;
$article-text: $g7-graphite;
$article-heading: $g6-smoke;
$article-text: $g8-storm;
$article-bold: $g8-storm;
$article-link: $b-ocean;
$article-link-hover: $gr-viridian;
// Article Code
$article-code: $p-star;
$article-code-bg: $p-violettecreme;
$article-code-accent1: $p-potassium;
$article-code-accent2: $b-ocean;
$article-code-accent3: #0e9e75;
$article-code-accent4: $o-ruby;
$article-code-accent5: #e24bbb;
$article-code-accent6: $b-pool;
$article-code-accent7: #e90;
$article-code-select: $b-pool;
$article-code-hover: $b-sapphire;

3
config.toml
View File

@ -13,3 +13,6 @@ pygmentsUseClasses = true
[[menu.versions]]
name = "v1.x"
url = "https://docs.influxdata.com"
[blackfriday]
hrefTargetBlank = true

222
content/v2.0/example.md
View File

@ -7,4 +7,224 @@ menu:
weight: 1
---
_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.
### h3 This is a header3
This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
This is a paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc rutrum, metus id scelerisque euismod, erat ante suscipit nibh, ac congue enim risus id est. Etiam tristique nisi et tristique auctor. Morbi eu bibendum erat. Sed ullamcorper, dui id lobortis efficitur, mauris odio pharetra neque, vel tempor odio dolor blandit justo.
#### 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()
//
```
###### 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 |
###### 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.
>
> ## 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.
>
> #### 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.
>
> #### Inline Styles
> This is an [inline link](#). This is `inline code`.
> This is an [`inline code link`](#) .
> This is **bold**. This is _italic_.
>
> ```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 |
<dt>
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.
### 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.
#### Inline Styles
This is an [inline link](#). This is `inline code`.
This is an [`inline code link`](#) .
This is **bold**. This is _italic_.
```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 |
</dt>

6
layouts/_default/section.html
View File

@ -3,8 +3,10 @@
<div class="page-wrapper">
{{ partial "sidebar.html" . }}
<div class="article">
<h1>{{ .Title }}</h1>
{{ .Content }}
<div class="article--content">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
</div>
</div>

6
layouts/_default/single.html
View File

@ -3,8 +3,10 @@
<div class="page-wrapper">
{{ partial "sidebar.html" . }}
<div class="article">
<h1>{{ .Title }}</h1>
{{ .Content }}
<div class="article--content">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
</div>
</div>

3
layouts/partials/footer/javascript.html
View File

@ -1,4 +1,5 @@
{{ $versionSelector := resources.Get "js/version-selector.js" }}
{{ $footerjs := slice $versionSelector | resources.Concat "js/footer.bundle.js" }}
{{ $contentInteractions := resources.Get "js/content-interactions.js" }}
{{ $footerjs := slice $versionSelector $contentInteractions | resources.Concat "js/footer.bundle.js" }}
<script type="text/javascript" src="{{ $footerjs.Permalink }}" ></script>

2
layouts/partials/header.html
View File

@ -9,7 +9,7 @@
{{ partial "header/stylesheets.html"}}
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i" rel="stylesheet">
<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"}}