{PPP LAYOUT:template2_layout.php}

<!-- Tag Cloud (optional) -->
{PPP IF:setting["use_tag_cloud"]}
<div class="tag-cloud">
    {PPP:tag_links_html}
</div>
{/PPP IF}

<!-- Gallery Grid -->
<div class="gallery-grid">
    {PPP LOOP:articles}
    <article class="gallery-item {PPP IF:articles.thumbnail_title}text-only{/PPP IF}">
        <a href="{PPP:articles.url}" data-log-link>
            {PPP IF:articles.thumbnail_title}
            <span class="gallery-text-title">{PPP:articles.thumbnail_title}</span>
            {PPP ELSE}
            <img src="{PPP:articles.thumbnail_path}" alt="{PPP:articles.title}" loading="lazy">
            <div class="gallery-item-overlay">
                <span class="gallery-item-title">{PPP:articles.title}</span>
            </div>
            {PPP IF:articles.multi_image}
            <div class="gallery-item-icons">
                <span class="multi-icon" style="background-image: url('{PPP SITE_URL}/system_resource/multiimage.png')"></span>
            </div>
            {/PPP IF}
            {PPP IF:articles.pin}
            <div class="gallery-item-icons">
                <span class="pin-icon" style="background-image: url('{PPP SITE_URL}/system_resource/pinimage.png')"></span>
            </div>
            {/PPP IF}
            {/PPP IF}
        </a>
    </article>
    {/PPP LOOP}
</div>

<!-- Pagination -->
<div class="pagination">
    {PPP INCLUDE:template2_parts_pagination.php}
</div>