pageflow-before-after 0.0.1

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MTZiN2NkNDNiOTZhMzE3OGY3NDdiYTEyZTFkMTg5NjFiZmRkZGQzOA==
+  data.tar.gz: !binary |-
+    MmFkOTU5YTQyMzM1OTk5YjZmNjRmNTFiODM0YTY1YjNmY2M5ZTE4Mw==
+SHA512:
+  metadata.gz: !binary |-
+    ZjEyYjBmMmY3MGY0NmY0OGEwNzgzNmM5YTI0YmNhYzFmY2ZjY2ZjNDBlY2Rh
+    OGIwZTE0OWU0OGE1YWViOTk4YTNlNzIzYWQ3ZTE5N2M0Zjk3YTRkMDc3YzVi
+    OTgwNGU0NjgyMzBkMDcwMjZkNjc3ZTljZWQ1OWY1MDEzNmU0ODU=
+  data.tar.gz: !binary |-
+    M2YyOTkzMjE4NTlmMzNlYzZkNjc0ZTFhZjllNjkxM2FmNDVhMjdhOWQzZDAy
+    ODJjMjk0ZGQwODk3YmUwZDQzYWQxZGVlNGRjZDEyZDYyYjViNjQxNzEwMWQ3
+    YjYyODAzNWI4ZWE0ZjI0MWQzZWVjMjVkM2ExYjNiYjhhZmEwOTY=

data/.gitignore

@@ -0,0 +1,19 @@
+*.gem
+*.rbc
+*.sqlite3
+.bundle
+.config
+.yardoc
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+log
+Gemfile.lock

data/Gemfile

@@ -0,0 +1,10 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in chart.gemspec
+gemspec
+
+# Rails 4 compat
+gem 'activeadmin', :git => 'https://github.com/codevise/active_admin.git', :branch => 'rails4'
+gem 'ransack'
+gem 'inherited_resources', '1.4.1'
+gem 'formtastic', '2.3.0.rc2'

data/README.md

@@ -0,0 +1,31 @@
+# Pageflow Before After
+
+Page type showing before/after image sliders (Digit style).
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    # Gemfile
+    gem 'pagflow-before-after'
+
+Register the page type:
+
+    # config/initializers/pageflow.rb
+    Pageflow.configure do |config|
+      config.register_page_type(Pageflow::BeforeAfter::PageType.new)
+    end
+
+Include javascripts and stylesheets:
+
+    # app/assets/javascripts/application.js
+    //= require "pageflow/before_after"
+
+    # app/assets/javascripts/pageflow/editor.js
+    //= require pageflow/before_after/editor
+
+    # app/assets/stylesheets/application.scss.css
+    @import "pageflow/before_after";
+
+Execute `bundle install`
+Restart the application server.

data/Rakefile

@@ -0,0 +1,7 @@
+begin
+  require 'bundler/setup'
+rescue LoadError
+  puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
+end
+
+Bundler::GemHelper.install_tasks

data/config/locales/de.yml

@@ -0,0 +1,9 @@
+de:
+  pageflow:
+    before_after:
+      page_type_name: "Vorher/Naher"
+  activerecord:
+    attributes:
+      pageflow/page:
+        before_image_id: "Vorher-Bild"
+        after_image_id: "Nachher-Bild"

data/lib/pageflow-before-after.rb

@@ -0,0 +1,6 @@
+require 'pageflow/before_after/engine'
+
+module Pageflow
+  module BeforeAfter
+  end
+end

data/lib/pageflow/before_after/engine.rb

@@ -0,0 +1,12 @@
+require "pageflow/page_type"
+
+module Pageflow
+  module BeforeAfter
+    class Engine < Rails::Engine
+      isolate_namespace Pageflow::BeforeAfter
+      include Pageflow::PageType::Engine
+
+      config.autoload_paths << File.join(config.root, 'lib')
+    end
+  end
+end

data/lib/pageflow/before_after/page_type.rb

