Simple Responsive

A mobile-ready Phyxo theme based on Piwigo Bootstrap Darkroom

Features

• Various color styles
  • Bootswatch
  • Material Design
  • Darkroom: a dark, low contrast color scheme based on Lightroom® colors (the default)
• Optional page header with fancy fading full width background image, or a jumbotron banner
• Different layout option for the picture details page
• Video support using native HTML 5 video widget
• Fullscreen slideshow view using PhotoSwipe
  • Supports auto play
  • Supports HTML5 video
  • Album thumbnails can be linked to PhotoSwipe directly (like smartpocket)
• Configurable carousel album navigation on the picture page using slick slider
• 100% mobile ready
  • fully responsive Navbars, Carousel, PhotoSwipe slideshow, video content
  • async/ondemand loading of carousel & PhotoSwipe content, adaptive image size selection, swipe & tap events
• Various configuration options
• Easy customization using CSS overrides or SASS custom build for advanced needs.

Usage

1. Installation:

• Use the Phyxo built-in plungin manager (preferred)
• or git clone and move to phyxo/themes/simple-responsive
• or download from https://ext.phyxo.net/extension_view.php?eid=5

2. Enable Simple Responsive

Demo

A demo is available at https://demo.phyxo.net

Documentation, Support and Issue tracker

• Issue tracker

Components

• Bootstrap 4
• Bootswatch
• Bootstrap Material Design
• PhotoSwipe
• Slick
• jQuery-Touch-Events
• Photography Icons by Dmitry Baranovskiy, licensed under Creative Commons 3.0

Development & Customizing

• All stylesheets are compiled from Bootstrap's Sass source files using node-sass.
• Dependencies are managed using npm.
• To install build dependencies, use

npm install

The build process is based on npm scripts and uses common shell functions, so it might not work on Windows.

To build everything, use

npm run build

To build only bootswatch, for example, use

npm run build:bootswatch

See package.json for available script commands.

There is built-in support for a custom Sass build.

• Create the file scss/custom/custom.scss
• Include all required Boostrap stuff in there, override variables as you wish, just like any custom bootstrap build
• Compile with npm run build:custom
• Select "Custom" style in the theme's configuration