layout: default


{{ content }}

{% assign per_column = 3 %}

<div class=“projects”>

<h1 class="title is-size-1 has-text-centered has-text-primary">{{ page.title }}</h1>

<div class="container">
{% if site.projects[0] %}
  {% assign i = 1 %}

  {% for project in site.projects %}

    {% if i == 1 %}
      <div class="columns">
    {% endif %}

    <div class="column">
      <p class="has-text-centered">{{ project.title }}</p>
      <figure class="image is-16by9 project">
        {% assign link = project.link %}
        {% include util/prepend_link.html %}

        <a class="has-text-centered" href="{{ link }}">
          <p class="hover has-text-info">
            <span>{{ project.title | upcase }}</span>
            <span class="icon">
              <i class="fa fa-external-link"></i>
            </span>
          </p>
          {% assign link = project.image %}
          {% include util/prepend_link.html %}

          <img src="{{ link }}" alt="{{ project.title }}">
        </a>

      {% if project.overlay %}
        <span class="overlay {{ project.overlay.style }}">{{ project.overlay.text }}</span>
      {% endif %}

      </figure>
    </div>

    {% if i == per_column %}
      </div> {% comment %} columns {% endcomment %}
      {% assign i = 1 %}
    {% else %}
      {% assign i = i | plus: 1 %}
    {% endif %}

  {% endfor %}

{% else %}
  <p class="has-text-centered">There's no content to be shown here!</p>

{% endif %}

</div> {% comment %} container {% endcomment %}

</div> {% comment %} section {% endcomment %}