@@ -0,0 +1,7 @@
+module Pageflow
+  module BeforeAfter
+    class PageType < Pageflow::PageType
+      name 'before_after'
+    end
+  end
+end

data/page_types/pageflow/before_after.css.scss

@@ -0,0 +1,89 @@
+@include pageflow-page-type(before_after);
+
+.before_after {
+  pointer-events: all;
+
+  .before_image, .after_image {
+    width: auto;
+  }
+
+  .before_wrapper {
+    border-right: 2px solid gray;
+
+    &:before {
+      position: absolute;
+      display: block;
+      width: 39px;
+      height: 39px;
+      top: -25px;
+      background: image-url('pageflow/before_after/draghandle.png') no-repeat;
+      z-index: 2;
+      background-repeat: no-repeat;
+      background-size: 65%;
+      background-position: center bottom;
+      content: "";
+      right: -21px;
+    }
+  }
+
+  .dragwrapper {
+    position: absolute;
+    z-index: 1;
+    width: 39px;
+    margin: 0;
+    cursor: col-resize;
+    top: 0;
+    height: 100%;
+    margin-left: -19px;
+    visibility: hidden;
+  }
+
+  .ba_indicator {
+    position: absolute;
+    display: block;
+    width: 7px;
+    height: 15px;
+
+
+    &.ba_left_indicator {
+      background: image-url('pageflow/before_after/lt-small.png') no-repeat;
+    }
+    &.ba_right_indicator {
+      background: image-url('pageflow/before_after/rt-small.png') no-repeat;
+    }
+
+  }
+}
+
+.page .beforeAfterPage {
+
+  .videoWrapper {
+    height: 100%;
+  }
+
+  .shadow {
+    z-index: 1;
+  }
+
+}
+
+.hideText .beforeAfterPage  .before_wrapper {
+    border-right: 2px solid white;
+    overflow: visible !important;
+}
+
+.hideText div.before_after .dragwrapper {
+  visibility: visible;
+  z-index: 2;
+}
+
+.js .beforeAfterPage {
+
+  .contentText {
+    margin-bottom: 200px;
+
+    @include phone {
+      margin-bottom: 100px;
+    }
+  }
+}

data/page_types/pageflow/before_after.js

@@ -0,0 +1,72 @@
+//= require jquery.ui.draggable
+//= require ./before_after/widget
+
+pageflow.pageType.register('before_after', _.extend({
+
+  prepareNextPageTimeout: 0,
+
+  enhance: function(pageElement, configuration) {
+    pageElement.addClass('hide_content_with_text');
+
+    pageElement.find('.play_button').on('mousedown touchstart', function() {
+      pageflow.hideText.activate();
+    });
+
+    pageElement.find('.close_button').on('click', function(e) {
+      pageflow.hideText.deactivate();
+      e.stopPropagation();
+    });
+  },
+
+  prepare: function(pageElement, configuration) {
+  },
+
+  resize: function(pageElement, configuration) {
+    pageElement.find(".before_after").before_after("refresh");
+    pageElement.find('.scroller').scroller("refresh");
+  },
+
+  preload: function(pageElement, configuration) {
+    return pageflow.preload.backgroundImage(pageElement.find('.background_image'));
+  },
+
+  activating: function(pageElement, configuration) {
+    pageElement.find(".before_after").before_after();
+    pageElement.find(".before_after").before_after("refresh");
+    pageElement.find('.scroller').scroller("refresh");
+  },
+
+  activated: function(pageElement, configuration) {
+  },
+
+  deactivating: function(pageElement, configuration) {},
+
+  deactivated: function(pageElement, configuration) {},
+
+  update: function(pageElement, configuration) {
+
+    pageElement.find('h2 .tagline').text(configuration.get('tagline') || '');
+    pageElement.find('h2 .title').text(configuration.get('title') || '');
+    pageElement.find('h2 .subtitle').text(configuration.get('subtitle') || '');
+    pageElement.find('p').html(configuration.get('text') || '');
+
+    this.updateInfoBox(pageElement, configuration);
+    this.updateCommonPageCssClasses(pageElement, configuration);
+
+    pageElement.find('.shadow').css({
+      opacity: configuration.get('gradient_opacity') / 100
+    });
+  },
+
+  embeddedEditorViews: function() {
+    return {
+      '.background_image': {
+        view: pageflow.BackgroundImageEmbeddedView,
+        options: {propertyName: 'background_image_id'}
+      },
+      '.before_after': {
+        view: pageflow.beforeAfter.BeforeAfterEmbeddedView
+      }
+    };
+  }
+}, pageflow.commonPageCssClasses, pageflow.infoBox));

