photos.escobar.life

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

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

Updated the style of the main gallery

Diffstat

2 files changed, 4 insertions, 5 deletions

Status	File Name	N° Changes	Insertions	Deletions
Modified	theme/SHARED_default.css	5	2	3
Modified	theme/dirindex.thtml	4	2	2

diff --git a/theme/SHARED_default.css b/theme/SHARED_default.css
@@ -25,7 +25,6 @@
 }
 
 #image img {
-  max-height: 80vh;
   width: 100%;
   object-fit: contain;
 }
@@ -33,13 +32,13 @@
 #gallery {
   margin: 1em 0;
   display: grid;
-  grid-template-columns: repeat(auto-fit, 100px);
-  justify-content: center;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
   gap: 1em;
 }
 
 #gallery figure {
   margin: 0;
+  aspect-ration: 1/1;
 }
 
 #gallery figure img {

diff --git a/theme/dirindex.thtml b/theme/dirindex.thtml
@@ -30,7 +30,7 @@
   <meta property="og:title" content="Photos"/>
   <meta property="og:image" content="index.png"/>
   <meta property="og:image:type" content="image/png"/>
-  <meta property="og:url" content="http://localhost:4000/"/>
+  <meta property="og:url" content="https://photos.pablopie.xyz/"/>
   <meta property="og:description" content="Some of the photos I took."/>
   <meta property="og:locale" content="en_US"/>
   <meta property="og:type" content="website"/>
@@ -49,7 +49,7 @@
     </section>
 
     <div py:for="subdir, medias in medias" py:if="medias" id="gallery">
-      <xi:include href="thumb_fixed.thtml" py:for="media in medias" />
+      <xi:include href="thumb_fixed.thtml" py:for="media in medias"/>
     </div>
   </main>