photos.escobar.life

The repository for the code used for generating the photos.pablopie.xyz website 📸️

Commit: 349ccbdf5554e16df3d507012e32b8df2aaa7c80
Parent: a2eb958494fcded05a23d71f947fc7f416c99d21
Author: Pablo <pablo-escobar@riseup.net>
Date: Tue, 26 Oct 2021 21:31:04 +0000

Improved the style of the main gallery

Diffstat

2 files changed, 8 insertions, 20 deletions

Status	File Name	N° Changes	Insertions	Deletions
Modified	theme/SHARED_default.css	14	4	10
Modified	theme/thumb_fixed.thtml	14	4	10

diff --git a/theme/SHARED_default.css b/theme/SHARED_default.css
@@ -25,8 +25,11 @@
 }
 
 #image img {
+  margin: 0;
+  object-fit: cover;
+
   width: 100%;
-  object-fit: contain;
+  aspect-ration: 1/1;
 }
 
 #gallery {
@@ -36,12 +39,3 @@
   gap: 1em;
 }
 
-#gallery figure {
-  margin: 0;
-  aspect-ration: 1/1;
-}
-
-#gallery figure img {
-  object-fit: cover;
-}
-

diff --git a/theme/thumb_fixed.thtml b/theme/thumb_fixed.thtml
@@ -1,10 +1,4 @@
-<figure xmlns:py="http://genshi.edgewall.org/">
-    <a href="$media.link">
-      <img src="$media.thumb"
-           width="100"
-           height="100"
-           alt="$media.thumb_name thumb"/>
-    </a>
-    <a py:if="media.type == 'video'"
-       href="$media.link"><img class="video_arrow" src="${rel_root}shared/video_arrow.svg" alt="video arrow overlay"/><span class="video_length" py:content="media.length" /></a>
-</figure>
+<a href="$media.link">
+  <img src="$media.thumb"
+       alt="$media.thumb_name thumb"/>
+</a>