Back to Styles

Versa

mobile modern responsive

Revision 0.7

6 years 1 month ago
12,645
(9)
Not compatible with the latest version of Piwigo
piątek 24 marzec 2017 7 years 8 months ago

Versa is a responsive dark theme for modern browsers that maximises the visualization of photographs. The picture page adapts to the browser window and the photograph is displayed using the largest available space. Therefore, this theme works in both mobile and desktop and allows to easily browse the gallery with fullscreen pictures by rotating the screen or resizing the window.

- In landscape mode (or wide windows) the photograph fills the screen. The information and comments of the photograph are accessible by scrolling the page.
- In portrait mode (or tall windows) the top part of the screen shows the full image and the bottom part its information and comments.

In either mode and on both desktop and mobile, it is possible to navigate the gallery by a single swipe gesture, dragging the image with the mouse or clicking/taping the sides of the image. Slideshows adapt to the medium in a similar way, but switch the navigation to their corresponding controls.

Thumbnails on the index and albums pages are scaled to fit the browser window as well. To ensure the quality of the images shown, the pictures and thumbnails are downscaled only, never upscaled.

Features:

- Dark low-contrast theme
- Responsive design for mobile and desktop platforms
- Photographs can be browsed fullscreen in landscape mode
- Support of tactile gestures and mouse events to browse the gallery
- Thumbnails are scaled depending on the screen/window size
- Scalable graphics thanks to Font Awesome (http://fontawesome.io)
- Friendly to existing plugins and languages as it is based on the default theme

Instructions:

- Settings related to picture sizes only define the maximum size of the image in this theme, as they are dynamically downscaled to fit the browser window.
- Set the size of the thumbnails to be between 1.5x and 2.0x larger than the desired size. For instance, 400x400 will result in thumbnails around 300x300 in size (varying between 200 and 400 px). This is needed for the dynamic scaling of the thumbnails.

Disclaimer:

*Beta status* This theme was developed originally for my personal site. Even though I think it is now in a sufficiently mature state to be shared, be warned that I do not have the resources to test all possible configurations. Therefore, bugs may appear on other ends.
- Tested browsers: Firefox on Linux, Firefox on Android, Chrome on Android, Safari on iOS.
- Tested compatible plugins: Batch Downloader, Community, Exif View, PWG Stuffs, Simple Copyright, GThumb+.

Revisions 4

Wersja 0.7

Released on środa 24 październik 2018

5,659

Compatible with Piwigo 2.9

6 years 1 month lexming

Changelog from previous revision:
- Fixed hardcoded paths with capitalisation errors
- Improved compatibility with the Community plugin
- Nicer display of warning messages

Wersja 0.6

Released on wtorek 30 maj 2017

4,825

Wersja 0.5

Released on piątek 24 marzec 2017

2,161