first commit

shaarli-pro/picwall.html

@@ -0,0 +1,60 @@
+<!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>