photo-gallery-styles

Design documents for photos.pablopie.xyz 📸️

Commit
8fcf2343b85b2c3dd1b2310cc85355079e4380d9
Parent
3990f3b0c24324b11b6b62f77eb0833849924c31
Author
Pablo <pablo-escobar@riseup.net>
Date

Altered the image URL schema

Diffstat

2 files changed, 15 insertions, 14 deletions

Status File Name N° Changes Insertions Deletions
Modified index.haml 3 2 1
Modified index.html 26 13 13 
diff --git a/index.haml b/index.haml
@@ -20,8 +20,9 @@
 
       %ul#gallery
         - for img in Dir["photos/*.*"].sort
+          - filename = img.gsub "photos/", ""
           %li
-            %a{ :href => "./pictures/" + img + ".html" }
+            %a{ :href => "./" + filename + ".html" }
               -# TODO: Render WEBP preview images instead
               -# TODO: Add alt text
               %img{ :src => "./" + img }

diff --git a/index.html b/index.html
@@ -29,67 +29,67 @@
 </nav>
 <ul id='gallery'>
 <li>
-<a href='./pictures/photos/1.png.html'>
+<a href='./1.png.html'>
 <img src='./photos/1.png'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/10.jpg.html'>
+<a href='./10.jpg.html'>
 <img src='./photos/10.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/11.jpg.html'>
+<a href='./11.jpg.html'>
 <img src='./photos/11.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/12.jpg.html'>
+<a href='./12.jpg.html'>
 <img src='./photos/12.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/13.jpg.html'>
+<a href='./13.jpg.html'>
 <img src='./photos/13.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/2.jpg.html'>
+<a href='./2.jpg.html'>
 <img src='./photos/2.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/3.jpg.html'>
+<a href='./3.jpg.html'>
 <img src='./photos/3.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/4.jpg.html'>
+<a href='./4.jpg.html'>
 <img src='./photos/4.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/5.jpg.html'>
+<a href='./5.jpg.html'>
 <img src='./photos/5.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/6.jpg.html'>
+<a href='./6.jpg.html'>
 <img src='./photos/6.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/7.jpg.html'>
+<a href='./7.jpg.html'>
 <img src='./photos/7.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/8.jpg.html'>
+<a href='./8.jpg.html'>
 <img src='./photos/8.jpg'>
 </a>
 </li>
 <li>
-<a href='./pictures/photos/9.png.html'>
+<a href='./9.png.html'>
 <img src='./photos/9.png'>
 </a>
 </li>