61 lines
1.8 KiB
HTML
61 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html{if="$language !== 'auto'"} lang="{$language}"{/if}>
|
|
<head>
|
|
{$pageName="picwall"}
|
|
{include="includes"}
|
|
</head>
|
|
<body>
|
|
{include="page.header"}
|
|
|
|
<div class="container content-container">
|
|
{if="count($linksToDisplay) === 0 && $is_logged_in"}
|
|
<div class="alert alert-warning text-center">
|
|
{'There is no cached thumbnail.'|t}
|
|
<a href="{$base_path}/admin/thumbnails">{'Try to synchronize them.'|t}</a>
|
|
</div>
|
|
{/if}
|
|
|
|
<div id="plugin_zone_start_picwall" class="plugin_zone">
|
|
{loop="$plugin_start_zone"}
|
|
{$value}
|
|
{/loop}
|
|
</div>
|
|
|
|
<div class="picwall-container">
|
|
{loop="$linksToDisplay"}
|
|
<div class="picwall-pictureframe">
|
|
<img src="{$root_path}/{$value.thumbnail}#"
|
|
loading="lazy"
|
|
alt="{$value.title}"
|
|
style="width: 100%; height: 100%; object-fit: cover;" />
|
|
|
|
<div class="picwall-overlay" style="position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,0.7); padding: 0.5rem; transform: translateY(100%); transition: transform 0.2s ease;">
|
|
<a class="picwall-link" href="{$value.real_url}" style="color: white; font-size: 0.9rem; text-decoration: none; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
|
|
{$value.title}
|
|
</a>
|
|
</div>
|
|
|
|
{loop="$value.picwall_plugin"}
|
|
{$value}
|
|
{/loop}
|
|
</div>
|
|
{/loop}
|
|
</div>
|
|
|
|
<div id="plugin_zone_end_picwall" class="plugin_zone">
|
|
{loop="$plugin_end_zone"}
|
|
{$value}
|
|
{/loop}
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.picwall-pictureframe:hover .picwall-overlay {
|
|
transform: translateY(0);
|
|
}
|
|
</style>
|
|
|
|
{include="page.footer"}
|
|
</body>
|
|
</html>
|