{% extends "base.html" %}

{% block title %}{{ site_title }}{% endblock %}

{% block meta_tags %}
{% if has_platform_icons %}
{% set og_image = site_url ~ '/icons/android-chrome-512x512.png' %}
{% elif site_logo %}
{% if site_logo.startswith('http://') or site_logo.startswith('https://') %}
{% set og_image = site_logo %}
{% elif site_logo.startswith('/') %}
{% set og_image = site_url ~ site_logo %}
{% else %}
{% set og_image = site_url ~ '/' ~ site_logo %}
{% endif %}
{% else %}
{% set og_image = '' %}
{% endif %}
<meta property="og:title" content="{{ site_title }}{% if site_subtitle %} - {{ site_subtitle }}{% endif %}">
<meta property="og:type" content="website">
<meta property="og:url" content="{{ site_url }}/">
<meta property="og:site_name" content="{{ site_title }}">
{% if site_description %}
<meta name="description" content="{{ site_description }}">
<meta property="og:description" content="{{ site_description }}">
{% endif %}
{% if og_image %}
<meta property="og:image" content="{{ og_image }}">
{% endif %}
{% if site_keywords %}
<meta name="keywords" content="{{ site_keywords|join(', ') }}">
{% endif %}
<meta name="twitter:card" content="{{ 'summary_large_image' if og_image else 'summary' }}">
<meta name="twitter:title" content="{{ site_title }}{% if site_subtitle %} - {{ site_subtitle }}{% endif %}">
{% if site_description %}
<meta name="twitter:description" content="{{ site_description }}">
{% endif %}
{% if og_image %}
<meta name="twitter:image" content="{{ og_image }}">
{% endif %}
{% endblock %}

{% from '_pagination.html' import pagination %}
{% from '_post_summary.html' import post_summary with context %}

{% block content %}
<div class="posts-list">
    <h1>Recent Posts</h1>
    {% if page > 1 %}{{ pagination(page, total_pages, pagination_page_urls) }}{% endif %}

    {% if posts %}
    {% for post in posts %}
    {{ post_summary(post) }}
    {% endfor %}
    {% else %}
    <p>No posts yet.</p>
    {% endif %}

    {{ pagination(page, total_pages, pagination_page_urls) }}
</div>
{% endblock %}