From e927155e589881b63d39f559e6a04fa0d6005b8c Mon Sep 17 00:00:00 2001 From: Tomas Bzatek Date: Fri, 23 Sep 2016 22:36:52 +0200 Subject: fluid: Use CSS media queries to determine displayed image size This is a huge step forward in terms of usability and simplicity. Image sizes are now determined by browser automatically based on window width. As a result the image size switch buttons have been removed and only a single page is generated (index.html). Note: in order to make image title, description and EXIF table dynamically aligned to the image width, "display: table" and relatives were used. This may not be the best webdesigner practice but it's an effective and sufficient approach for the moment. --- templates/fluid/template_album.html | 69 +++++++++++++++++++++---------------- 1 file changed, 39 insertions(+), 30 deletions(-) (limited to 'templates/fluid/template_album.html') diff --git a/templates/fluid/template_album.html b/templates/fluid/template_album.html index 0552074..721fc15 100644 --- a/templates/fluid/template_album.html +++ b/templates/fluid/template_album.html @@ -9,6 +9,19 @@ + @@ -44,31 +57,38 @@
- +
- -
- -
-
-
- - - -   - - ISO - - - - - + + + + + + +
+
+ +
+
+
+ + + +   + + ISO + + + + + +

- +
@@ -84,17 +104,6 @@
- -
- - - - - - - -
- 1 / -- cgit v1.2.3