---
layout: default
permalink: /katas/
title: Katas
page-order: 3
published: true
---
<div class="container panel">
  <div class="row">
    <h3 class="panel text-center">Select from the themes to find a kata to try!</h3>
    <hr>
    {% for theme in site.data.kata_themes.themes %}
    <div class="col-xs-12 col-md-12">
      <div class="panel invert-colors">
        <div class="panel-title">
          {{ theme["title"] }}
        </div>
        {% for kata in site.categories["katas"] %}
          {% if kata.theme == theme["title"] %}
            <div class="panel-content">
              <div class="row">
                <div class="col-xs-10">
                  {{ kata.title }}
                  <br>
                  <em>{{ kata.blurb }}</em>
                </div>
                <div class="col-xs-2">
                  <a class="btn btn-secondary btn-sm" href="{{ kata.url }}">
                    View Kata
                  </a>
                </div>
              </div>
              <hr>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>
    {% endfor %}
  </div>
</div>

---
layout: default
permalink: /katas/
title: Katas
page-order: 3
published: true
---
<div class="container panel">
  <div class="row">
    <h3 class="panel text-center">Select from the themes to find a kata to try!</h3>
    <hr>
    {% for theme in site.data.kata_themes.themes %}
    <div class="col-xs-12 col-md-12">
      <div class="panel invert-colors">
        <div class="panel-title">
          {{ theme["title"] }}
        </div>
        {% for kata in site.categories["katas"] %}
          {% if kata.theme == theme["title"] %}
            <div class="panel-content">
              <div class="row">
                <div class="col-sm-10">
                  {{ kata.title }}
                  <br>
                  <em>{{ kata.blurb }}</em>
                </div>
                <div class="col-sm-2">
                  <a class="btn btn-secondary btn-sm" href="{{ kata.url }}">
                    View Kata
                  </a>
                </div>
              </div>
              <hr>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>
    {% endfor %}
  </div>
</div>

Fix mobile off-canvas spilling issue on Katas page.
Fix mobile off-canvas spilling issue on Katas page.
