controllers.html

---
layout: page
title: Supported Controllers
permalink: /controllers/
---

<script src="/js/isotope.pkgd.js"></script>
<script src="/js/masonryHorizontal.js"></script>
<script src="/js/imagesLoaded.pkgd.js"></script>
<script src="/js/isotopeSetup.js"></script>

There are currently  {{ site.posts | size }} controllers supported within the Modality toolkit.


<!-- <div class="grid js-isotope"
  data-isotope-options='{ "itemSelector": ".item", "layoutMode": "masonry", "sortBy": "name", "sortAscending": "true"}, "percentPosition": "false" '>
 -->
 <div class="grid">
{% for post in site.posts %}
  <div class="grid-item" controller="{{ post.title | downcase }}">
    {% if post.imageFilename %} 
    <a href="{{ post.url }}"><div class="controllerfig"><img class="controllerInGrid" src="/img/controllers/{{ post.imageFilename }}" /></div></a>
    {% endif %} 
    <p class="name"><a href="{{ post.url }}">{{ post.title }}</a></p>
  </div>
{% endfor%}
</div>



<!-- {% capture posts %}
{% for post in site.posts %}|{{ post.title | downcase }}#{{ post.url }}#{{ post.title }}{% endfor %}
{% endcapture %}
{% assign sortedposts = posts | split: '|' | sort %}
<ul class="controllers">
{% for post in sortedposts %}
    {% unless forloop.index <= 1 %}
    {% assign postitems = post | split: '#' %}
    <li><a href="{{ postitems[1] }}">{{ postitems[2] }}</a></li>
    {% endunless %}
{% endfor %}
</ul>
 -->

 <h2>Your controller is missing?</h2>

Write a description for it and contact the <a target="_blank" href="https://twitter.com/{{ site.twitter_username}}">Modality Team</a> to share what you made. 
It is easy, get started with

{% highlight text %}
MKtl('yourcontroller').explore;
{% endhighlight %}

Alternatively, you may consider donating a controller to the <a href="/team/">Modality Team</a>, we'll be glad to write a description file for it.