layout: page


<div class=“columns is-multiline”>

{% for work in site.data.works %}
<div class="column is-narrow">
  <div class="work-card card">
    <div class="card-header">
      <h1 class="card-header-title is-centered">
        {{work.name}}
      </h1>
    </div>
    <div class="card-image">
      {% asset {{work.preview}} class="image is-512x512" %}
    </div>
    <div class="card-content">
      <div class="tags">
        {% for tag in work.tags %}
        <a class="tag is-black">
          {{tag}}
        </a>
        {% endfor %}
      </div>
      <div class="content">
        {% if work.github %}
        View on
        <a class="link" href="{{work.github}}">
          <span class="icon">
            <i class="fab fa-github"></i>
          </span>
          Github
        </a>
        <br>
        {% endif %}
        {{work.description}}
      </div>
    </div>
  </div>
</div>
{% endfor %}

</div>