---
layout: default
---
<div class="row">
    <h2>Table of contents</h2>
    <ul class="list-group">
    <% page.shards.each { item ->    %>
        <li class="list-group-item" style="text-indent: ${item.level*20}px;">
            <a href="${link '/docs.html'}#${item.label}">${item.sectionNumber} ${item.title}</a>
        </li>
    <% } %>
    </ul>
</div>
<div class="row">
    <!--<div class="col-lg-12">-->
    <!--<h2 class="intro-text text-center">${page.title}</h2>-->
    <!--<hr>-->
    <!--</div>-->


    <%
    page.shards.each { item ->
    %>
    <tr>
        <div class="col-lg-12">
            <h2 id="${item.label}" style="text-indent: ${(item.level-1)*40}px;">
                <a href="${link '/docs.html'}#${item.label}"> <span style="color: grey;">${item.sectionNumber}</span> ${item.title}</a>
            </h2>
        </div>

    <tr>
        <p>${item.render()}</p>
    </tr>

    <hr>
    </tr>

    <% } %>
</div>