---
layout: page
title: 'Lesson Material'
visible: false
---

<!-- Lesson section -->

{% for lang in site.languages %}
<h2>{{ lang | capitalize }}</h2>

<ul>
  {% assign pages_list = site.pages | sort: 'title' %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.visible == true %}
        {% if node.tags contains lang %}
          <li><a href="{{ site.github.url | replace:'http:','https:' }}{{ node.url }}">{{ node.title }}</a></li>
        {% endif %}
      {% endif %}
    {% endif %}
  {% endfor %}  <!-- node -->
</ul>
{% endfor %}  <!-- lang -->

<hr/>

{% for level in site.levels %}
<h2>{{ level | capitalize }}</h2>

<ul>
  {% assign pages_list = site.pages | sort: 'title' %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.visible == true %}
        {% if node.tags contains level %}
          <li><a href="{{ site.github.url | replace:'http:','https:' }}{{ node.url }}">{{ node.title }}</a></li>
        {% endif %}
      {% endif %}
    {% endif %}
  {% endfor %}  <!-- node -->
</ul>
{% endfor %}  <!-- level -->

---
layout: page
title: 'Lesson Material'
---

<!-- Lesson section -->

<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>By Topic</h2>
{% for lang in site.languages %}
<h3>{{ lang | capitalize }}</h3>

<ul>
  {% assign pages_list = site.pages | sort: 'title' %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.visible == true %}
        {% if node.tags contains lang %}
          <li><a href="{{ site.github.url | replace:'http:','https:' }}{{ node.url }}">{{ node.title }}</a></li>
        {% endif %}
      {% endif %}
    {% endif %}
  {% endfor %}  <!-- node -->
</ul>
{% endfor %}  <!-- lang -->
</div>

<div class="col-sm-6">
<h2>By Level</h2>
{% for level in site.levels %}
<h3>{{ level | capitalize }}</h3>

<ul>
  {% assign pages_list = site.pages | sort: 'title' %}
  {% for node in pages_list %}
    {% if node.title != null %}
      {% if node.visible == true %}
        {% if node.tags contains level %}
          <li><a href="{{ site.github.url | replace:'http:','https:' }}{{ node.url }}">{{ node.title }}</a></li>
        {% endif %}
      {% endif %}
    {% endif %}
  {% endfor %}  <!-- node -->
</ul>
{% endfor %}  <!-- level -->
</div>
</div>
</div>

Make lesson listing into two columns.
Make lesson listing into two columns.
