---
layout: default
robots: noindex
slug: projects
---
<ul class="timeline">
  {% for project in site.data.projects %}
    <li class="timeline-inverted">
      <div class="timeline-image">
        <a href="{{ project.url }}" target="_blank" style="display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;">
          <img class="img-me" src="{{ project.img | prepend: site.baseurl }}" alt="">
        </a>
      </div>
      <div class="timeline-panel">
        <div class="timeline-heading">
          <h4>
            <a href="{{ project.url }}" target="_blank">
            {{ project.name }}
            </a>
          </h4>
        </div>
        <div class="timeline-body">
          {% if project.desc %}
            {{ project.desc | markdownify }}
          {% else %}
            <div repotext="{{ project.repo }}">
              <span class="desc"></span>
            </div>
          {% endif %}
        </div>
      </div>
    </li>
  {% endfor %}
</ul>
