fancy_cards 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 920911b2a48a4b99b5464bb9acc8a2110eba8ef8
+  data.tar.gz: 68305fc722841bd574607cb5efbb8c0e80bf2e4e
+SHA512:
+  metadata.gz: a6ae5f37508f59f168903d53672cf31fb3877f754e9618211be96d6e6fd964d1679d826528637681fc4249946166eeeec8ec607f2ebad23fd182b4b43ee33e1a
+  data.tar.gz: 9c13e510dcbeeb23463907211d804c569eb83e5b3bf3d0cbec48d24dea790258095c1545e5b6709fa708bec2f0290d913c7265dbc71a94e602d02fc02af615f5

data/.gitignore

@@ -0,0 +1,11 @@
+/.bundle/
+/.yardoc
+/Gemfile.lock
+/_yardoc/
+/coverage/
+/doc/
+/pkg/
+/spec/reports/
+/tmp/
+/.sass-cache/
+/vendor/assets/stylesheets/*.map

data/.rspec

@@ -0,0 +1,2 @@
+--format documentation
+--color

data/CODE_OF_CONDUCT.md

@@ -0,0 +1,49 @@
+# Contributor Code of Conduct
+
+As contributors and maintainers of this project, and in the interest of
+fostering an open and welcoming community, we pledge to respect all people who
+contribute through reporting issues, posting feature requests, updating
+documentation, submitting pull requests or patches, and other activities.
+
+We are committed to making participation in this project a harassment-free
+experience for everyone, regardless of level of experience, gender, gender
+identity and expression, sexual orientation, disability, personal appearance,
+body size, race, ethnicity, age, religion, or nationality.
+
+Examples of unacceptable behavior by participants include:
+
+* The use of sexualized language or imagery
+* Personal attacks
+* Trolling or insulting/derogatory comments
+* Public or private harassment
+* Publishing other's private information, such as physical or electronic
+  addresses, without explicit permission
+* Other unethical or unprofessional conduct
+
+Project maintainers have the right and responsibility to remove, edit, or
+reject comments, commits, code, wiki edits, issues, and other contributions
+that are not aligned to this Code of Conduct, or to ban temporarily or
+permanently any contributor for other behaviors that they deem inappropriate,
+threatening, offensive, or harmful.
+
+By adopting this Code of Conduct, project maintainers commit themselves to
+fairly and consistently applying these principles to every aspect of managing
+this project. Project maintainers who do not follow or enforce the Code of
+Conduct may be permanently removed from the project team.
+
+This code of conduct applies both within project spaces and in public spaces
+when an individual is representing the project or its community.
+
+Instances of abusive, harassing, or otherwise unacceptable behavior may be
+reported by contacting a project maintainer at benj_cous@hotmail.com. All
+complaints will be reviewed and investigated and will result in a response that
+is deemed necessary and appropriate to the circumstances. Maintainers are
+obligated to maintain confidentiality with regard to the reporter of an
+incident.
+
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 1.3.0, available at
+[http://contributor-covenant.org/version/1/3/0/][version]
+
+[homepage]: http://contributor-covenant.org
+[version]: http://contributor-covenant.org/version/1/3/0/

data/Gemfile

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

data/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 benji
+
+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,60 @@
+# FancyCards
+
+Easily add some colored cards to your application, which you can fill like you want.
+FancyCards has been developed to easily fill your page with content. 
+![Fancy_cards](http://puu.sh/npRKD/9c61c92fde.png)
+## Installation
+
+Add this line to your application's Gemfile:
+
+```ruby
+gem 'fancy_cards', git: 'https://github.com/becousae/fancy_cards.git'
+```
+
+And then execute:
+
+    $ bundle
+
+## Usage
+
+Add a div with class `fancy-cards` to your webview, in which you will place the cards.
+Cards can be generated through the `fancy_card` helper, which is available in the views.
+`fancy_card` is an extension of the `render` function. Most options available to `render` are the same in `fancy_card`
+
+Render a partial inside a fancy card by putting this in your view:
+```ruby
+<%= fancy_card partial: "users/partial" %>
+```
+
+You can also use blocks to render stuff:
+```erb
+<%= fancy_card do %>
+    Content of fancy card
+<% end %>
+```
+
+### Options
+
+#### Color
+Choose the color of your card by passing a color. Options are `:red`, `:blue`, `:purple`, `:green`, `:orange` and `:yellow`.
+```ruby
+<%= fancy_card partial: "users/partial", color: :red %>
+```
+
+#### Size
+Choose the number of columns your fancy card will expand over by passing the `columns` option. Options are the numbers 1 to 4.
+```ruby
+<%= fancy_card partial: "users/partial", columns: 1 %>
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/becousae/fancy_cards.
+This project is intended to be a safe, welcoming space for collaboration,
+and contributors are expected to adhere to the
+[Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+
+## License
+
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,6 @@
+require "bundler/gem_tasks"
+require "rspec/core/rake_task"
+
+RSpec::Core::RakeTask.new(:spec)
+
+task :default => :spec

data/app/views/fancy_cards/_fancy_card_layout.html.haml

@@ -0,0 +1,2 @@
+= fancy_card_wrapper do
+  = yield

data/bin/console

@@ -0,0 +1,14 @@
+#!/usr/bin/env ruby
+
+require "bundler/setup"
+require "fancy_cards"
+
+# You can add fixtures and/or initialization code here to make experimenting
+# with your gem easier. You can also use a different console, if you like.
+
+# (If you use this, don't forget to add pry to your Gemfile!)
+# require "pry"
+# Pry.start
+
+require "irb"
+IRB.start

data/bin/setup

@@ -0,0 +1,8 @@
+#!/usr/bin/env bash
+set -euo pipefail
+IFS=$'\n\t'
+set -vx
+
+bundle install
+
+# Do any other automated setup that you need to do here

data/fancy_cards.gemspec

@@ -0,0 +1,25 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'fancy_cards/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "fancy_cards"
+  spec.version       = FancyCards::VERSION
+  spec.authors       = ["benji"]
+  spec.email         = ["benj_cous@hotmail.com"]
+
+  spec.summary       = %q{Create fancy cards to create a nice overview of information.}
+  spec.homepage      = "https://github.com/becousae/fancy_cards"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
+  spec.bindir        = "exe"
+  spec.executables   = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.11"
+  spec.add_development_dependency "rake", "~> 10.0"
+  spec.add_development_dependency "rspec", "~> 3.0"
+  spec.add_dependency "purecss-rails", '~> 0.6.0'
+end

data/lib/fancy_cards.rb

@@ -0,0 +1,8 @@
+require "fancy_cards/version"
+require 'fancy_cards/railtie' if defined?(Rails)
+require 'purecss-rails'
+
+module FancyCards
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/fancy_cards/railtie.rb

@@ -0,0 +1,8 @@
+require 'fancy_cards/view_helpers'
+module FancyCards
+  class Railtie < Rails::Railtie
+    initializer "fancy_cards.view_helpers" do
+      ActionView::Base.send :include, ViewHelpers
+    end
+  end
+end

data/lib/fancy_cards/version.rb

@@ -0,0 +1,3 @@
+module FancyCards
+  VERSION = "0.1.0"
+end

data/lib/fancy_cards/view_helpers.rb

@@ -0,0 +1,39 @@
+module FancyCards
+  module ViewHelpers
+    def fancy_card options = {}, &block
+      @options = options
+      render partial: options[:partial], layout: "fancy_cards/fancy_card_layout", &block
+    end
+
+    def fancy_card_wrapper
+      content_tag :div, class: outer_wrapper_class(@options[:columns]) do
+        content_tag :div, class: inner_wrapper_class(@options[:color]) do
+          yield
+        end
+      end
+    end
+
+    private
+
+    def default_params
+      {
+        partial: nil,
+        color: nil,
+        columns: 1
+      }
+    end
+
+    def outer_wrapper_class columns = 1
+      {
+        "1" => %w[pure-u-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4],
+        "2" => %w[pure-u-1 pure-u-md-2-3 pure-u-lg-1-2],
+        "3" => %w[pure-u-1 pure-u-lg-3-4],
+        "4" => %w[pure-u-1]
+      }.fetch(columns.to_s, %w[pure-u-1 pure-u-sm-1-2 pure-u-md-1-3 pure-u-lg-1-4])
+    end
+
+    def inner_wrapper_class color = :white
+      ["fancy-card", "fancy-card-#{color.to_s}"]
+    end
+  end
+end

data/vendor/assets/stylesheets/fancy_cards.css

@@ -0,0 +1,52 @@
+/*
+  =require purecss/grids
+  =require purecss/grids-responsive
+*/
+.fancy-cards {
+  /* Pure-g settings */
+  letter-spacing: -.31em;
+  text-rendering: optimizespeed;
+  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
+  display: -webkit-flex;
+  -webkit-flex-flow: row wrap;
+  display: -ms-flexbox;
+  -ms-flex-flow: row wrap; }
+  .fancy-cards .fancy-card {
+    margin: 0.6em;
+    padding: 0.5em;
+    border: 1px solid;
+    color: white;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    -ms-border-radius: 2px;
+    border-radius: 2px;
+    min-height: 150px;
+    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.084); }
+    .fancy-cards .fancy-card .fancy-card-title {
+      margin-top: 0;
+      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
+  .fancy-cards .fancy-card.fancy-card-blue {
+    background: #1f8dd6; }
+    .fancy-cards .fancy-card.fancy-card-blue .fancy-card-text {
+      color: #03c2f0; }
+  .fancy-cards .fancy-card.fancy-card-purple {
+    background: #8058a5; }
+    .fancy-cards .fancy-card.fancy-card-purple .fancy-card-text {
+      color: #c883ff; }
+  .fancy-cards .fancy-card.fancy-card-green {
+    background: #5eb95e; }
+    .fancy-cards .fancy-card.fancy-card-green .fancy-card-text {
+      color: #a1f089; }
+  .fancy-cards .fancy-card.fancy-card-red {
+    background: #dd514c; }
+    .fancy-cards .fancy-card.fancy-card-red .fancy-card-text {
+      color: #eca49a; }
+  .fancy-cards .fancy-card.fancy-card-orange {
+    background: #f37b1d; }
+    .fancy-cards .fancy-card.fancy-card-orange .fancy-card-text {
+      color: #ffbe81; }
+  .fancy-cards .fancy-card.fancy-card-yellow {
+    background: #fad232; }
+    .fancy-cards .fancy-card.fancy-card-yellow .fancy-card-text {
+      color: #fff086; }

data/vendor/assets/stylesheets/fancy_cards.css.scss

@@ -0,0 +1,130 @@
+/*
+  =require purecss/grids
+  =require purecss/grids-responsive
+*/
+
+// Colors
+
+$card-margin: 0.6em;
+$card-padding: 0.5em;
+$card-border-width: 1px;
+$card-border-radius: 2px;
+$card-color: #fff;
+$card-min-height: 150px;
+$card-transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1);
+$card-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.14),0 4px 5px 0 rgba(0,0,0,0.098),0 1px 10px 0 rgba(0,0,0,0.084);
+
+$card-title-shadow: 0 1px 3px rgba(0,0,0,0.6);
+
+$card-colors: (
+  blue:   (
+    background: rgb(31, 141, 214),
+    text: rgb(03, 194, 240)
+  ), purple: (
+    background: rgb(128, 88, 165),
+    text: rgb(200, 131, 255)
+  ), green:  (
+    background: rgb(94, 185, 94),
+    text: rgb(161, 240, 137)
+  ), red:    (
+    background: rgb(221, 81, 76),
+    text: rgb(236, 164, 154)
+  ), orange: (
+    background: rgb(243, 123, 29),
+    text: rgb(255, 190, 129)
+  ), yellow: (
+    background: rgb(250, 210, 50),
+    text: rgb(255, 240, 134)
+  )
+);
+
+// Functions
+
+@function card-background-color( $color ) {
+  @return map-get( map-get( $card-colors, $color ), background );
+}
+
+@function card-text-color( $color ) {
+  @return map-get( map-get( $card-colors, $color ), text );
+}
+
+// Mixins
+
+@mixin border-radius($radius) {
+  -webkit-border-radius: $radius;
+     -moz-border-radius: $radius;
+      -ms-border-radius: $radius;
+          border-radius: $radius;
+}
+
+// Styles
+
+.fancy-cards {
+  /* Pure-g settings */
+  letter-spacing: -.31em;
+  text-rendering: optimizespeed;
+  font-family: FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;
+            display: -webkit-flex;
+  -webkit-flex-flow: row wrap;
+            display: -ms-flexbox;
+      -ms-flex-flow: row wrap;
+
+  .fancy-card {
+    margin: $card-margin;
+    padding: $card-padding;
+    border: $card-border-width solid;
+    color: $card-color;
+    @include border-radius( $card-border-radius );
+    min-height: $card-min-height;
+    transition: $card-transition;
+    box-shadow: $card-box-shadow;
+
+    .fancy-card-title {
+      margin-top: 0;
+      text-shadow: $card-title-shadow;
+    }
+
+  }
+
+  .fancy-card.fancy-card-blue {
+    background: card-background-color( blue );
+    .fancy-card-text {
+      color: card-text-color( blue );
+    }
+  }
+
+  .fancy-card.fancy-card-purple {
+    background: card-background-color( purple );
+    .fancy-card-text {
+      color: card-text-color( purple );
+    }
+  }
+
+  .fancy-card.fancy-card-green {
+    background: card-background-color( green );
+    .fancy-card-text {
+      color: card-text-color( green );
+    }
+  }
+
+  .fancy-card.fancy-card-red {
+    background: card-background-color( red );
+    .fancy-card-text {
+      color: card-text-color( red );
+    }
+  }
+
+  .fancy-card.fancy-card-orange {
+    background: card-background-color( orange );
+    .fancy-card-text {
+      color: card-text-color( orange );
+    }
+  }
+
+  .fancy-card.fancy-card-yellow {
+    background: card-background-color( yellow );
+    .fancy-card-text {
+      color: card-text-color( yellow );
+    }
+  }
+}

metadata

@@ -0,0 +1,117 @@
+--- !ruby/object:Gem::Specification
+name: fancy_cards
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- benji
+autorequire: 
+bindir: exe
+cert_chain: []
+date: 2016-03-07 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.11'
+- !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: '3.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.0'
+- !ruby/object:Gem::Dependency
+  name: purecss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.6.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.6.0
+description: 
+email:
+- benj_cous@hotmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- CODE_OF_CONDUCT.md
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app/views/fancy_cards/_fancy_card_layout.html.haml
+- bin/console
+- bin/setup
+- fancy_cards.gemspec
+- lib/fancy_cards.rb
+- lib/fancy_cards/railtie.rb
+- lib/fancy_cards/version.rb
+- lib/fancy_cards/view_helpers.rb
+- vendor/assets/stylesheets/fancy_cards.css
+- vendor/assets/stylesheets/fancy_cards.css.scss
+homepage: https://github.com/becousae/fancy_cards
+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.5.2
+signing_key: 
+specification_version: 4
+summary: Create fancy cards to create a nice overview of information.
+test_files: []