layout: page columns: 3


{{ content }} {% for category in site.data.projects %} <div class='row'>

<div class='col-12 my-3'>
  <h3>{{ category.name }}</h3>
  {% if category.description %}
  <div class="alert alert-light">{{ category.description | safe | newline_to_br }}</div>
  {% endif %}
  {%- assign layout.columns = 3 -%}
  {% for project in category.projects %}
    {% assign loop = forloop.index | minus: 1 | modulo: layout.columns %}
    {% if loop == 0 %}
    <div class="row">
    {% endif %}
      <div class="col-12 col-sm-6 col-xl-{{ 12 | divided_by: layout.columns | int }} my-3">
        <div class="card">
          <div class="text-center">
          {% if project.image %}
            <img src="{{ "/assets/images/projects" | relative_url }}/{{ project.image }}" class="py-1 w-50 card-img-top" alt="{{ project.name }} Project Logo">
          {% elsif project.icon %}
            <i class="{{ project.icon}} fa-10x py-2 logo-icon"></i><br><br>
          {% elsif category.image %}
            <img src="{{ "/assets/images/projects" | relative_url }}/{{ category.image }}" class="py-1 w-50 card-img-top" alt="{{ project.name }} Project Logo">
          {% elsif category.icon %}
            <i class="{{ category.icon}} fa-10x py-2 logo-icon"></i><br><br>
          {% else %}
            <i class="fas fa-code-branch fa-10x py-2 logo-icon"></i><br><br>
          {% endif %}
          </div>
          <div class="card-body">
            <h5 class="card-title">{{ project.name }}
            {% if project.github %}
            <div class="float-right"><a class="github-button" href="https://github.com/{{ project.github }}" data-show-count="true" aria-label="Star {{ project.name }} on GitHub">Star</a><div>
            {% endif %}
            </h5>
            {% if project.description %}
            <p class="card-text">{{ project.description | safe | newline_to_br }}</p>
            {% endif %}
          </div>
          <ul class="list-group list-group-flush">
            <li class="list-group-item text-center">
              {% if project.homepage %}<a href="{{ project.homepage }}" class="card-link"><i class="fas fa-home fa-2x" title="{{ project.name }} Homepage"></i></a>{% endif %}
              {% if project.documentation %}<a href="{{ project.documentation }}" class="card-link"><i class="fas fa-book-open fa-2x" title="{{ project.name }} Documentation"></i></a>{% endif %}
              {% if project.github %}<a href="https://github.com/{{ project.github }}" class="card-link"><i class="fab fa-github fa-2x" title="{{ project.name }} on Github"></i></a>{% endif %}
              {% if project.dockerhub %}<a href="https://hub.docker.com/r/{{ project.dockerhub }}" class="card-link"><i class="fab fa-docker fa-2x" title="{{ project.name }} on Docker Hub"></i></a>{% endif %}
              {% if project.puppet_forge %}<a href="https://forge.puppet.com/{{ project.puppet_forge }}" class="card-link"><i class="fas fa-flask fa-2x" title="{{ project.name }} on Puppet Forge"></i></a>{% endif %}
              {% if project.npm %}<a href="https://www.npmjs.com/package/{{ project.npm }}" class="card-link"><i class="fab fa-npm fa-2x" title="{{ project.name }} on the NPM Registry"></i></a>{% endif %}
              {% if project.pypi %}<a href="https://pypi.org/project/{{ project.pypi }}/" class="card-link"><i class="fab fa-python fa-2x" title="{{ project.name }} on PyPI"></i></a>{% endif %}
              {% if project.packagist %}<a href="https://packagist.org/packages/{{ project.packagist }}" class="card-link"><i class="fab fa-php fa-2x" title="{{ project.name }} on Packagist"></i></a>{% endif %}
              {% if project.rubygems %}<a href="https://rubygems.org/gems/{{ project.rubygems }}/" class="card-link"><i class="fas fa-gem fa-2x" title="{{ project.name }} on RubyGems"></i></a>{% endif %}
              {% if project.wordpress %}<a href="https://wordpress.org/plugins/{{ project.wordpress }}/" class="card-link"><i class="fab fa-wordpress fa-2x" title="{{ project.name }} on the Wordpress Plugin Directory"></i></a>{% endif %}
            </li>
          </ul>
        </div>
      </div>
    {%- assign last_loop = layout.columns | minus: 1 -%}
    {% if loop == last_loop or forloop.last == true %}
    </div>
    {%- endif -%}
  {%- endfor -%}
</div>

</div>

{% endfor %}