gallery-css 1.0.2.pre.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 13f63cf66766c175dd3f0a6655bd0d5e1738b529
+  data.tar.gz: 9c7065248ff12d13f2add670502458690ad937ef
+SHA512:
+  metadata.gz: 6d9e4078a361bf17414a8172237f5505aad149409bc863396a6558b210b9e0fd40748e0a4d72e5a7e8a38690799ca28c405001b3b68703bcc2ab68ece3f763c7
+  data.tar.gz: 40dbbcd0fbdfade8b9e4f513876d4862a9c62ea702164c2d3a217907c91074ae986151ede2eb653beeefe40b15947cd691c30dc2be27efc8e6f3ed6456deff8a

data/.gitignore

@@ -0,0 +1,9 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Sjors Sparreboom
+
+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,40 @@
+# Gallery-css-rails Gem for the awesome gallery-css
+
+## Installation
+
+```ruby
+gem 'gallery-css'
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install gallery-css
+
+## Configuration
+
+Add these lines to app/assets/stylesheets/application.css
+
+``` sass
+@import 'gallery-css/gallery.theme';
+@import 'gallery-css/gallery.build';
+```
+
+## Usage
+
+Checkout the [screencast](http://benschwarz.github.io/gallery-css) by [benschwarz](https://github.com/benschwarz)
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/git-jls/gallery-css-rails.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+
+## Credits
+Gallery-css by [benschwarz](https://github.com/benschwarz/gallery-css/).

data/Rakefile

@@ -0,0 +1,21 @@
+#!/usr/bin/env rake
+
+require 'bundler/gem_tasks'
+
+desc 'Upgrade gallery-css'
+task :upgrade do
+  postfix=".scss"
+  files = {
+    '_gallery':  "https://raw.githubusercontent.com/benschwarz/gallery-css/master/sass/_gallery#{postfix}",
+    '_variables': "https://raw.githubusercontent.com/benschwarz/gallery-css/master/sass/_variables#{postfix}",
+    'gallery.build': "https://raw.githubusercontent.com/benschwarz/gallery-css/master/sass/gallery.build#{postfix}",
+    'gallery.theme': "https://raw.githubusercontent.com/benschwarz/gallery-css/master/sass/gallery.theme#{postfix}"
+  }
+
+  files.each do |file, url|
+    puts "Downloading #{file}#{postfix}"
+    puts `curl -o vendor/assets/stylesheets/gallery-css/#{file}#{postfix} #{url}`
+  end
+end
+
+

data/gallery-css.gemspec

@@ -0,0 +1,26 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'gallery-css/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "gallery-css"
+  spec.version       = GalleryCss::VERSION
+  spec.authors       = ["Sjors Sparreboom"]
+  spec.email         = ["mail@sjorssparreboom.nl"]
+
+  spec.summary       = %q{Reliable galleries without the use of javascript.}
+  spec.description   = %q{Gallery.css is all CSS. Think: Simple, maintainable and understandable galleries without the use of Javascript.}
+
+  spec.homepage      = "http://github.com/git-jls/gallery-css-rails"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject do |f|
+    f.match(%r{^(test|spec|features)/})
+  end
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency 'sass'
+end

data/lib/gallery-css.rb

@@ -0,0 +1,9 @@
+require "gallery-css/version"
+
+module GalleryCss
+  if defined?(Rails)
+    require 'gallery-css/engine'
+  else
+    Sass.load_paths << File.expand_path("../../vendor/assets/stylesheets", __FILE__)
+  end
+end

data/lib/gallery-css/engine.rb

@@ -0,0 +1,5 @@
+module GalleryCss
+  class Engine < ::Rails::Engine
+    isolate_namespace GalleryCss
+  end
+end

data/lib/gallery-css/version.rb

@@ -0,0 +1,3 @@
+module GalleryCss
+  VERSION = "1.0.2-3"
+end

data/vendor/assets/stylesheets/gallery-css/_gallery.scss

