---

layout: default

lang: pt-br

title: Posts

permalink: /posts/

pagination:

enabled: true

---

<div class="container-fluid bg-info text-light py-5">

<div class="container">

<h1>Posts</h1>

</div>

<div class="container">

{% for post in site.posts %}

<div class="py-4">

<h2>

<a href="{{ post.url | relative_url }}" class="text-dark link-clean">{{ post.title | escape }}</a>

</h2>

<p>

<time datetime="{{ post.date | date_to_xmlschema }}" class="text-secondary">

{% include date.html date=post.date %}

</time>

</p>

<p>

{{ post.content | strip_html | truncatewords:40 }}

</p>

<p>

<a class="btn btn-info" href="{{ post.url | relative_url }}" role="button">Leia mais &raquo;</a>

</p>

<hr />

</div>

{% endfor %}

{%- comment -%}

<!-- Pagination links -->

<nav aria-label="Page navigation example">

{% if paginator.total_pages > 1 %}

<ul class="pagination justify-content-center">

{% if paginator.previous_page %}

<li class="page-item">

<a class="page-link bg-light text-dark" href="{{ paginator.previous_page_path }}" aria-label="Previous">

<span aria-hidden="true">&laquo;</span>

<span class="sr-only">Previous</span>

</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link bg-light text-dark" href="#!" aria-label="Previous">

<span aria-hidden="true">&laquo;</span>

<span class="sr-only">Previous</span>

</a>

</li>

{% endif %}

{% for page in (1..paginator.total_pages) %}

{% if page == paginator.page %}

<li class="page-item active"><a class="page-link text-light bg-info" href="#!">{{ page }}</a></li>

{% elsif page == 1 %}

<li class="page-item"><a class="page-link bg-light text-dark" href="{{ '/posts/' }}">{{ page }}</a></li>

{% else %}

<li class="page-item"><a class="page-link bg-light text-dark"

href="{{ site.paginate_path | replace: ':num', page | prepend: 'posts' | relative_url }}">{{ page }}</a>

</li>

{% endif %}

{% endfor %}

{% if paginator.next_page %}

<li class="page-item">

<a class="page-link bg-light text-dark" href="{{ paginator.next_page_path }}" aria-label="Next">

<span aria-hidden="true">&raquo;</span>

<span class="sr-only">Next</span>

</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link bg-light text-dark" href="#!" aria-label="Next">

<span aria-hidden="true">&raquo;</span>

<span class="sr-only">Next</span>

</a>

</li>

{% endif %}

</ul>

{% endif %}

</nav>

{%- endcomment -%}