fork_ribs 0.0.2 → 0.0.3

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MTM4Yzc5YTlmOTBjYzJhM2U2YjY0NTIyMmQ2NWU0NGE0NmI0NWM4ZQ==
+    NGEwYTQ4ZTUzYTM5ZjNkOTQxYzFiOGU1ZWU2NTg4ZjkwNzBkZDE5ZA==
   data.tar.gz: !binary |-
-    ZmYzYjFiNTJiNjcwNDAzZmI4NWI0ZGE5NmY3MTA2NmI5ZjFjOTQzYw==
+    ZDZiNTAyODEyOGQ5ZDc0MTA0YzhiNzViZDhmMjJkMWVkMjFhYWYzZg==
 SHA512:
   metadata.gz: !binary |-
-    ZTBmMTE1MWJiMWFlMmU3ZTg2YjE3NDU0NWI3ZDI3ZDgyMDI3NmM0NDA0Mzg4
-    ZTNiZTQxNjVjMDdhNTUwNmMzNmNjOGUwYTYzYjZhZmY3MTdmNzBkZWEwOTAw
-    NWNlNDQxMGUxNGMxNjM4NDA4YzQ1MTNjYjYxNmY3NDExY2EwYzY=
+    YmI3Y2U4NjliMTY3MDk2Y2QxYjg5MmMyOGI0MTMzZjZmNjcyZmZkMmM0YjIy
+    OWU5ZTE5YzQ4MGJhM2I4OTM5YWU4MDI1ZGNiZGIzZDE1M2Q4OWVhZmI2MzAz
+    Y2RmMGNlNWI1ZjM4OGQ3ZDMyZmU1ZWVkNTdhN2UyZjk5Mzk5ZDk=
   data.tar.gz: !binary |-
-    YjE0ZDI3Mzk4MzJjOWY1MTI5NTJiMWQ5YTE2NDYxOTI5YmMwNDI2NThmODU5
-    OTdhMjU5ZjZmMjQwY2E3MWU1MDg5ODYwNTQ2NjRmODNhY2E3ZmExOTMxN2Y3
-    YTU4YzAzMzRjNmEzYjc2M2U0YjFlODc0Mjk5YTgxZjcxMWE5ZmQ=
+    ZjIxNGNjZDlhZWMxYTBhMmI5NTdlMmMzOWQxZDc5MGQ4ODEwYmVmODhiZTYx
+    ZWQ5Yzk3NjM5MGQwYWQ2MmRkMGNkYWI1ZWQ5YjUwMmU5ZTZmOWU1NTI0ZGMy
+    YTFiZDRmZTY3MGE3ZjdiYzM2MzM3MTVmNTVjMWM2YzI0ZTYzYmM=

data/README.md

@@ -1,8 +1,9 @@
 # fork_ribs
 
