gallery.html

---
layout: default
---
<div class="container-fluid">
  <div class="row">
    <div class="col-md-12">
      <div class="panel panel-primary">
        <div class="panel-heading">
          <h3 class="panel-title">The Project Gallery</h3>
        </div>
        <div class="panel-body">

          <div class="tardate-gallery">
            {% for project in site.data.catalog %}
              {% assign project_path = project["relative_path"] %}
              {% assign project_name = project_path | split: "/" | last %}
              {% assign project_id = project["id"] %}
              {% assign leap_id = "LEAP" | append: project_id %}
              {% assign project_title = project["name"] %}
              {% assign project_description = project["description"] %}
              {% assign hero_image_url = project_path  | prepend: site.baseurl | append: "/assets/" | append: project_name | append: "_build_thumbnail.jpg" %}
              <a href="{{ project_path | prepend: site.baseurl }}"
                data-toggle="tooltip" data-placement="bottom" title="{{ leap_id }} {{ project_title }} - {{ project_description }}">
                <img class="media-object" src="{{ hero_image_url }}" alt="{{ project_title }}">
              </a>
            {% endfor %}
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="https://cdn.datatables.net/r/bs-3.3.5/jqc-1.11.3,dt-1.10.8/datatables.min.js"></script>
<script type="text/javascript">
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
</script>