rails_responsive_images 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 533708a79d576f39b8d794bc49edd323b38f400d
+  data.tar.gz: f197d41ae752d62b983e1f92dbb1866d02a1aa69
+SHA512:
+  metadata.gz: 390c812e13f4ef90f387a499d72e4d30ac9eafce3f9f8cc7d6ce225e1ed9f4c1aa55f7469eac279d75b881b7d953064ba9799fac3ebdd0902f5c8f19b416ee6f
+  data.tar.gz: ec61eb527efd3b44f9121bb185472c43a7471d61f45ce9682a058e4694df59fe8b9057b522216ab1cd78cfe8c6d19e79b51e051d36ab374c0b8f9452d5f757a1

data/.gitignore

@@ -0,0 +1,14 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/.rspec

@@ -0,0 +1,2 @@
+--color
+--require spec_helper

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in rails_responsive_images.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2015 Christoph Chilian
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,57 @@
+# RailsResponsiveImages
+
+A Rails image_tag() extension to generate HTML5 <picture> tag markup from the W3C HTML Responsive Images Extension Proposal.
+
+```ruby
+<picture>
+  <source media="(max-width: 766px)" srcset="/assets/responsive_images_766/picture.jpg">
+  <source media="(max-width: 990px)" srcset="/assets/responsive_images_990/picture.jpg">
+  <source media="(max-width: 200px)" srcset="/assets/responsive_images_200/picture.jpg">
+  <img width="2568" height="878" alt="awesome" src="/assets/picture.jpg">
+</picture>
+```
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'rails_responsive_images'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install rails_responsive_images
+
+## Usage
+
+Configure the size steps you want to create:
+```ruby
+RailsResponsiveImages.configure do |c|
+  c.image_sizes  = [767, 991, 1999]
+end
+```
+
+Require jquery-picture for cross browser support
+```javascript
+//= require jquery-picture
+```
+
+```ruby
+= image_tag 'awesome/picture.jpeg', alt: 'awesome', responsive: true
+```
+
+## Contributing
+
+1. Fork it ( https://github.com/chilian/rails_responsive_images/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request
+
+## Copyright
+Copyright © 2015 Christoph Chilian. See LICENSE.txt for further details.

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/app/controllers/rails_responsive_images/assets_controller.rb

@@ -0,0 +1,46 @@
+module RailsResponsiveImages
+  require 'RMagick'
+  require 'fileutils'
+  class AssetsController < ActionController::Base
+    def responsive_image
+      filepath = params[:filepath]
+      filename = params[:filename]
+      format = params[:format]
+      image_filename = "#{filename}.#{format}"
+
+      # TODO cleanup
+      requested_image_size = filepath.match(/(responsive_images_)\d+/).to_s.split('_').last
+
+      original_filepath = "#{filepath}".sub(/(responsive_images_)\d+/, '/')
+        .sub(/\/\//, '') # remove duplicated slashes
+        .sub(/\A\//, '') # remove leading slash
+
+      full_original_filepath = Rails.root.join('app', 'assets', 'images', original_filepath, image_filename)
+      full_responsive_filepath = Rails.root.join('app', 'assets', 'images', filepath, image_filename)
+
+      create_responsive_folder!(full_responsive_filepath)
+
+      fail ActionController::RoutingError.new('Not found') unless File.exist?(full_original_filepath)
+
+      generate_responsive_image!(full_original_filepath, requested_image_size, full_responsive_filepath)
+
+      mime_type = MIME::Types.type_for("#{full_responsive_filepath}").first.content_type
+      send_file full_responsive_filepath, type: mime_type, disposition: :inline
+    end
+
+    private
+
+    def create_responsive_folder!(path)
+      dirname = File.dirname(path)
+      unless File.directory?(dirname)
+        FileUtils.mkdir_p(dirname)
+      end
+    end
+
+    def generate_responsive_image!(original_image, size, output_path)
+      img = ::Magick::Image.read(original_image).first
+      img = img.resize_to_fit(size, size)
+      img.write(output_path)
+    end
+  end
+end

data/config/routes.rb

@@ -0,0 +1,3 @@
+Rails.application.routes.draw do
+  get '/assets/*filepath/:filename', to: 'rails_responsive_images/assets#responsive_image'
+end

data/lib/assets/javascripts/jquery-picture.js

@@ -0,0 +1,279 @@
+/**
+ * jQuery Picture
+ * http://jquerypicture.com
+ * http://github.com/Abban/jQuery-Picture
+ *
+ * May 2012
+ *
+ * @version 0.9
+ * @author Abban Dunne http://abandon.ie
+ * @license MIT
+ *
+ * jQuery Picture is a plugin to add support for responsive images to your layouts.
+ * It supports both figure elements with some custom data attributes and the new
+ * proposed picture format. This plugin will be made redundant when the format is
+ * approved and implemented by browsers. Lets hope that happens soon. In the meantime
+ * this plugin will be kept up to date with latest developments.
+ *
+ */
+(function($){
+
+	$.fn.picture = function(args){
+
+		var defaults = {
+
+			container : null,
+			ignorePixelRatio: false,
+			useLarger: false,
+			insertElement: '>a',
+			inlineDimensions: false
+
+        };
+
+		var settings = $.extend({}, defaults, args);
+
+		this.each(function(){
+
+			var breakpoints = new Array();
+
+			var windowWidth, currentMedia, element, timeoutOffset;
+
+			// Check the device pixel ratio
+			var PixelRatio = 1;
+			if(!settings.ignorePixelRatio && window.devicePixelRatio !== undefined) PixelRatio = window.devicePixelRatio;
+
+			// Save off the element so it can be easily used inside a function
+			element = $(this);
+
+			//Delete the noscript we don't need it now anyway
+			element.find('noscript').remove();
+
+			// Initialise the images
+			getCurrentMedia(true);
+
+			// Only call the image resize function 200ms after window stops being resized
+			timeoutOffset = false;
+
+			$(window).resize(function(){
+
+				if(timeoutOffset !== false)
+					clearTimeout(timeoutOffset);
+
+				timeoutOffset = setTimeout(getCurrentMedia, 200);
+
+			});
+
+
+			/**
+			 * getCurrentMedia
+			 *
+			 * Checks the window width off the media query types and selects the current one.
+			 * Calls the setPicture or setFigure function to set the image.
+			 *
+			 */
+			function getCurrentMedia(init){
+
+				if(init){
+
+					if(element.get(0).tagName.toLowerCase() == 'figure'){
+
+						var mediaObj = element.data();
+
+						$.each(mediaObj, function(media){
+
+							var num;
+
+							num = media.replace(/[^\d.]/g, '');
+
+							if(num)
+								breakpoints.push(parseInt(num));
+
+						});
+
+					}else{
+
+						element.find('source').each(function(){
+
+							var media, num;
+
+							media = $(this).attr('media');
+
+							if(media){
+
+								num = media.replace(/[^\d.]/g, '');
+
+								breakpoints.push(parseInt(num));
+							}
+
+						});
+
+					}
+					breakpoints.sort(function(a,b){return a - b}); //make sure the largest breakpoint is the last
+
+				}
+
+				var c = 0;
+
+				// Check if user defined container, otherwise take window
+				if (settings.container == null){
+
+					windowWidth = ($(window).width()) * PixelRatio;
+
+				}else{
+
+					windowWidth = ($(settings.container).width()) * PixelRatio;
+
+				}
+
+				// Set the c variable to the current media width
+				$.each(breakpoints, function(i,v){
+
+					if(parseInt(windowWidth) >= parseInt(v) && parseInt(c) <= parseInt(v))
+						c = v;
+
+				});
+
+				if (settings.useLarger ){
+					idx = breakpoints.indexOf(c);
+					if (idx < breakpoints.length-1) //make sure we're not already using the largest breakpoint
+						c = breakpoints[ idx + 1];
+				}
+
+				if(currentMedia !== c){
+					currentMedia = c;
+
+					if(element.get(0).tagName.toLowerCase() == 'figure')
+						setFigure();
+					else
+						setPicture();
+				}
+
+			}
+
+
+			/**
+			 * setPicture
+			 *
+			 * Pulls the image src and media attributes from the source tags and sets
+			 * the src of the enclosed img tag to the appropriate one.
+			 *
+			 */
+			function setPicture(){
+
+				var sizes = new Object();
+
+				element.find('source').each(function(){
+
+					var media, path, num;
+					media = $(this).attr('media');
+					path = $(this).attr('src');
+
+					if(media)
+						num = media.replace(/[^\d.]/g, '');
+					else
+						num = 0;
+
+					sizes[num] = path;
+
+				});
+
+				if(element.find('img').length == 0){
+
+					var prep = '<img src="' + sizes[currentMedia] + '"'
+					if(element.attr('style')) prep += ' style="' + element.attr('style') + '"';
+					if(element.attr('alt')) prep += ' alt="' + element.attr('alt') + '"';
+					prep += '>';
+
+					if($(settings.insertElement, element).length == 0){
+
+						element.append(prep);
+
+					}else{
+
+						$(settings.insertElement, element).append(prep);
+
+					}
+
+				}else{
+
+					element.find('img').attr('src', sizes[currentMedia]);
+
+				}
+
+				if(settings.inlineDimensions){
+
+					$("<img/>").attr("src", $('img', element).attr("src")).load(function(){
+						$('img', element).attr('height', this.height);
+						$('img', element).attr('width', this.width);
+				    });
+
+				}
+
+			}
+
+
+			/**
+			 * setFigure
+			 *
+			 * Pulls the image src and and media values from the data attributes
+			 * and sets the src of the enclosed img tag to the appropriate one.
+			 *
+			 */
+			function setFigure(){
+
+				var sizes = new Object();
+
+				var mediaObj = element.data();
+
+				$.each(mediaObj, function(media, path){
+
+					var num;
+
+					num = media.replace(/[^\d.]/g, '');
+
+					if(!num)
+						num = 0;
+
+					sizes[num] = path;
+
+				});
+
+				if(element.find('img').length == 0){
+
+					var prep = '<img src="' + sizes[currentMedia] + '"';
+					if(element.attr('style')) prep += ' style="' + element.attr('style') + '"';
+					if(element.attr('title')) prep += ' alt="' + element.attr('title') + '"';
+					prep += '>';
+
+					if($(settings.insertElement, element).length == 0){
+
+						element.append(prep);
+
+					}else{
+
+						$(settings.insertElement, element).append(prep);
+
+					}
+
+				}else{
+
+					$('img', element).attr('src', sizes[currentMedia]);
+
+				}
+
+				if(settings.inlineDimensions){
+
+					$("<img/>").attr("src", $('img', element).attr("src")).load(function(){
+						$('img', element).attr('height', this.height);
+						$('img', element).attr('width', this.width);
+				    });
+
+				}
+
+			}
+
+		});
+
+	};
+
+})(jQuery);

data/lib/rails_responsive_images.rb

@@ -0,0 +1,52 @@
+require 'action_view'
+require 'rails_responsive_images/version'
+require 'rails_responsive_images/configuration'
+require 'rails_responsive_images/engine'
+
+module RailsResponsiveImages
+  def self.configuration
+    @configuration ||= RailsResponsiveImages::Configuration.new
+  end
+
+  def self.configuration=(new_configuration)
+    @configuration = new_configuration
+  end
+
+  # Yields the global configuration to a block.
+  #
+  # Example:
+  #   RailsResponsiveImages::Rails.configure do |config|
+  #     config.sizes = [767, 991, 1999]
+  #   end
+  def self.configure
+    yield configuration if block_given?
+  end
+
+  def self.reset
+    @configuration = nil
+  end
+end
+
+
+ActionView::Helpers::AssetTagHelper.module_eval do
+
+  def image_tag_with_responsiveness(path, options = {})
+    options = options.dup
+    responsive = options.delete(:responsive) { false }
+    if responsive
+      content_tag :picture do
+        original_filepath = path.sub(/\A\/assets/, '')
+        ::RailsResponsiveImages.configuration.image_sizes.each do |size|
+          # TODO use image_path helper
+          responsive_file_name = "/assets/responsive_images_#{size}/#{original_filepath}"
+          concat content_tag(:source, '', media: "(max-width: #{size}px)", srcset: responsive_file_name)
+        end
+        concat image_tag_without_responsiveness(path, options)
+      end
+    else
+      image_tag_without_responsiveness(path, options)
+    end
+  end
+
+  alias_method_chain :image_tag, :responsiveness
+end

data/lib/rails_responsive_images/configuration.rb

@@ -0,0 +1,23 @@
+module RailsResponsiveImages
+  # Stores runtime configuration information.
+  #
+  # Example settings
+  #   RailsResponsiveImages.configure do |c|
+  #     c.image_sizes  = [767, 991, 1999]
+  #   end
+  class Configuration
+
+    # The image_sizes to put into the picture source src attribute
+    def image_sizes
+      @image_sizes
+    end
+    def image_sizes=(new_sizes)
+      @image_sizes = new_sizes
+    end
+
+    # Set default settings
+    def initialize
+      @image_sizes = [767, 991, 1999]
+    end
+  end
+end

data/lib/rails_responsive_images/engine.rb

@@ -0,0 +1,3 @@
+module RailsResponsiveImages
+  class Engine < Rails::Engine; end
+end

data/lib/rails_responsive_images/version.rb

@@ -0,0 +1,3 @@
+module RailsResponsiveImages
+  VERSION = '0.0.1'
+end

data/rails_responsive_images.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'rails_responsive_images/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = 'rails_responsive_images'
+  spec.version       = RailsResponsiveImages::VERSION
+  spec.authors       = ['Christoph Chilian']
+  spec.email         = ['christoph@chilian.de']
+  spec.summary       = %q{A Rails image_tag() extension to generate HTML5 <picture> tag markup from the W3C HTML Responsive Images Extension Proposal.}
+  spec.description   = %q{A Rails image_tag() extension to generate HTML5 <picture> tag markup from the W3C HTML Responsive Images Extension Proposal.}
+  spec.homepage      = "https://chilian.de"
+  spec.license       = 'MIT'
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  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_development_dependency 'bundler', '~> 1.7'
+  spec.add_development_dependency 'rake', '~> 10.0'
+  spec.add_development_dependency 'rspec'
+  spec.add_runtime_dependency 'rmagick', '~> 2.13'
+  spec.add_runtime_dependency 'rails', '>= 4.0'
+end

data/spec/spec_helper.rb

@@ -0,0 +1,91 @@
+require 'rails_responsive_images'
+
+# This file was generated by the `rspec --init` command. Conventionally, all
+# specs live under a `spec` directory, which RSpec adds to the `$LOAD_PATH`.
+# The generated `.rspec` file contains `--require spec_helper` which will cause this
+# file to always be loaded, without a need to explicitly require it in any files.
+#
+# Given that it is always loaded, you are encouraged to keep this file as
+# light-weight as possible. Requiring heavyweight dependencies from this file
+# will add to the boot time of your test suite on EVERY test run, even for an
+# individual file that may not need all of that loaded. Instead, consider making
+# a separate helper file that requires the additional dependencies and performs
+# the additional setup, and require it from the spec files that actually need it.
+#
+# The `.rspec` file also contains a few flags that are not defaults but that
+# users commonly want.
+#
+# See http://rubydoc.info/gems/rspec-core/RSpec/Core/Configuration
+RSpec.configure do |config|
+  # rspec-expectations config goes here. You can use an alternate
+  # assertion/expectation library such as wrong or the stdlib/minitest
+  # assertions if you prefer.
+  config.expect_with :rspec do |expectations|
+    # This option will default to `true` in RSpec 4. It makes the `description`
+    # and `failure_message` of custom matchers include text for helper methods
+    # defined using `chain`, e.g.:
+    # be_bigger_than(2).and_smaller_than(4).description
+    #   # => "be bigger than 2 and smaller than 4"
+    # ...rather than:
+    #   # => "be bigger than 2"
+    expectations.include_chain_clauses_in_custom_matcher_descriptions = true
+  end
+
+  # rspec-mocks config goes here. You can use an alternate test double
+  # library (such as bogus or mocha) by changing the `mock_with` option here.
+  config.mock_with :rspec do |mocks|
+    # Prevents you from mocking or stubbing a method that does not exist on
+    # a real object. This is generally recommended, and will default to
+    # `true` in RSpec 4.
+    mocks.verify_partial_doubles = true
+  end
+
+# The settings below are suggested to provide a good initial experience
+# with RSpec, but feel free to customize to your heart's content.
+=begin
+  # These two settings work together to allow you to limit a spec run
+  # to individual examples or groups you care about by tagging them with
+  # `:focus` metadata. When nothing is tagged with `:focus`, all examples
+  # get run.
+  config.filter_run :focus
+  config.run_all_when_everything_filtered = true
+
+  # Limits the available syntax to the non-monkey patched syntax that is recommended.
+  # For more details, see:
+  #   - http://myronmars.to/n/dev-blog/2012/06/rspecs-new-expectation-syntax
+  #   - http://teaisaweso.me/blog/2013/05/27/rspecs-new-message-expectation-syntax/
+  #   - http://myronmars.to/n/dev-blog/2014/05/notable-changes-in-rspec-3#new__config_option_to_disable_rspeccore_monkey_patching
+  config.disable_monkey_patching!
+
+  # This setting enables warnings. It's recommended, but in some cases may
+  # be too noisy due to issues in dependencies.
+  config.warnings = true
+
+  # Many RSpec users commonly either run the entire suite or an individual
+  # file, and it's useful to allow more verbose output when running an
+  # individual spec file.
+  if config.files_to_run.one?
+    # Use the documentation formatter for detailed output,
+    # unless a formatter has already been configured
+    # (e.g. via a command-line flag).
+    config.default_formatter = 'doc'
+  end
+
+  # Print the 10 slowest examples and example groups at the
+  # end of the spec run, to help surface which specs are running
+  # particularly slow.
+  config.profile_examples = 10
+
+  # Run specs in random order to surface order dependencies. If you find an
+  # order dependency and want to debug it, you can fix the order by providing
+  # the seed, which is printed after each run.
+  #     --seed 1234
+  config.order = :random
+
+  # Seed global randomization in this process using the `--seed` CLI option.
+  # Setting this allows you to use `--seed` to deterministically reproduce
+  # test failures related to randomization by passing the same `--seed` value
+  # as the one that triggered the failure.
+  Kernel.srand config.seed
+=end
+end

metadata

@@ -0,0 +1,132 @@
+--- !ruby/object:Gem::Specification
+name: rails_responsive_images
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Christoph Chilian
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2015-03-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.7'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '10.0'
+- !ruby/object:Gem::Dependency
+  name: rspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: rmagick
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.13'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '2.13'
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '4.0'
+description: A Rails image_tag() extension to generate HTML5 <picture> tag markup
+  from the W3C HTML Responsive Images Extension Proposal.
+email:
+- christoph@chilian.de
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/controllers/rails_responsive_images/assets_controller.rb
+- config/routes.rb
+- lib/assets/javascripts/jquery-picture.js
+- lib/rails_responsive_images.rb
+- lib/rails_responsive_images/configuration.rb
+- lib/rails_responsive_images/engine.rb
+- lib/rails_responsive_images/version.rb
+- rails_responsive_images.gemspec
+- spec/spec_helper.rb
+homepage: https://chilian.de
+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.4.3
+signing_key: 
+specification_version: 4
+summary: A Rails image_tag() extension to generate HTML5 <picture> tag markup from
+  the W3C HTML Responsive Images Extension Proposal.
+test_files:
+- spec/spec_helper.rb