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

45 lines
1.8 KiB
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">{% 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 %}