index.html

---
layout: bright-header-default
---
<main class="content content--white">
    <section class="articles">
        <div class="wrapper">
            {% for post in site.posts %}
            <article class="article">
                <a class="article__image" href="{{post.url}}">
                    <img src="{{ site.github.url | replace: 'http://', '//' }}/{{post.image}}" alt="{{post.title}}">
                </a>

                <div class="article__content">
                    <h3 class="article__title">
                        <a href="{{post.url}}">{{post.title}}</a>
                    </h3>
                    <span class="article__author">{{post.author}}</span>
                    <span class="article__date">{{post.date | date_to_long_string}}</span>

                    <div class="article__badges">

                        {% for tag in post.tags%}
                            <span class="badge badge--primary">{{tag.name}}</span>
                        {% endfor %}
                    </div>

                    <div class="article__resumen">
                        <a href="{{post.url}}">{{post.description}}</a>
                    </div>
                </div>
            </article>
            {% endfor %}
        </div>
    </section>
</main>