{% extends "base.html.j2" %}
{% from "main/_breadcrumbs.html.j2" import breadcrumbs with context %}

{% block page_content %}
<div class="container">
  <div class="row">
    <div class="col s12">
      <h1 id="title">{{ title }}</h1>
    </div>

    <div class="col s12 m10">
      <div class="section scrollspy" id="introduction">
        {% include "main/manual/_01_introduction.html.j2" %}
      </div>
      <div class="section scrollspy" id="registration-and-log-in">
        {% include "main/manual/_02_registration_and_log_in.html.j2" %}
      </div>
      <div class="section scrollspy" id="dashboard">
        {% include "main/manual/_03_dashboard.html.j2" %}
      </div>
      <div class="section scrollspy" id="services">
        {% include "main/manual/_06_services.html.j2" %}
      </div>
      <div class="section scrollspy" id="a-closer-look-at-the-corpus-analysis">
        {% include "main/manual/_07_a_closer_look_at_the_corpus_analysis.html.j2" %}
      </div>
      <div class="section scrollspy" id="cqp-query-language">
        {% include "main/manual/_08_cqp_query_language.html.j2" %}
      </div>
    </div>

    <div class="col m2 hide-on-small-only">
      <ul class="section table-of-contents" style="position: fixed !important;">
        <li><a href="#introduction">Introduction</a></li>
        <li><a href="#registration-and-log-in">Registration and Log in</a></li>
        <li><a href="#dashboard">Dashboard</a></li>
        <li><a href="#services">Services</a></li>
        <li><a href="#a-closer-look-at-the-corpus-analysis">A closer look at the Corpus Analysis</a></li>
        <li><a href="#cqp-query-language">CQP Query Language</a></li>
      </ul>
    </div>
  </div>
</div>
{% endblock page_content %}