modules.html

---
layout: default
permalink: /modules/
---

<div class="modules">
  {% include menu.html %}
  <div class="article-navigation">
    
    {% for item in site.categories.modules reversed limit:40 offset:0 %}
      <a class="article-link{% if item.title == "Document" %} active{% endif %}" href="{{site.baseurl}}{{item.url}}" title="{{item.title}}">
        <div class="title" style="padding-top: 43px">{{item.title}}</div>
      </a>
    {% endfor %}
  </div>
</div>

{% for page in site.categories.modules reversed limit:1 offset:5 %}

  <div class="intro">
    <div class="title">
    {{page.title}}
      <div class="small-progress-bar">
        <div class="progress{% if page.progress > 0 %} done{% endif %}"></div>
        <div class="label">{{page.version}}</div>
        <div class="progress{% if page.progress > 1 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 2 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 3 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 4 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 5 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 6 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 7 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 8 %} done{% endif %}"></div>
        <div class="progress{% if page.progress > 9 %} done{% endif %}"></div>
      </div>
    </div>
    <div class="abstract">{{page.abstract}}</div>

    <div class="meta">
      <div class="contributors">
        <div class="caption">Contributors</div>
        {% for item in page.contributors %}
          <a class="contributor" href="http://github.com/{{item.user}}" title="{{ item.name }}">
            <img src="{{ item.avatar }}" width="40" height="40"/>
          </a>
        {% endfor %}
      </div>
      <div class="links">
        <div class="caption">Links</div>
        <div class="link-listing">
          <a class="button" href="{{page.links.source}}" target="_blank">Source Code</a>
          {% if page.links.demo %}
            <a class="button" href="{{page.links.demo}}" target="_blank">Demo</a>
          {% endif %}
        </div>
      </div>
    </div>
  </div>

  <div class="article-wrapper">
    <div class="help post-content">
      {{ page.content }}
    </div>
  </div>

  <div class="improve-article-wrapper">
    <div class="improve-article">
      <a class="button" href="{{page.prose_link }}">Edit in Prose</a>
      <p>
        This article has been written and published using <a href="http://prose.io" target="_blank">Prose</a>. Please help improving it by contributing to the text.
      </p>
    </div>
  </div>
{% endfor %}