Updated gallery page

[ryandowd]

Config.yaml has three new variables:

thumb_width: 200
thumb_height: 400
slideshow: true

Gallery.rb checks if 'slideshow' is true and points to gallery_template_slideshow.rb to build updated gallery. New gallery includes:

• All comparisons are in a slideshow (Cycle JS) with prev/next buttons and also slide when clicked from left sidebar nav
• Left sidebar nav highlights which url is being viewed and also adds 'green tick' when all viewed
• Under 'new' and 'old' slide there is a link to the respective urls (opens in a new window)
• Each thumb, when clicked, opens in a new window
• Next to each threshold percent is a 'file comparison' button. When clicked all full images (new, old, diff) are loaded into a modal overlay which is scrollable

Hope you consider my changes.

Regards,

Ryan

[dblooman]

What does the finished output look like?

[ryandowd]

New updated gallery on a desktop

When 'compare' icon clicked all three full sized images are loaded into a modal which is scrollable

From there all diffs can be compared side by side

Example of a 768px test

Example of a 768px test viewing diffs in modal

[ChrisBAshton]

@ryandowd this looks really promising! Could you fix the conflicts, and also remove 'wraith-2.6.0.gem' from the PR?

I also suggest a tweak to your config additions - the new gallery becomes the default, but (optionally) you can customise your theme through the YAML file like this:

gallery:
  - thumb_width:   200
  - thumb_height: 400
  - template:         '/path/to/your/template.erb'

Thanks