-[![Version](https://badge.fury.io/rb/fork_ribs.png)](http://badge.fury.io/rb/fork_ribs)
+[![Gem Version](https://badge.fury.io/rb/fork_ribs.png)](http://badge.fury.io/rb/fork_ribs)
+[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/vipulchhabra/fork_ribs/trend.png)](https://bitdeli.com/free "Bitdeli Badge")
 
-It gives your application a "fork me on github" stripe from where users of your application can fork your github repository !!
+> It gives your application a "fork me on github" stripe from where users of your application can fork your github repository !!
 
 ## Supports
 
@@ -30,22 +31,32 @@ Once done, add below to application's `assets/stylesheets/application.css` file
 
 ## Usage
 
-This gem provides you with three different types of `github forkme ribbons` that you can use in your application.
+This gem provides you with three different types of `github ribbons` that you can use in your application. 
 
 Lets see how you can do that !!
 
 Types of ribbons this gem provides:
- - `classic_ribbon`   
+ - `classic_ribbon`  
+
+![classic_ribbon](https://github.com/vipulchhabra/fork_ribs/raw/master/app/assets/images/classic_ribbon.png "This is how classic ribbon will look on your application")
+![classic_ribbon_twitter](https://github.com/vipulchhabra/fork_ribs/raw/master/app/assets/images/twitter.png "This is how classic ribbon will look on your application")
+![classic_ribbon_hiring](https://github.com/vipulchhabra/fork_ribs/raw/master/app/assets/images/hiring.jpg "This is how classic ribbon will look on your application")
+ 
  - `flat_ribbon`
+
+![flat_ribbon](https://github.com/vipulchhabra/fork_ribs/raw/master/app/assets/images/flat_ribbon.png "This is how classic ribbon will look on your application")
+
  - `snazzy_ribbon`
 
-Where do you want your forkme ribbon to get placed on your application:
+![snazzy_ribbon](https://github.com/vipulchhabra/fork_ribs/raw/master/app/assets/images/snazzy_ribbon.png "This is how snazzy ribbon will look on your application") 
+
+Where do you want your ribbon to get placed on your application:
  - `top--left`
  - `top--right`
  - `bottom--left`
  - `bottom--right`
 
-This gem provides with four color possibilities that you can give to your gem:
+This gem provides with four color possibilities that you can give to your ribbon:
  - `Red`
  - `Blue`
  - `Green`
@@ -57,7 +68,7 @@ You just have to include a class on the anchor element: Refer the example below
   
  That's it, this will place a `classic type ribbon` on your app at the `top left corner` which will be `red` in color.
 
-NOTE: if you are using `snazzy ribbon` include a span element inside the anchor element with the `fontawesome-github` class applied on it. Refer the example below:
+NOTE: if you are using `snazzy_ribbon` include a span element inside the anchor element with the `fontawesome-github` class applied on it. Refer the example below:
 
     <span class="fontawesome-github"></span>
 
@@ -73,6 +84,8 @@ NOTE: if you are using `snazzy ribbon` include a span element inside the anchor
 
     .flat_ribbon---bottom--left-green   
 
+  **You can use these ribbons for various other purposes as well such as "Follow me on twitter", "Quote of the day", "Demo page" etc.**
+
 ## Contributing
 
 1. Fork it

data/app/assets/stylesheets/fork_ribs.css

@@ -578,13 +578,12 @@
   box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.4);
 }*/
 
-
 .flat_ribbon---top--right-blue {
   position: absolute;
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   right: 0.5em;
 
@@ -600,7 +599,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   right: 0.5em;
 
@@ -611,12 +610,13 @@
   font-family: sans-serif;
 }
 
+
 .flat_ribbon---top--left-blue {
   position: absolute;
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   left: 0.5em;
 
@@ -632,7 +632,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   left: 0.5em;
 
@@ -648,7 +648,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   right: 0.5em;
 
@@ -664,7 +664,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   right: 0.5em;
 
@@ -680,7 +680,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   left: 0.5em;
 
@@ -696,7 +696,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   left: 0.5em;
 
@@ -712,7 +712,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   right: 0.5em;
 
@@ -728,7 +728,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   right: 0.5em;
 
@@ -744,7 +744,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   left: 0.5em;
 
@@ -760,7 +760,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   left: 0.5em;
 
@@ -777,7 +777,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   right: 0.5em;
 
@@ -793,7 +793,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   right: 0.5em;
 
@@ -809,7 +809,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   top: 0;
   left: 0.5em;
 
@@ -825,7 +825,7 @@
   padding: 0.5em;
   font-size: 1.35em;
   text-decoration: none;
-  
+  color: white;
   bottom: 0;
   left: 0.5em;
 
@@ -836,6 +836,35 @@
   font-family: sans-serif;
 }
 
+.flat_ribbon---top--right-blue:hover, .flat_ribbon---bottom--right-blue:hover, .flat_ribbon---top--left-blue:hover, 
+.flat_ribbon---bottom--left-blue:hover{
+    text-decoration: none;
+    background: white;
+    color: #1b9af7;
+
+}
+
+.flat_ribbon---top--right-red:hover, .flat_ribbon---bottom--right-red:hover, .flat_ribbon---top--left-red:hover,
+.flat_ribbon---bottom--left-red:hover {
+    text-decoration: none;
+    background: white;
+    color: #FF4351;
+ } 
+
+.flat_ribbon---top--right-green:hover, .flat_ribbon---bottom--right-green:hover, .flat_ribbon---top--left-green:hover,
+.flat_ribbon---bottom--left-green:hover {
+    text-decoration: none;
+    background: white;
+    color: #2ecc71;
+}
+
+.flat_ribbon---top--right-orange:hover, .flat_ribbon---bottom--right-orange:hover, .flat_ribbon---top--left-orange:hover, 
+.flat_ribbon---bottom--left-orange:hover {
+    text-decoration: none;
+    background: white;
+    color: #feae1b;
+}
+
 /*.ribbon.ribbon__alpha {
   background: #3498db;
   background: -moz-linear-gradient(top, #3498db, #2980b9);

data/lib/fork_ribs/version.rb

@@ -1,3 +1,3 @@
 module ForkRibs
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: fork_ribs
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Vipul Chhabra
@@ -70,6 +70,11 @@ files:
 - README.md
 - Rakefile
 - app/assets/images/browsers.jpg
+- app/assets/images/classic_ribbon.png
+- app/assets/images/flat_ribbon.png
+- app/assets/images/hiring.jpg
+- app/assets/images/snazzy_ribbon.png
+- app/assets/images/twitter.png
 - app/assets/stylesheets/fork_ribs.css
 - fork_ribs.gemspec
 - lib/fork_ribs.rb