{% extends "template-base.html" %}
{% block head %}

    <!-- syntax highlighting -->
    <link rel="stylesheet" href="assets/vendor/docco.min.css" />
    <script src="assets/vendor/highlight.min.js"></script>

    <!-- expandable code samples -->
    <script src="assets/js/expandcode.js"></script>
    <!-- multi-code selection tabs -->
    <script src="assets/js/multicodetab.js"></script>
    <script>
        $(document).ready(function() {
            $(".multicode").minitabs();
            hljs.initHighlighting();
            make_code_expandable();
        });
    </script>


{% endblock %}

{% block main %}
  <article class="p-3">
    <div class="content">
        {{ content }}
    </div>
  </article>
{% endblock %}

{% block right_sidebar %}
  <div class="card" id="page-toc-wrapper">
    <p class="in-this-doc card-header">In this document:</p>
    <ul class="dev_nav_sidebar card-body" id="dactyl_toc_sidebar">
      {{ sidebar_content }}
    </ul>
  </div>
{% endblock %}