@@ -0,0 +1,54 @@
+@import "variables";
+
+@mixin gallery( $item-count ) {
+	$total-duration: $display-duration * $item-count;
+
+	@keyframes controlAnimation-#{$item-count} {
+		0% { @include inactive-button; }
+	  #{100% * $transition-duration / $total-duration},
+	  #{100% * $display-duration / $total-duration} { @include active-button; }
+	  #{100% * ($display-duration + $transition-duration) / $total-duration},
+	  100% { @include inactive-button; }
+	}
+
+	@keyframes galleryAnimation-#{$item-count} {
+	  0% { opacity: 0; }
+	  #{100% * $transition-duration / $total-duration},
+	  #{100% * $display-duration / $total-duration} { opacity: 1; }
+	  #{100% * ($display-duration + $transition-duration) / $total-duration},
+	  100% { opacity: 0; }
+	}
+
+	.gallery {
+		@for $j from 1 through $item-count {
+			.control-operator:nth-of-type(#{$j}):target ~ .item:nth-of-type(#{$j}) { pointer-events: auto; opacity: 1; }
+			.control-operator:nth-of-type(#{$j}):target ~ .controls .control-button:nth-of-type(#{$j}) { @extend %active-button; }
+		}
+	}
+
+	.items-#{$item-count} {
+		&.autoplay .control-button { animation: controlAnimation-#{$item-count} #{$total-duration}s infinite; }
+		&.autoplay .item { animation: galleryAnimation-#{$item-count} #{$total-duration}s infinite; }
+
+		@for $j from 1 through $item-count {
+			.control-button:nth-of-type(#{$j}),
+			.item:nth-of-type(#{$j}) {
+				$delay: #{($j - 1) * ($display-duration) - $transition-duration}s;
+
+				animation-delay: #{$delay};
+			}
+		}
+	}
+}
+
+.gallery {
+	.item:first-of-type { position: static; pointer-events: auto; opacity: 1; } // Set the first item to be visible
+	.item { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  pointer-events: none; opacity: 0; transition: opacity .5s; }
+
+	.control-operator { display: none; } // Stop hash links from scrolling up and down
+
+	.control-operator:target ~ .item { pointer-events: none; opacity: 0; animation: none; } // Unselected image
+
+	.control-button:first-of-type { @extend %active-button; }
+	.control-operator:target ~ .controls .control-button { @extend %inactive-button; animation: none; } // Kill button animation when there is a selected image
+}

data/vendor/assets/stylesheets/gallery-css/_variables.scss

@@ -0,0 +1,28 @@
+$item-display-duration: 5 !default; //seconds
+$transition-duration: 2 !default; // seconds
+$display-duration: $transition-duration + $item-display-duration;
+
+$gallery-inactive-color: #ccc !default;
+$gallery-inactive-transparent-color: white !default;
+$gallery-inactive-opacity: 0.4 !default;
+$gallery-active-color: white !default;
+$gallery-active-transparent-color: white !default;
+$gallery-active-opacity: 0.8 !default;
+
+@mixin inactive-button {
+  color: $gallery-inactive-color;
+  color: rgba($gallery-inactive-transparent-color, $gallery-inactive-opacity);
+}
+
+@mixin active-button {
+  color: $gallery-active-color;
+  color: rgba($gallery-active-transparent-color, $gallery-active-opacity);
+}
+
+%inactive-button {
+  @include inactive-button;
+}
+
+%active-button {
+  @include active-button;
+}

data/vendor/assets/stylesheets/gallery-css/gallery.build.scss

@@ -0,0 +1,5 @@
+@import "gallery";
+
+@for $i from 2 through 5 {
+  @include gallery($i);
+}

data/vendor/assets/stylesheets/gallery-css/gallery.theme.scss

@@ -0,0 +1,24 @@
+@import "variables";
+
+/*
+	Theme controls how everything looks in Gallery CSS.
+*/
+
+.gallery {
+	position: relative;
+
+  .item { height: 400px; overflow: hidden; text-align: center; background: #4d87e2; }
+	.controls { position: absolute; bottom: 0; width: 100%; text-align: center; }
+
+	.control-button {
+		display: inline-block; margin: 0 .02em;
+		font-size: 3em;
+
+		@extend %inactive-button;
+
+		text-align: center; text-decoration: none;
+		transition: color .1s;
+
+		&:hover { @extend %active-button; }
+	}
+}

metadata

@@ -0,0 +1,72 @@
+--- !ruby/object:Gem::Specification
+name: gallery-css
+version: !ruby/object:Gem::Version
+  version: 1.0.2.pre.3
+platform: ruby
+authors:
+- Sjors Sparreboom
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-12-11 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  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: 'Gallery.css is all CSS. Think: Simple, maintainable and understandable
+  galleries without the use of Javascript.'
+email:
+- mail@sjorssparreboom.nl
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- gallery-css.gemspec
+- lib/gallery-css.rb
+- lib/gallery-css/engine.rb
+- lib/gallery-css/version.rb
+- vendor/assets/stylesheets/gallery-css/_gallery.scss
+- vendor/assets/stylesheets/gallery-css/_variables.scss
+- vendor/assets/stylesheets/gallery-css/gallery.build.scss
+- vendor/assets/stylesheets/gallery-css/gallery.theme.scss
+homepage: http://github.com/git-jls/gallery-css-rails
+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: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.1
+signing_key: 
+specification_version: 4
+summary: Reliable galleries without the use of javascript.
+test_files: []