index.html

---
layout: default
---

<div class="wap-main">
  <section class="wap-gallery">
    {% for post in site.posts %}
      <article class="wap-gallery--item">
        <a class="wap-gallery--item-showcase" target="_blank" href="{{post.codepen}}">
          <img src="{{post.image}}" alt="">
          <div class="wap-gallery--item-showcase-links">
            <span class="item-showcase-link codepen-link"></span>
          </div>
        </a>
        <div class="wap-gallery--item-desc-box">
          <h3 class="wap-gallery--item-title">{{post.title}}</h3>
          <span class="wap-gallery--item-date">{{post.post_date}}</span>
          <a href="https://github.com/{{post.github_user}}" target="_blank" class="wap-gallery--user-info">
            <img src="https://github.com/{{post.github_user}}.png?size=200" alt="{{post.creator_name}}" title="{{post.creator_name}}">
          </a>
        </div>
      </article>
    {% endfor %}
  </section>
</div>