reference.html

---
layout: page
title: Reference
order: 1
---

<div class="row">
  <div class="col-sm-8">
    {% for section in site.data.reference %}
      <section class="reference-section">
        <h2 id="{{ section.id }}">
          {{ section.title }}
        </h2>

        {% for example in section.examples %}
          <div class="reference-example">
            {% if example.text %}
              <p>{{ example.text }}</p>
            {% endif %}

            <div class="example-source">
              {% highlight slim %}{{ example.slime }}{% endhighlight %}
            </div>
            <div class="example-output">
              {% highlight html %}{{ example.output }}{% endhighlight %}
            </div>
          </div>
        {% endfor %}
      </section>
    {% endfor %}
  </div>

  <div class="col-sm-3 col-sm-offset-1">
    <ul class="reference-sidemenu">
      {% for section in site.data.reference %}
        <li>
          <a href="#{{ section.id }}">{{ section.title }}</a>
        </li>
      {% endfor %}
    </ul>
  </div>
</div>