<!DOCTYPE html>
<html{if="$language !=='auto'"} lang=" {$language}"{/if}>
<head>
{include="includes"}
</head>
<body>
{include="page.header"}
{if="count($linksToDisplay)===0 && $is_logged_in"}
<div class="pure-g pure-alert pure-alert-warning page-single-alert">
<div class="pure-u-1 center">
{'There is no cached thumbnail.'|t}
<a href="{$base_path}/admin/thumbnails">{'Try to synchronize them.'|t}</a>
</div>
</div>
{/if}
<section>
{$countPics=count($linksToDisplay)}
<h2>{'Picture Wall'|t} - {$countPics} {'pics'|t}</h2>
<div id="plugin_zone_start_picwall" class="plugin_zone">
{loop="$plugin_start_zone"}
{$value}
{/loop}
</div>
<div class="gallery flex flex-center">
{loop="$linksToDisplay"}
<figure>
<a href="{$value.real_url}">
<img src="{$value.thumbnail}#" loading="lazy" width="{$thumbnails_width}" height="{$thumbnails_height}" alt="thumbnail">
</a>
<figcaption title="{$value.title}">{$value.title}</figcaption>
{loop="$value.picwall_plugin"}
{$value}
{/loop}
</figure>
{/loop}
</div>
<div id="plugin_zone_end_picwall" class="plugin_zone">
{loop="$plugin_end_zone"}
{$value}
{/loop}
</div>
</section>
{include="page.footer"}
</body>
</html>