_layouts/recipes-1.2.html

---
layout: default
---

<div class="row">
  <div class="col-md-2">
    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" data-spy="affix">
      <div class="panel panel-default">
      {% assign mydocs = site.recipes-1-2 | group_by: 'category' %}
      {% assign categories = "getting-started,recipes,tools" | split: "," %}
      {% for pcat in categories %}
        {% for dcat in mydocs %}
          {% if pcat == dcat.name %}
            <div class="panel-heading" role="tab" id="headingOne">
              <h4 class="panel-title">
                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ pcat }}" aria-expanded="{% if pcat == page.category %}true{% else %}false{% endif %}" aria-controls="collapse{{ pcat }}">
                  {{ pcat | capitalize | replace: "-", " " }}
                </a>
              </h4>
            </div>
            <div id="collapse{{pcat}}" class="panel-collapse collapse{% if pcat == page.category %} in{% endif %}" role="tabpanel" aria-labelledby="headingOne">
              <div class="panel-body">
                {% assign items = dcat.items | sort: 'order' %}
                {% for item in items %}
                <div class="row doc-sidebar-link"><a href="{{ item.url }}">{{ item.title }}</a></div>
                {% endfor %}
              </div>
            </div>
          {% endif %}
        {% endfor %}
      {% endfor %}
      </div>
    </div>
  </div>
  <div class="col-md-10">
    {% if page.category %}
    <p>Fluo Recipes {{ page.version }} documentation &nbsp;&gt;&gt;&nbsp; {{ page.category | capitalize | replace: "-", " " }} &nbsp;&gt;&gt;&nbsp; {{ page.title }}</p>
    {% endif %}

    <!--div class="alert alert-danger" style="margin-bottom: 0px;" role="alert">This documentation is for a future release of Fluo Recipes! <a href="{{ site.baseurl }}/docs/fluo-recipes/{{ site.latest_recipes_minor }}/">View documentation for the latest release</a>.</div>-->

    {% unless page.nodoctitle %}
    <div class="row">
      <div class="col-md-10"><h1>{{ page.title }}</h1></div>
      <div class="col-md-2"><a class="pull-right" style="margin-top: 25px;" href="https://github.com/apache/fluo-website/edit/main/{{ page.path }}" role="button"><i class="glyphicon glyphicon-pencil"></i> <small>Edit this page</small></a></div>
    </div>
    {% endunless %}
    {{ content }}

    <div class="row" style="margin-top: 20px;">
      <div class="col-md-10"><strong>Find documentation for all Fluo releases in the <a href="{{ site.baseurl }}/docs/">archive</strong></div>
      <div class="col-md-2"><a class="pull-right" href="https://github.com/apache/fluo-website/edit/main/{{ page.path }}" role="button"><i class="glyphicon glyphicon-pencil"></i> <small>Edit this page</small></a></div>
    </div>
  </div>
</div>