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 %}