data/page_types/pageflow/before_after/editor.js

@@ -0,0 +1,34 @@
+//= require_self
+//= require ./editor/before_after_embedded_view
+
+pageflow.beforeAfter = {};
+
+pageflow.ConfigurationEditorView.register('before_after', {
+  configure: function() {
+    this.tab('general', function() {
+      this.group('general');
+
+      this.input('additional_title', pageflow.TextInputView);
+      this.input('additional_description', pageflow.TextAreaInputView, {size: 'short'});
+    });
+
+    this.tab('files', function() {
+      this.input('before_image_id', pageflow.FileInputView, {
+        collection: pageflow.imageFiles,
+        imagePositioning: false
+      });
+      this.input('after_image_id', pageflow.FileInputView, {
+        collection: pageflow.imageFiles,
+        imagePositioning: false
+      });
+      this.input('thumbnail_image_id', pageflow.FileInputView, {
+        collection: pageflow.imageFiles,
+        imagePositioning: false
+      });
+    });
+
+    this.tab('options', function() {
+      this.group('options');
+    });
+  }
+});

data/page_types/pageflow/before_after/editor/before_after_embedded_view.js

@@ -0,0 +1,31 @@
+pageflow.beforeAfter.BeforeAfterEmbeddedView = Backbone.Marionette.View.extend({
+  modelEvents: {
+    'change': 'update'
+  },
+
+  render: function() {
+    this.beforeImageView = new pageflow.BackgroundImageEmbeddedView({
+      el: this.$el.find('.before_image'),
+      model: this.model,
+      propertyName: 'before_image_id',
+      dataSizeAttributes: true
+    });
+
+    this.afterImageView = new pageflow.BackgroundImageEmbeddedView({
+      el: this.$el.find('.after_image'),
+      model: this.model,
+      propertyName: 'after_image_id',
+      dataSizeAttributes: true
+    });
+
+    this.update();
+    return this;
+  },
+
+  update: function() {
+    this.beforeImageView.update();
+    this.afterImageView.update();
+    this.$el.before_after();
+    this.$el.before_after('refresh');
+  }
+});

data/page_types/pageflow/before_after/page.html.erb

@@ -0,0 +1,53 @@
+<div class="blackLayer"></div>
+<div class="content_and_background beforeAfterPage">
+  <div class="close_button text_hidden_only" tabindex="4" title="Vorher/Nachher-Ansicht verlassen und Text einblenden">Schließen</div>
+
+  <div class="backgroundArea">
+    <div class="videoWrapper">
+      <div class="before_after_container">
+        <div class="before_after">
+          <div class="before_wrapper">
+            <%= background_image_div_with_size(configuration, 'before_image', :class => 'before_image', :spanning => true) %>
+          </div>
+          <div class="after_wrapper">
+            <%= background_image_div_with_size(configuration, 'after_image', :class => 'after_image', :spanning => true) %>
+          </div>
+        </div>
+      </div>
+    </div>
+    <%= shadow_div :opacity => configuration['gradient_opacity'] %>
+  </div>
+
+  <div class="content">
+    <div class="controls">
+      <span class="hint">360 Gradansicht</span>
+      <%= info_box(configuration) %>
+      <div class="vjs-control-bar view-control">
+        <div class="play_button vjs-controls vjs-default-skin vjs-player">
+          <a class="vjs-play-control vjs-play vjs-control" tabindex="4" title="Vorher/Nachher-Ansicht starten"><span></span></a>
+        </div>
+        <div class="control_bar_text">
+          Vorher/Nachher-Ansicht starten
+        </div>
+      </div>
+    </div>
+
+    <div class="scroller">
+      <div>
+        <div class="contentWrapper">
+          <div class="page_header">
+            <h2>
+              <span class="tagline"><%= configuration['tagline'] %></span>
+              <span class="title"><%= configuration['title'] %></span>
+              <span class="subtitle"><%= configuration['subtitle'] %></span>
+            </h2>
+            <%= background_image_tag(configuration['background_image_id'], {"class" => "print_image"}) %>
+          </div>
+          <div class="contentText">
+            <p><%= raw configuration['text'] %></p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

