<!DOCTYPE HTML>
<html>
{% include head.html %}

<body>
    {% include header.html %}

    <div id="main">
        <header>
            {% if page.image %}
            <div
                class="header-image"
                style="background-image: url('{% if site.featured-image-source %}{{ page.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ page.image }}{% endif %}');"></div>
            {% endif %}
            <h2>{{ page.title }}</h2>
            <p>{{ page.description }}</p>
        </header>
    </div>

    <section class="wrapper alt style2">
        {% if page.tiles-source == 'posts' %}
            {% assign items = site.posts %}
        {% elsif page.tiles-source == 'pages' %}
            {% assign items = site.pages %}
        {% elsif page.tiles-source == 'clients' %}
            {% assign items = site.clients %}
        {% endif %}

        {% for item in items limit:page.tiles-count %}
            <section class="spotlight">
                <div class="image">{% if item.image %}<img src="{% if site.featured-image-source %}{{ item.image | prepend: site.featured-image-source | absolute_url }}{% else %}{{ "" | absolute_url }}/assets/images/{{ item.image }}{% endif %}" alt="" />{% endif %}</div>
                <div class="content">
                    <h2>
                    {% if item.layout %}<a href="{{ item.url | relative_url }}" class="link">{% endif %}
                    {{ item.title }}
                    {% if item.layout %}</a>{% endif %}
                    </h2>
                    <p class="h5">{{ item.date | date: '%B %d, %Y' }}</p>
                    <p>{{ item.description }}</p>
                </div>
            </section>
        {% endfor %}
    </section>

    {% include footer.html %}
    {% include foot-scripts.html %}

</body>
</html>
