index.html

---
title: Learn with MeArm
layout: default
---

{% capture tags %}{% for doc in site.docs %}{% if doc.frontpage != false %}{% for tag in doc.tags %}{{ tag }}|{% endfor %}{% endif %}{% endfor %}{% endcapture %}
{% assign taghash = tags | split:'|' | sort | tag_hash %}
{% capture hws %}{% for doc in site.docs %}{% if doc.frontpage != false %}{% for hardware in doc.hardware %}{{ hardware }}|{% endfor %}{% endif %}{% endfor %}{% endcapture %}
{% assign hwhash = hws | split:'|' | sort | tag_hash %}

  <div class="centre">
    <div id="sidebar">
      <div class="filter" id="hw-filter">
        <h3>Filter by Hardware</h3>
        {% for hw in hwhash %}
        <a href="#" data-filter="{{ hw[0] | downcase }}">{{ hw[0] }}</a>
        {% endfor %}
      </div>
      <div class="filter" id="type-filter"><h3>Filter by Type</h3><a data-filter="type-instruction" href="#">Instructions</a> <a data-filter="type-challenge" href="#">Challenges</a> <a data-filter="type-lesson-plan" href="#">Lesson plans</a> <a data-filter="type-documentation" href="#">Documentation</a> <a data-filter="type-troubleshooting" href="#">Troubleshooting</a></div>
      <div class="filter" id="level-filter"><h3>Filter by Skill Level</h3><a data-filter="level-core" href="#">Core</a> <a data-filter="level-intermediate" href="#">Intermediate</a> <a data-filter="level-advanced" href="#">Advanced</a></div>
      <div class="filter" id="tag-filter">
        <h3>Filter by Tag</h3>
        {% for tag in taghash %}
        <a href="#" data-filter="{{ tag[0] | downcase }}">{{ tag[0] }} <span class="count">[{{ tag[1] }}]</span></a>
        {% endfor %}
      </div>
    </div>
    <div id="docs">
      {% for doc in site.docs %}
        {% if doc.frontpage != false %}
          {% include doc.html doc=doc %}
        {% endif %}
      {% endfor %}
    </div>
  </div>