easy_flip 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 97dc3cfe7bf6ef679417b372640667b5bc3ba010
+  data.tar.gz: 3919286c8e6e7e67766d266965ad935699ad04db
+SHA512:
+  metadata.gz: 0544dda3233213093938357478c8cb4cd2a905115a42e370b7e49bb278c34b2bd7390752589d87829f44c5ea9bf54d89464704497dd87865d0553f9314e52a47
+  data.tar.gz: 4282ced82d1f2491d23feaf42d070c461baecf684d58841df8fb44d1c4d62883070bd784e9b008d93177ae17fbd68c595edf1bddc5c7393394dbcc568c75f42b

data/.gitignore

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

data/Gemfile

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

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Daniel Carter
+
+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 @@
+# EasyFlip
+
+Gem to easily add elements to a Rails app that can flip front to back.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+`gem 'easy_flip'`
+
+Add the following directive to your Javascript manifest file (application.js):
+
+`//= require easy_flip`
+
+Add the following directive to your stylesheet manifest file (application.css):
+
+`*= require easy_flip`
+
+Also requires jQuery to be setup.
+
+## Usage
+
+The following HTML will add a flippable element to your page.
+
+```html
+<div class='flip-container'>
+  <div class='creation'>
+    <div class='front'>
+      <div class='cont'>
+        CONTENT FOR FRONT
+      </div>
+    </div>
+
+    <div class='back'>
+      <div class='cont panel'>
+        CONTENT FOR BACK
+      </div>
+    </div>
+  </div>
+</div>
+```
+
+To flip the element with a button, add a link with the class `.flip-trigger` before the end div for the `.flip-container` div.
+
+Add `.flip-container-hover` to the `.flip-container` div to trigger flip on hover.
+
+To change styling, you can override style elements of the classes used above in your CSS files.
+
+## Contributing
+
+If you would like to help improve this gem, please feel free to contribute!
+
+1. Fork it
+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 new Pull Request

data/Rakefile

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

data/app/assets/javascripts/easy_flip.js

@@ -0,0 +1,9 @@
+$( document ).ready(function() {
+
+  $('body').on('click', '.flip-trigger', function(event) {
+    event.preventDefault();
+    $container = $(this).closest('.flip-container');
+    $container.toggleClass('flip-container-flipped');
+  });
+
+});

data/app/assets/stylesheets/easy_flip.css

@@ -0,0 +1,57 @@
+.flip-container {
+  -webkit-perspective:1200;
+  -moz-perspective:1200;
+  perspective:1200;
+}
+
+.flip-container.flip-container-flipped .creation,
+.flip-container-hover .creation:hover {
+  -webkit-transform:rotateY(180deg);
+  -moz-transform:rotateY(180deg);
+}
+
+.creation {
+  width:550px;
+  height:256px;
+  float:left;
+  -webkit-transition:all 0.6s;
+  -moz-transition:all 0.6s;
+  transition:all 0.6s;
+  -webkit-transform-style:preserve-3d;
+  -moz-transform-style:preserve-3d;
+  transform-style:preserve-3d;
+}
+.front, .back {
+  position:absolute;
+  top:0;
+  left:0;
+  -webkit-backface-visibility:hidden;
+  -moz-backface-visibility:hidden;
+  backface-visibility:hidden;
+}
+.back {
+  z-index:800;
+  -webkit-transform:rotateY(-180deg);
+  -moz-transform:rotateY(-180deg);
+  transform:rotateY(-180deg);
+}
+.creation p {
+  color:#666;
+  display:block;
+  width:auto;
+  text-align:center;
+  line-height:240px;
+  margin:0 30px;
+  font-size:22px;
+  text-transform:uppercase;
+  text-shadow:1px 1px 1px #999;
+  font-family:sans-serif;
+}
+
+.cont {
+  text-align: center;
+  background-color:#ddd;
+  width:550px;
+  height:240px;
+  display:inline-block;
+}

data/easy_flip.gemspec

@@ -0,0 +1,23 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'easy_flip/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "easy_flip"
+  spec.version       = EasyFlip::VERSION
+  spec.authors       = ["Daniel Carter"]
+  spec.email         = ["geddoe@gmail.com"]
+  spec.description   = %q{Gem to easily add elements to a Rails app that can flip front to back.}
+  spec.summary       = %q{Gem to easily add elements to a Rails app that can flip front to back.}
+  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_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+end

data/lib/easy_flip/version.rb

@@ -0,0 +1,3 @@
+module EasyFlip
+  VERSION = "0.0.1"
+end

data/lib/easy_flip.rb

@@ -0,0 +1,6 @@
+require "easy_flip/version"
+
+module EasyFlip
+  class Engine < Rails::Engine
+  end
+end

metadata

@@ -0,0 +1,82 @@
+--- !ruby/object:Gem::Specification
+name: easy_flip
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Daniel Carter
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-01-14 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: '1.3'
+- !ruby/object:Gem::Dependency
+  name: rake
+  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'
+description: Gem to easily add elements to a Rails app that can flip front to back.
+email:
+- geddoe@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- app/assets/javascripts/easy_flip.js
+- app/assets/stylesheets/easy_flip.css
+- easy_flip.gemspec
+- lib/easy_flip.rb
+- lib/easy_flip/version.rb
+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.1.10
+signing_key: 
+specification_version: 4
+summary: Gem to easily add elements to a Rails app that can flip front to back.
+test_files: []