data/page_types/pageflow/before_after/widget.js

@@ -0,0 +1,173 @@
+(function($) {
+  $.widget('pageflow.before_after', {
+    _create: function() {
+      /*
+       * jQuery beforeafter plugin
+       * forked for Codevise Pageflow by Christoph Merkelbach
+       *
+       * @author admin@catchmyfame.com - http://www.catchmyfame.com
+       * @version 1.4
+       * @date September 19, 2011
+       * @category jQuery plugin
+       * @copyright (c) 2009 admin@catchmyfame.com (www.catchmyfame.com)
+       * @license CC Attribution-NonCommercial-ShareAlike 3.0 Unported (CC BY-NC-SA 3.0) - http://creativecommons.org/licenses/by-nc-sa/3.0/
+       */
+      var defaults =
+      {
+        animateIntro : true,
+        introDelay : 1000,
+        introDuration : 1000,
+        introPosition : 0.65,
+        clickSpeed: 600,
+        linkDisplaySpeed: 200,
+        keypressAmount: 20,
+        onReady: function(){},
+        onInitialized: function(){},
+        onSlide: function(){}
+      };
+      var options = defaults;
+      var randID =  Math.round(Math.random()*100000000);
+
+        var o=options;
+        var obj = $(this.element);
+
+        var beforeImg = $('.before_image', obj);
+        var afterImg = $('.after_image', obj);
+
+        var section = $(obj).parentsUntil(".backgroundArea").last();
+
+        var imgWidth;
+        var imgHeight;
+
+        var refresh = function() {
+          var resizeAndPositionContainer = function() {
+            var screenRatio = section.width() / section.height();
+
+            if(screenRatio < imgRatio) {
+              $(obj).parent().css({'width':'100%','height':'auto'});
+              var topOffset = (section.height() - $(obj).parent().height()) / 2;
+              $(obj).css({'top':topOffset+'px','left':'0'});
+            }
+            else {
+              $(obj).parent().css({'width': (section.height() * imgRatio)  + 'px','height':'100%'});
+              var leftOffset = (section.width() - $(obj).parent().width()) / 2;
+              $(obj).css({'top':'0','left':leftOffset+'px'});
+            }
+          };
+
+          imgWidth = beforeImg.attr("data-width");
+          imgHeight = beforeImg.attr("data-height");
+          var imgRatio = imgWidth / imgHeight;
+
+
+          $(obj).parent().toggleClass('image-is-landscape', imgRatio > 1);
+          $(obj).parent().toggleClass('image-is-portrait', imgRatio <= 1);
+
+          var containerHeight = imgHeight / imgWidth * 100;
+          $(obj)
+            .css({'overflow':'visible','position':'relative','padding':'0','width':'100%', 'padding-top': containerHeight+"%"});
+
+          resizeAndPositionContainer();
+
+          bb = obj.get()[0].getBoundingClientRect();
+          barOffset =  0;
+          dragwrapper.draggable();
+          dragwrapper.draggable('option', {axis: 'x', containment:[bb.left-barOffset, bb.top, bb.right-barOffset, bb.bottom],drag:drag,stop:drag });
+        };
+
+        this.refresh = refresh;
+
+        beforeImg.attr('id','beforeimage'+randID);
+        afterImg.attr('id','afterimage'+randID);
+
+        var bb;
+        var barOffset;
+        var beforeWrapper = $('.before_wrapper', obj);
+
+        // Create an inner div wrapper (dragwrapper) to hold the images.
+        $(obj).prepend('<div id="dragwrapper'+randID+'" class="dragwrapper" title="Linke Maustaste drücken und nach links oder rechts ziehen"><span class="draghandle" id="draghandle'+randID+'"></span><div id="drag'+randID+'" class="drag"></div></div>');
+        var dragwrapper = $('#dragwrapper'+randID, obj);
+        dragwrapper.css({'opacity':1,'position':'absolute','padding':'0','left':o.introPosition * 100 +'%'}).height("100%");
+        var afterWrapper = $('.after_wrapper', obj);
+
+        beforeWrapper.css({'width': '100%', 'height':'100%', 'position':'absolute','left':'0px','z-index':'1','top':'0'}); // Set CSS properties of the before image div
+        afterWrapper.css({'width':'100%','height':'100%','position':'absolute','overflow':'hidden','right':'0px','top':'0','text-align':'right'});  // Set CSS properties of the after image div
+        $('#drag'+randID).height("100%");
+
+        $(obj).append('<div class="ba_left_indicator ba_indicator" id="lt-arrow'+randID+'"></div><div class="ba_right_indicator ba_indicator" id="rt-arrow'+randID+'"></div>');
+        $('.ba_indicator', obj).css('opacity', 0);
+        refresh();
+
+        $('img', obj).on('dragstart', function(event) { event.preventDefault(); });
+
+
+        function drag()
+        {
+          var bb = obj.get()[0].getBoundingClientRect();
+          dragwrapper.draggable( {axis: 'x', containment:[bb.left-barOffset, bb.top, bb.right-barOffset, bb.bottom],drag:drag,stop:drag });
+          var leftPos = parseInt( $(this).css('left'), 10 ) + barOffset;
+          var relPos = leftPos / bb.width;
+          if(relPos >= 1) { relPos = 1; }
+
+          beforeWrapper.css('width',relPos * 100 + '%');
+          o.onSlide.call(this,  relPos);
+          $('#lt-arrow'+randID+', #rt-arrow'+randID).stop().css('opacity',0);
+        }
+
+        o.onInitialized.call(this);
+
+        if(o.animateIntro)
+        {
+          beforeWrapper.width(bb.width);
+          dragwrapper.css('left',imgWidth-barOffset+'px');
+          setTimeout(function(){
+            dragwrapper.css({'opacity':1}).animate({'left':(100*o.introPosition)+'%'},o.introDuration,function(){dragwrapper.animate({'opacity':1},1000);});
+            beforeWrapper.width(bb.width).animate({'width':o.introPosition*100+'%'},o.introDuration,function(){clickit();o.onReady.call(this);});
+            o.onSlide.call(this, o.introDelay);
+          },o.introDelay);
+        }
+        else
+        {
+          clickit();
+          o.onReady.call(this);
+        }
+
+        function clickit()
+        {
+          bb = obj.get()[0].getBoundingClientRect();
+          $(obj).hover(function(){
+              $('#lt-arrow'+randID).stop().css({'z-index':'20','position':'absolute','top':bb.height/2-$('#lt-arrow'+randID).height()/2+'px','left':parseInt(dragwrapper.css('left'), 10)-14+'px'}).animate({opacity:1,left:parseInt($('#lt-arrow'+randID).css('left'), 10)-6+'px'},200);
+              $('#rt-arrow'+randID).stop().css({'position':'absolute','top':bb.height/2-$('#lt-arrow'+randID).height()/2+'px','left':parseInt(dragwrapper.css('left'), 10)+10+'px'}).animate({opacity:1,left:parseInt($('#rt-arrow'+randID).css('left'), 10)+6+'px'},200);
+            },function(){
+              $('#lt-arrow'+randID).animate({opacity:0,left:parseInt($('#lt-arrow'+randID).css('left'),10)-6+'px'},350);
+              $('#rt-arrow'+randID).animate({opacity:0,left:parseInt($('#rt-arrow'+randID).css('left'),10)+6+'px'},350);
+            }
+          );
+
+          // When clicking in the container, move the bar and imageholder divs
+          $(obj).on('click touchmove touchstart', function(e){
+            bb = obj.get()[0].getBoundingClientRect();
+            var pageX = e.pageX || e.originalEvent.touches[0].pageX;
+            var moveSpeed = o.clickSpeed;
+            if(e.type == "touchmove") {
+              moveSpeed = 10;
+            }
+            var clickX = pageX - $(this).offset().left;
+            var percentualLeft = clickX / $(this).width() * 100;
+            var percentualLeftDragger = (clickX - barOffset) / $(this).width() * 100;
+            if (pageX < bb.left || pageX > bb.right) { return; }
+
+            dragwrapper.stop().animate({'left':percentualLeftDragger+'%'},moveSpeed);
+            beforeWrapper.stop().animate({'width':percentualLeft+'%'},moveSpeed, function() {
+              var pos = (parseInt( $('> div:eq(2)', obj).css('width'), 10 )) / imgWidth;
+              o.onSlide.call(this, pos);
+            });
+            $('#lt-arrow'+randID+',#rt-arrow'+randID).stop().animate({opacity:0},50);
+          });
+          $(obj).one('mousemove', function(){dragwrapper.stop().animate({'opacity':1},500);}); // If the mouse is over the container and we animate the intro, we run this to change the opacity when the mouse moves since the hover event doesnt get triggered yet
+        }
+    }
+  });
+}(jQuery));
+
+

