{% include 'header.twig' %}

<div class="posts">
    
    {# LibrePlanet banner
    <div class="bg-success" style="margin: 0 0 2em 0; padding: .5em;">
    </div>
    #}
    
    {% for post in posts %}
    
        <div class="post">
            <div class="title">
                {% if post.link|length > 0 %}
                    <a href="{{ post.link }}">
                        {{ post.title }}
                    </a>
                {% else %}
                    <a href="post/{{ post.hashId }}">
                        {{ post.title }}
                    </a>
                {% endif %}
            </div>
            
            <div class="info">
                {%
                    include 'vote.twig' with {
                        target: 'post',
                        hash_id: post.hashId,
                        vote: votes[post.id] is defined ? votes[post.id].vote : null,
                        vote_count: post.vote,
                        user: user is defined ? user : null
                    } only
                %}
                
                <em><a href="post/{{ post.hashId }}">{{ post.created|ago }}</a></em>
                by <a href="{{ ('user/' ~ post.username)|docroot }}">{{ post.username }}</a>
                —
                <a href="post/{{ post.hashId }}#comments">{{ post.commentsCount ? post.commentsCount }} comments</a>
            </div>
        </div>
        
    {% endfor %}
    
    <div class="more">
        <a href="?page={{ page + 1 }}" class="btn btn-sm btn-danger">
            More <span style="margin-left: 1em">▸</span>
        </a>
    </div>
</div>

{% include 'footer.twig' %}