Revision 0.7 (2018-10-25)
About: 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.
- 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
- 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.
*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+.
Changes: Changelog from previous revision:
- Fixed hardcoded paths with capitalisation errors
- Improved compatibility with the Community plugin
- Nicer display of warning messages
Revision 1.0.7 (2017-05-06)
About: A modern and responsive theme for Piwigo built with standard Bootstrap components and using the default Bootstrap theme.
Intended for easy customisation using Bootstrap styles or as a parent theme for creating responsive themes for Piwigo...
* Fully responsive and fully featured theme based on Bootstrap's default theme
* Browse albums as a grid or list with selectable thumbnail sizes
* Image size selection enabled for better viewing of images and slide show on higher resolution monitors, with responsive scaling of over sized images
* Slide in side bar with image information
* Share buttons for Twitter, Facebook and Google+
* Gravatar support for comment avatars
* HTML5 canvas and masonry style tag views
* Configuration page in admin to customise features such as Bootstrap theme, social integration and comments
* Works with all supported languages (admin page is currently English only)
Requires PHP 5.3+
Changes: Fixes a versioning issue with 1.0.6
Revision 1.0 (2013-01-30)
About: Did some changes on Sylvia using CSS3! Doesnt work with IE8 and lower.
I suggest you to include the page via iframe and set a background since its transparent. Set framBorder to 0. Suggested width is 1224 px.
Every language which are supported on Sylvia are also supported here.
Changes: First try. Report issues.