doc-page.html

{% extends "layout.html" %}
{% from "macros/docs.html" import get_doc_icon, get_doc_link %}
{% block title %}{{ (this.title ~ ' | ') if this.title != 'Documentation' }}Documentation{% endblock %}
{% block body %}
  <div class="row">
    <div class="small-12 medium-3 columns">
      <ul class="vertical menu" data-accordion-menu>
        <li{% if this._path == '/docs' %} class="active"{% endif
          %}><a href="{{ '/docs'|url }}">Welcome</a></li>
        {% set docs = site.get('/docs') %}
        {% for child in docs.children recursive %}
          <li{% if this._path == child._path %} class="active"{% endif
              %}>{{ get_doc_link(child) }}
            {% if this.is_child_of(child) %}
            <ul>{{ loop(child.children) }}</ul>
            {% endif %}
        {% endfor %}
      </ul>

      {% if this.body.toc %}
      <div class="hide-for-small-only">
        <h4>This Page</h4>
        <ul class="toc">
        {% for item in this.body.toc recursive %}
          <li><a href="#{{ item.anchor }}">{{ item.title }}</a>{%
           if item.children %}<ul>{{ loop(item.children) }}</ul>{% endif %}</li>
        {% endfor %}
        </ul>
      </div>
      {% endif %}
    </div>

    <div class="small-12 medium-9 columns">

      {{ this.body }}

      {% if this.children %}
      <div class="child-pages">
        {% for cols in this.children|batch(2) %}
          <div class="row">
            {% for page in cols if page %}
            <div class="medium-6 columns">
              <h4>
                {{ get_doc_icon(page) }}
                {{ get_doc_link(page) }}
              </h4>
              {% if page.summary %}
                <p class="summary">{{ page.summary }}</p>
              {% endif %}
            </div>
            {% endfor %}
          </div>
        {% endfor %}
      </div>
      {% endif %}

      {% if this.allow_comments %}
      <div class="comment-box">
        <h2>Comments</h2>
        {{ render_disqus_comments() }}
      </div>
      {% endif %}
    </div>
  </div>
{% endblock %}