summaryrefslogtreecommitdiff
path: root/templates/fluid/template_album.html
AgeCommit message (Collapse)AuthorFilesLines
2021-01-15fluid: Add workaround to disable initial transitions on page loadTomas Bzatek1-0/+3
Although this may look weird on a first sight it does the trick. Perhaps as a result of another bug in recent Webkit-based browsers, still good enough for the time being.
2021-01-15fluid: Set default link colour before loading the common CSS fileTomas Bzatek1-16/+20
Recent Webkit-based browsers tend to animate link colour from builtin one (blue) once the common CSS stylesheet file gets loaded, resulting in unwanted animation. So set a sane default color within the HTML files so that the animation goes unnoticed. Still would be great to disable initial transitions altogether.
2018-12-15templates/fluid: Add 4k sizeTomas Bzatek1-0/+7
Suitable for >30" native 4k screens with no scaling.
2018-12-15templates/fluid: Tweak image sizesTomas Bzatek1-5/+5
Tested on various common resolutions with standard browser and system toolbars.
2016-10-02Add support for HiDPI imagesTomas Bzatek1-3/+3
This works by creating corresponding hidpi image sizes on startup and letting the machinery generate high resolution images from the source images (no way to use supplied images). However since browsers expect exact image dimension multiples for the particular scale factor, a reference image size (scale factor 1.0x) must be read first, then cropped to match reference aspect ratio and resized to exact dimensions. That way pixel-perfect results can be achieved for the chosen scale factor. TODO: the CSS background-image: image-set() tags are not supported on Firefox. TODO: try the 1.5x scale factor
2016-09-23fluid: Use CSS media queries to determine displayed image sizeTomas Bzatek1-30/+39
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.
2016-04-03New 'fluid' themeTomas Bzatek1-0/+109
Introducing a modern looking theme that changes gallery philosophy a bit. Instead of having thumbnails on an album page and photos on separate pages this new design brings emphasis on story telling. Viewer is advised to go through the whole album sequentially, bringing atmosphere to the whole set. All photos are loaded within a single page and keyboard navigation via left/right arrows is supposed to be used to switch the presentation mode on. Three photo sizes are supported now with the 'preview' size being the default. High resolution size has been introduced for 2560x1440 screens and larger. Note that this template uses code from 3rd parties, see CREDITS for details. I haven't been able to contact anyone behind the TheCodePlayer.com project so licensing of the breadcrumbs might be an issue.