lostplaces-backend/lostplaces/lostplaces_app/templates/home_unauth.html

{% 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">
        Since vandalism is a growing problem these days, no sensitive
        information is available to the public. You have to 
        <a class="LP-Link" href="{% url 'codex' %}"><span class="LP-Link__Text">sign up</span></a> 
        with a voucher code as an invitation to join this community. Only admins
        can create these codes. Usually you are given a code when we know you
        in real life in person. A request from an unknown person will most
        probably be denied.
    </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 %}