{% extends 'global.html'%}

# {% block title %}Start{% endblock %}

{% block maincontent %}

{% include 'partials/welcome.html' %}
<article class="LP-TextSection">
    <p class="LP-Paragraph">
        You can create, view and share your favorite lost places with other
        members of this site. You can upload photos, place links to your 
        web galleries and contribute your knowledge by tagging other places or
        commenting on them. You will find detailed information on where these
        locations are, how to get there and what to expect from them. This might
        even include information on how to overcome security measures or where
        to watch for cameras or security personnel.
    </p>
    <p class="LP-Paragraph">{% lorem %}</p>
</article>

<div class="LP-PlaceGrid">
    <h1 class="LP-Headline LP-Headline">Our latest locations</h1>
    <ul class="LP-PlaceGrid__Grid">
        {% for place in place_list %}
        <li class="LP-PlaceGrid__Item">
            <a href="{% url 'place_detail' pk=place.pk %}" class="LP-Link">
                <article class="LP-PlaceTeaser">
                    <div class="LP-PlaceTeaser__Image">
                        <img class="LP-Image" src="{{ place.images.first.filename.thumbnail.url}}" />
                    </div>
                    <div class="LP-PlaceTeaser__Meta">
                        <div class="LP-PlaceTeaser__Info">
                            <span class="LP-PlaceTeaser__Title">
                                <h1 class="LP-Headline LP-Headline--teaser">{{place.name|truncatechars:19}}</h1>
                            </span>
                        </div>
                    </div>
                </article>
            </a>
        </li>
        {% endfor %}
    </ul>
</div>

{% endblock maincontent %}