{% extends 'base.html' %}
{% block content %}

<h1> Welcome to {{ config.SITE_NAME }}! </h1>

{% if config.ABOUT_TEXT %}
<p class='pre-wrap'>{{ config.ABOUT_TEXT|safe }}</p>
<hr>
{% endif %}

<h2 class='no-margin-bottom'> Latest listings: </h2>

<ul class='listings-preview'>
  {% for listing in listings %}
    <li>
      <a href='/listing/{{ listing.id }}'>
        <p class='listing-title'> {{ listing.title }}</p>
        {% if listing.primary_image_path %}
        <img class='listing-image' src='/static/images/{{ listing.primary_image_path }}'>
        {% endif %}
        <p class='listing-description smaller'>{{ listing.description }} </p>
      </a>
    </li>
  {% endfor %}
</ul>

{% endblock content %}