---

layout: default

sectionid: docs

---

<div id="doc-content" class="container-fluid fill docs-container">

<a id='try-beta'>Try v2 Beta Page</a>

<script>

const tryBeta = document.getElementById("try-beta")

const mobile = window.outerWidth < 800

const isHome = document.location.pathname === "/docs/home.html"

if (!mobile && !isHome) {

tryBeta.style.display = "block";

tryBeta.onclick = () => {

document.location.pathname = "v2" + document.location.pathname

}

}

</script>

<div class="container">

<div class="col-md-2 toc-container hidden-xs hidden-sm">

{% include toc.html %}

</div>

<div class="col-md-10 col-xs-12 col-sm-12 doc-content-container">

<div class="xs-toc-container visible-xs visible-sm">

{% include xs-toc.html %}

</div>

<header class="post-header">

<h1 class="post-title">{{ page.title }}</h1>

<!--<a class="edit-page-link" href="{{ site.projecturl }}{{ page.relative_path }}" target="_blank">Edit on GitHub</a>-->

</header>

<article class="post-content">

<p>{{ page.description }}</p>

{{ content }}

</article>

</div>

</div>

</a>

<script type="text/javascript">

$(function() {

//$(".tocAccordion").accordion();

setDocTOC();

hljs.initHighlightingOnLoad();

});

</script>