diff options
| author | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2016-09-23 22:36:52 +0200 |
|---|---|---|
| committer | Tomas Bzatek <tbzatek@users.sourceforge.net> | 2016-09-23 22:36:52 +0200 |
| commit | e927155e589881b63d39f559e6a04fa0d6005b8c (patch) | |
| tree | 0c224c6373ed60a2ee7e3bed5b03896d81510487 /templates/fluid/fluid.xml | |
| parent | 8d5ff019af0a5a87e74632f53a8cc8cf34060db9 (diff) | |
| download | cataract-e927155e589881b63d39f559e6a04fa0d6005b8c.tar.xz | |
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.
Diffstat (limited to 'templates/fluid/fluid.xml')
| -rw-r--r-- | templates/fluid/fluid.xml | 37 |
1 files changed, 0 insertions, 37 deletions
diff --git a/templates/fluid/fluid.xml b/templates/fluid/fluid.xml index 49e8547..9bdba19 100644 --- a/templates/fluid/fluid.xml +++ b/templates/fluid/fluid.xml @@ -53,43 +53,6 @@ <picture_size>preview</picture_size> </album> - <define name="THEME_SIZE_PREVIEW" /> - <define name="BORDER_STYLE" value="border_single" /> - </theme> - - <theme enabled="yes"> - <index> - <template>template_index.html</template> - <target_filename>index_big.html</target_filename> - <thumbnail_size>thumbnail</thumbnail_size> - <protected_thumbnail>emblems-readonly_120.png</protected_thumbnail> - </index> - - <album> - <template>template_album.html</template> - <target_filename>index_big.html</target_filename> - <picture_size>original</picture_size> - </album> - - <define name="THEME_SIZE_BIG" /> - <define name="BORDER_STYLE" value="border_single" /> - </theme> - - <theme enabled="yes"> - <index> - <template>template_index.html</template> - <target_filename>index_hires.html</target_filename> - <thumbnail_size>thumbnail</thumbnail_size> - <protected_thumbnail>emblems-readonly_120.png</protected_thumbnail> - </index> - - <album> - <template>template_album.html</template> - <target_filename>index_hires.html</target_filename> - <picture_size>hires</picture_size> - </album> - - <define name="THEME_SIZE_HIRES" /> <define name="BORDER_STYLE" value="border_single" /> </theme> |