data/pageflow-before-after.gemspec

@@ -0,0 +1,22 @@
+# coding: utf-8
+
+Gem::Specification.new do |spec|
+  spec.name          = 'pageflow-before-after'
+  spec.version       = '0.0.1'
+  spec.authors       = ['Codevise Solutions']
+  spec.email         = ['info@codevise.de']
+  spec.summary       = 'Pageflow page type for before/after image slider.'
+  spec.homepage      = ''
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ['lib']
+
+
+  spec.add_runtime_dependency('pageflow')
+
+  # Using translations from rails locales in javascript code.
+  spec.add_runtime_dependency 'i18n-js'
+end

metadata

@@ -0,0 +1,95 @@
+--- !ruby/object:Gem::Specification
+name: pageflow-before-after
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Codevise Solutions
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-09-12 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: pageflow
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: i18n-js
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: 
+email:
+- info@codevise.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- README.md
+- Rakefile
+- config/locales/de.yml
+- lib/pageflow-before-after.rb
+- lib/pageflow/before_after/engine.rb
+- lib/pageflow/before_after/page_type.rb
+- page_types/pageflow/before_after.css.scss
+- page_types/pageflow/before_after.js
+- page_types/pageflow/before_after/before_after_icon.png
+- page_types/pageflow/before_after/draghandle.png
+- page_types/pageflow/before_after/editor.js
+- page_types/pageflow/before_after/editor/before_after_embedded_view.js
+- page_types/pageflow/before_after/lt-small.png
+- page_types/pageflow/before_after/page.html.erb
+- page_types/pageflow/before_after/rt-small.png
+- page_types/pageflow/before_after/widget.js
+- page_types/pageflow/before_after_pictogram.png
+- page_types/pageflow/before_after_pictogram_small.png
+- page_types/pageflow/before_after_sprite.png
+- page_types/pageflow/ov-before_after.png
+- pageflow-before-after.gemspec
+homepage: ''
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: Pageflow page type for before/after image slider.
+test_files: []