layout: page
<style> .menu-list {
line-height: 1.25; width: 300px; font-size: .85em;
}
.nav__sub-title {
display: block; margin: 0.5rem 0; padding: 0.25rem 0; padding-top: 30px; font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; font-size: .75em; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #f2f3f3;
}
.menu-list a {
border-radius: 2px; color: #4a4a4a; display: block; padding: .5em .75em;
}
.menu-list a:hover {
background-color: #f5f5f5; color: #363636;
}
.menu-list a.is-active {
background-color: #3273dc; color: #fff;
}
.menu-list li ul {
border-left: 1px solid #dbdbdb; margin: .75em; padding-left: .75em;
}
nav li {
list-style: none;
} </style>
<div class=“gut-lg”>
<nav class="side-nav col-md-3 float-md-left js-side-nav"> {% if page.sidebar %}{% include sidebar.html %}{% endif %} <div class="d-none d-xl-block col-xl-2 td-toc d-print-none"> <li> <a><span class="nav__sub-title">Contents</span></a> <ul class="menu-list" id="TOC"> <!-- Links will be appended here--> </ul> </li> </div> {% include editable.html %} </nav> <div class="col-md-9 float-md-left"> <main class="col-md-12" role="main"> <div class="td-content"> {{ content }} {% if section.links %}<div class="section-index"> <hr class="panel-line">{% for child in section.links %} <div class="entry"> <h5> <a href="{% if child.url %}{{ site.baseurl }}{{ child.url }}{% else %}{{ child.external_url }}{% endif %}">{{ child.title }}</a> </h5> <p>{{ child.description }}</p> </div>{% endfor %} </div>{% endif %} {% include feedback.html %} </div> </main> {% include toc.html %} {% include _gh_link.html %} </div>
</div>