rsocialize 0.0.2

data/.rvmrc

@@ -0,0 +1,52 @@
+#!/usr/bin/env bash
+
+# This is an RVM Project .rvmrc file, used to automatically load the ruby
+# development environment upon cd'ing into the directory
+
+# First we specify our desired <ruby>[@<gemset>], the @gemset name is optional,
+# Only full ruby name is supported here, for short names use:
+#     echo "rvm use 1.9.3" > .rvmrc
+environment_id="ruby-1.9.3-p194@rsoc326"
+
+# Uncomment the following lines if you want to verify rvm version per project
+# rvmrc_rvm_version="1.14.2 (stable)" # 1.10.1 seams as a safe start
+# eval "$(echo ${rvm_version}.${rvmrc_rvm_version} | awk -F. '{print "[[ "$1*65536+$2*256+$3" -ge "$4*65536+$5*256+$6" ]]"}' )" || {
+#   echo "This .rvmrc file requires at least RVM ${rvmrc_rvm_version}, aborting loading."
+#   return 1
+# }
+
+# First we attempt to load the desired environment directly from the environment
+# file. This is very fast and efficient compared to running through the entire
+# CLI and selector. If you want feedback on which environment was used then
+# insert the word 'use' after --create as this triggers verbose mode.
+if [[ -d "${rvm_path:-$HOME/.rvm}/environments"
+  && -s "${rvm_path:-$HOME/.rvm}/environments/$environment_id" ]]
+then
+  \. "${rvm_path:-$HOME/.rvm}/environments/$environment_id"
+  [[ -s "${rvm_path:-$HOME/.rvm}/hooks/after_use" ]] &&
+    \. "${rvm_path:-$HOME/.rvm}/hooks/after_use" || true
+  if [[ $- == *i* ]] # check for interactive shells
+  then echo "Using: $(tput setaf 2)$GEM_HOME$(tput sgr0)" # show the user the ruby and gemset they are using in green
+  else echo "Using: $GEM_HOME" # don't use colors in non-interactive shells
+  fi
+else
+  # If the environment file has not yet been created, use the RVM CLI to select.
+  rvm --create use  "$environment_id" || {
+    echo "Failed to create RVM environment '${environment_id}'."
+    return 1
+  }
+fi
+
+# If you use bundler, this might be useful to you:
+# if [[ -s Gemfile ]] && {
+#   ! builtin command -v bundle >/dev/null ||
+#   builtin command -v bundle | GREP_OPTIONS= \grep $rvm_path/bin/bundle >/dev/null
+# }
+# then
+#   printf "%b" "The rubygem 'bundler' is not installed. Installing it now.\n"
+#   gem install bundler
+# fi
+# if [[ -s Gemfile ]] && builtin command -v bundle >/dev/null
+# then
+#   bundle install | GREP_OPTIONS= \grep -vE '^Using|Your bundle is complete'
+# fi

data/Gemfile

@@ -0,0 +1,11 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in rsocialize.gemspec
+gemspec
+gem 'sinatra', '~>1.3.3'
+gem 'curb', '~>0.8.2'
+gem 'activesupport', '~>3.2.8'
+gem 'nokogiri', '~>1.5.5'
+gem 'actionpack', '~>3.2.8'
+gem 'rake','~>0.9.2.2'
+gem 'gemcutter', '~>0.7.1' #needed to add yank command to rubygems command list

data/Gemfile.lock

@@ -0,0 +1,77 @@
+PATH
+  remote: .
+  specs:
+    rsocialize (0.0.1)
+      actionpack (~> 3.2.8)
+      activesupport (~> 3.2.8)
+      curb (~> 0.8.2)
+      nokogiri (~> 1.5.5)
+
+GEM
+  remote: https://rubygems.org/
+  specs:
+    actionpack (3.2.8)
+      activemodel (= 3.2.8)
+      activesupport (= 3.2.8)
+      builder (~> 3.0.0)
+      erubis (~> 2.7.0)
+      journey (~> 1.0.4)
+      rack (~> 1.4.0)
+      rack-cache (~> 1.2)
+      rack-test (~> 0.6.1)
+      sprockets (~> 2.1.3)
+    activemodel (3.2.8)
+      activesupport (= 3.2.8)
+      builder (~> 3.0.0)
+    activesupport (3.2.8)
+      i18n (~> 0.6)
+      multi_json (~> 1.0)
+    builder (3.0.4)
+    curb (0.8.2)
+    diff-lcs (1.1.3)
+    erubis (2.7.0)
+    gemcutter (0.7.1)
+    hike (1.2.1)
+    i18n (0.6.1)
+    journey (1.0.4)
+    multi_json (1.3.7)
+    nokogiri (1.5.5)
+    rack (1.4.1)
+    rack-cache (1.2)
+      rack (>= 0.4)
+    rack-protection (1.2.0)
+      rack
+    rack-test (0.6.2)
+      rack (>= 1.0)
+    rake (0.9.2.2)
+    rspec (2.11.0)
+      rspec-core (~> 2.11.0)
+      rspec-expectations (~> 2.11.0)
+      rspec-mocks (~> 2.11.0)
+    rspec-core (2.11.1)
+    rspec-expectations (2.11.3)
+      diff-lcs (~> 1.1.3)
+    rspec-mocks (2.11.3)
+    sinatra (1.3.3)
+      rack (~> 1.3, >= 1.3.6)
+      rack-protection (~> 1.2)
+      tilt (~> 1.3, >= 1.3.3)
+    sprockets (2.1.3)
+      hike (~> 1.2)
+      rack (~> 1.0)
+      tilt (~> 1.1, != 1.3.0)
+    tilt (1.3.3)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  actionpack (~> 3.2.8)
+  activesupport (~> 3.2.8)
+  curb (~> 0.8.2)
+  gemcutter
+  nokogiri (~> 1.5.5)
+  rake (~> 0.9.2.2)
+  rsocialize!
+  rspec (~> 2.11.0)
+  sinatra (~> 1.3.3)

data/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2012 BruceP
+
+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,118 @@
+# Rsocialize Description
+
+This is a ruby on rails gem that enables easy installation of the [sharrre](http://sharrre.com/) jQuery plugin.  It provides a simple way to add social media buttons to your rails application.  No more digging through APIs or copying and pasting code from developer docs just to install social media buttons for your rails application.
+
+#Rsocialize - Who is it for?
+
+This gem is ideal for one-person (or severely time-pressed) startups who are time-limited and just need to get some social media buttons installed quickly, because they're really busy working on so many other aspects of deployment.
+
+#Rsocialize v0.0.2 - What's working?
+
+This is a "beta" release.  There's been some minimal testing with rspec.  In the current version, I have examples 1,2,3,5 and 6 from the sharrre plugin working in Rails.  Users can use their own custom css and specify their own sharrre options to use different buttons than the ones given in examples 1,2,3,5,6.
+
+#Rails compatibility
+
+I wrote this gem and tested it with Rails 3.2.8. It takes advantage of the asset pipeline.  I'm thinking about making it compatible with other versions of rails, so if you're interested in this happening, let me know via the issue queue.
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'rsocialize'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install rsocialize
+
+## Basic Usage
+
+###Installation w/your rails application
+
+At the command prompt:
+
+`rails g rsocialize:install example1`
+
+This will install the required sharrre jQuery code and the Example 1 CSS into your app/assets directory.  It will also create a route in your routes.rb file and a controller file.  This part is "auto-magic" and done for you.
+
+Now in your view(s) file or on whatever page you want the social media buttons to appear, you need to use the following 2 helper functions:
+
+`rsocialize_div_tag("", {:div_template=>"example1"})`
+
+The *_div_tag helper outputs the necessary css for sharrre's Example 1. 
+
+`rsocialize_js_tag({:js_template=>"example1"})`
+
+The *_js_tag helper outputs the necessary jQuery Code for sharrre's Example 1.
+
+You would use "example2", "example3", etc. as the argument if you wanted the Example 2, Example 3, etc. style buttons to be used.  
+
+###Uninstalling from your rails application
+At the command prompt:
+
+`rails g rsocialize:uninstall`
+
+## Advanced Usage with Custom Options
+
+To use social buttons different than what is pre-loaded with the examples, you have to perform the following steps:
+1.  Specify your own (nested) hash of custom options to pass into *_js_tag so that the proper jQuery code is returned in your view
+2.  Specify your own html `<div>` markup for the jQuery code to operate on
+3.  Overwrite the css code in the rsocialize.css file for any custom css styling you want to be applied
+
+###For step 1 - example of specifying the hash of options
+```ruby
+@js_custom_options = {
+   demo1: {
+          share: {
+              googlePlus: true,
+              facebook: true,
+              twitter: true
+            },
+            buttons: {
+              googlePlus: {size: 'tall'},
+              facebook: {layout: 'box_count'},
+              twitter: {count: 'vertical', via: '_JulienH'}
+            },
+            hover: %Q[function(api, options){
+              $(api.element).find('.buttons').show();
+            }],
+            hide: %Q[function(api, options){
+              $(api.element).find('.buttons').hide();
+            }],
+            enableTracking: true
+          }
+   }
+```
+
+You would then call the following in your view:
+`<%= rsocialize_js_tag(@js_custom_options) %>`
+
+###For step 2 - example of specifying own html `<div>` markup for the jQuery code to operate on
+```ruby
+ @custom_div = %Q{
+        <div id="demo1" data-url="http://sharrre.com" data-text="Make your sharing widget with Sharrre (jQuery Plugin)" data-title="share"></div>
+     }
+````
+     
+You would then call the following in your view:
+`rsocialize_div_tag(@custom_div,:div_template=>"custom") %>`
+
+The *custom* option essentially tells the *_div_tag helper to return whatever html markup you pass in.
+
+###For step 3 - overwrite the css code in the rsocialize.css file for any custom css styling you want to be applied
+This is pretty straightforward.  If you don't like the default css (or whatever option you installed), you can overwrite via copy/paste or you can use the *switch_css* command.  To use the *switch_css* command:
+
+`rails g rsocialize:switch_css example2`
+
+Note that the argument "example2" refers to the "example2css.txt" file in the "app/assets/stylesheets" directory.  If you have your own custom css file that you want to switch in and out, you can always create your own text file in the "app/assets/stylesheets" directory.  The file should be named according to the convention *css.txt, where * = any bunch of characters.
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Added some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1,8 @@
+#!/usr/bin/env rake
+require "bundler/gem_tasks"
+
+#source: http://www.ruby-doc.org/stdlib-1.9.3/libdoc/rubygems/rdoc/Gem/PackageTask.html
+require 'rubygems/package_task'
+spec = eval(File.read('rsocialize.gemspec'))
+Gem::PackageTask.new(spec) do |pkg|
+end

data/lib/.rvmrc

@@ -0,0 +1,52 @@
+#!/usr/bin/env bash
+
+# This is an RVM Project .rvmrc file, used to automatically load the ruby
+# development environment upon cd'ing into the directory
+
+# First we specify our desired <ruby>[@<gemset>], the @gemset name is optional,
+# Only full ruby name is supported here, for short names use:
+#     echo "rvm use 1.9.3" > .rvmrc
+environment_id="ruby-1.9.3-p194@rsoc326"
+
+# Uncomment the following lines if you want to verify rvm version per project
+# rvmrc_rvm_version="1.14.2 (stable)" # 1.10.1 seams as a safe start
+# eval "$(echo ${rvm_version}.${rvmrc_rvm_version} | awk -F. '{print "[[ "$1*65536+$2*256+$3" -ge "$4*65536+$5*256+$6" ]]"}' )" || {
+#   echo "This .rvmrc file requires at least RVM ${rvmrc_rvm_version}, aborting loading."
+#   return 1
+# }
+
+# First we attempt to load the desired environment directly from the environment
+# file. This is very fast and efficient compared to running through the entire
+# CLI and selector. If you want feedback on which environment was used then
+# insert the word 'use' after --create as this triggers verbose mode.
+if [[ -d "${rvm_path:-$HOME/.rvm}/environments"
+  && -s "${rvm_path:-$HOME/.rvm}/environments/$environment_id" ]]
+then
+  \. "${rvm_path:-$HOME/.rvm}/environments/$environment_id"
+  [[ -s "${rvm_path:-$HOME/.rvm}/hooks/after_use" ]] &&
+    \. "${rvm_path:-$HOME/.rvm}/hooks/after_use" || true
+  if [[ $- == *i* ]] # check for interactive shells
+  then echo "Using: $(tput setaf 2)$GEM_HOME$(tput sgr0)" # show the user the ruby and gemset they are using in green
+  else echo "Using: $GEM_HOME" # don't use colors in non-interactive shells
+  fi
+else
+  # If the environment file has not yet been created, use the RVM CLI to select.
+  rvm --create use  "$environment_id" || {
+    echo "Failed to create RVM environment '${environment_id}'."
+    return 1
+  }
+fi
+
+# If you use bundler, this might be useful to you:
+# if [[ -s Gemfile ]] && {
+#   ! builtin command -v bundle >/dev/null ||
+#   builtin command -v bundle | GREP_OPTIONS= \grep $rvm_path/bin/bundle >/dev/null
+# }
+# then
+#   printf "%b" "The rubygem 'bundler' is not installed. Installing it now.\n"
+#   gem install bundler
+# fi
+# if [[ -s Gemfile ]] && builtin command -v bundle >/dev/null
+# then
+#   bundle install | GREP_OPTIONS= \grep -vE '^Using|Your bundle is complete'
+# fi

data/lib/generators/USAGE

@@ -0,0 +1,5 @@
+Description:
+    Copies all the needed CSS files into your app's asset pipeline
+
+Example:
+    rails generate rsocialize

data/lib/generators/rsocialize/install_generator.rb

@@ -0,0 +1,33 @@
+require 'rails/generators'
+module Rsocialize
+  class InstallGenerator < Rails::Generators::Base
+    #rails g rsocialize:install example1
+    argument :css_layout_name, :type => :string, :default => "example1"  
+    def self.source_root
+      @_rsocialize_root ||= File.expand_path("../templates", __FILE__)
+    end
+    def create_layout
+      copy_file 'example1.css', 'app/assets/stylesheets/example1css.txt'
+      copy_file 'example2.css', 'app/assets/stylesheets/example2css.txt'
+      copy_file 'example3.css', 'app/assets/stylesheets/example3css.txt'
+      copy_file 'example5.css', 'app/assets/stylesheets/example5css.txt'
+      copy_file 'example6.css', 'app/assets/stylesheets/example6css.txt'
+      copy_file 'rsocialize.css', 'app/assets/stylesheets/rsocialize.css'
+      copy_file %Q{#{Rsocialize::JQUERY_SHARRRE_FILE}}, %Q{app/assets/javascripts/#{Rsocialize::JQUERY_SHARRRE_FILE}}
+      copy_file 'rsocialize_controller.rb', 'app/lib/rsocialize_controller.rb'
+      directory 'images', 'app/assets/images'
+    end
+    def modify_css
+      css_path = "app/assets/stylesheets/"+"#{css_layout_name}css.txt"
+      css_str = IO.read(css_path)
+      rs_filename = %Q{app/assets/stylesheets/rsocialize.css}
+      File.open(rs_filename, 'w') {|f| f.write(css_str) }
+    end
+    def modify_routes
+      line = "::Application.routes.draw do"
+      gsub_file 'config/routes.rb', /(#{Regexp.escape(line)})/mi do |match|
+        %Q{#{match}\n  match '/sharrre' => 'Rsocialize#sharrre'}
+      end
+    end
+  end #end class InstallGenerator 
+end #Rsocialize

data/lib/generators/rsocialize/switch_css_generator.rb

@@ -0,0 +1,17 @@
+require 'rails/generators'
+module Rsocialize
+  class SwitchCssGenerator < Rails::Generators::Base
+    #rails g rsocialize:install example1
+    argument :css_layout_name, :type => :string, :default => "example1"  
+    def self.source_root
+      @_rsocialize_root ||= File.expand_path("../templates", __FILE__)
+    end
+    def modify_css
+      css_path = "app/assets/stylesheets/"+"#{css_layout_name}css.txt"
+      css_str = IO.read(css_path)
+      rs_filename = %Q{app/assets/stylesheets/rsocialize.css}
+      File.open(rs_filename, 'w') {|f| f.write(css_str) }
+      puts "Status: #{css_layout_name} style applied"
+    end
+  end #end class SwitchCssGenerator 
+end #Rsocialize

data/lib/generators/rsocialize/templates/example1.css

@@ -0,0 +1,112 @@
+#example1 {
+    float:left;
+    margin:0 27% 0 27%;
+  }
+  .sharrre {
+    margin:55px 0 0 50px;
+    float:left;
+  }
+  .sharrre .box a:hover {
+    text-decoration:none;
+  }
+  .sharrre .count {
+    color:#525b67;
+    display:block;
+    font-size:18px;
+    font-weight:bold;
+    line-height:40px;
+    height:40px;
+    position:relative;
+    text-align:center;
+    width:70px;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius:4px;
+    border:1px solid #b2c6cc;
+    background: #fbfbfb; /* Old browsers */
+    background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* IE10+ */
+    background: linear-gradient(top, #fbfbfb 0%,#f6f6f6 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
+  }
+  .sharrre .count:before, .sharrre .count:after {
+    content:'';
+    display:block;
+    position:absolute;
+    left:49%;
+    width:0;
+    height:0;
+  }
+  .sharrre .count:before {
+    border:solid 7px transparent;
+    border-top-color:#b2c6cc;
+    margin-left:-7px;
+    bottom: -14px;
+  }
+  .sharrre .count:after {
+    border:solid 6px transparent;
+    margin-left:-6px;
+    bottom:-12px;
+    border-top-color:#fbfbfb;
+  }
+  .sharrre .share {
+    color:#FFFFFF;
+    display:block;
+    font-size:12px;
+    font-weight:bold;
+    height:30px;
+    line-height:30px;
+    margin-top:8px;
+    padding:0;
+    text-align:center;
+    text-decoration:none;
+    width:70px;
+    -webkit-border-radius:4px;
+    -moz-border-radius:4px;
+    border-radius:4px; 
+  }
+  #twitter .share {
+    text-shadow: 1px 0px 0px #0077be;
+    filter: dropshadow(color=#0077be, offx=1, offy=0); 
+    border:1px solid #0075c5;
+    background: #26c3eb;
+    background: -moz-linear-gradient(top, #26c3eb 0%, #26b3e6 50%, #00a2e1 51%, #0080d6 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#26c3eb), color-stop(50%,#26b3e6), color-stop(51%,#00a2e1), color-stop(100%,#0080d6)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* IE10+ */
+    background: linear-gradient(top, #26c3eb 0%,#26b3e6 50%,#00a2e1 51%,#0080d6 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26c3eb', endColorstr='#0080d6',GradientType=0 ); /* IE6-9 */
+    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #5cd3f1 inset;
+  }
+  #facebook .share {
+    text-shadow: 1px 0px 0px #26427e;
+    filter: dropshadow(color=#26427e, offx=1, offy=0); 
+    border:1px solid #24417c;
+    background: #5582c9; /* Old browsers */
+    background: -moz-linear-gradient(top, #5582c9 0%, #33539a 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5582c9), color-stop(100%,#33539a)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #5582c9 0%,#33539a 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #5582c9 0%,#33539a 100%); /* IE10+ */
+    background: linear-gradient(top, #5582c9 0%,#33539a 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5582c9', endColorstr='#33539a',GradientType=0 ); /* IE6-9 */
+    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #80a1d6 inset;
+  }
+  #googleplus .share {
+    text-shadow: 1px 0px 0px #222222;
+    filter: dropshadow(color=#222222, offx=1, offy=0); 
+    border:1px solid #262626;
+    background: #6d6d6d; /* Old browsers */
+    background: -moz-linear-gradient(top, #6d6d6d 0%, #434343 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#434343)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, #6d6d6d 0%,#434343 100%); /* IE10+ */
+    background: linear-gradient(top, #6d6d6d 0%,#434343 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
+    box-shadow: 0 1px 4px #DDDDDD, 0 1px 0 #929292 inset;
+  }

data/lib/generators/rsocialize/templates/example2.css

@@ -0,0 +1,99 @@
+#example2{
+    float:left;
+    margin:80px 42% 0 42%;
+  }
+  .sharrre .box{
+    background:#6f838c;
+    background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1));
+    background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
+    background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
+    background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%);
+    background:linear-gradient(top, #6f838c 0%, #4d5e66 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 );
+    -webkit-box-shadow:0 1px 1px #d3d3d3;
+    -moz-box-shadow:0 1px 1px #d3d3d3;
+    box-shadow:0 1px 1px #d3d3d3;
+    height:22px;
+    display:inline-block;
+    position:relative;
+    padding:0px 55px 0 8px;
+    -webkit-border-radius:3px;
+    -moz-border-radius:3px;
+    border-radius:3px;
+    font-size:12px;
+    float:left;
+    clear:both;
+    overflow:hidden;
+    -webkit-transition:all 0.3s linear;
+    -moz-transition:all 0.3s linear;
+    -o-transition:all 0.3s linear;
+    transition:all 0.3s linear;
+  }
+  .sharrre .left{
+    line-height:22px;
+    display:block;
+    white-space:nowrap;
+    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
+    color:#ffffff;
+    -webkit-transition:all 0.2s linear;
+    -moz-transition:all 0.2s linear;
+    -o-transition:all 0.2s linear;
+    transition:all 0.2s linear;
+  }
+  .sharrre .middle{
+    position:absolute;
+    height:22px;
+    top:0px;
+    right:30px;
+    width:0px;
+    background:#63707e;
+    text-shadow:0px -1px 1px #363f49;
+    color:#fff;
+    white-space:nowrap;
+    text-align:left;
+    overflow:hidden;
+    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+    -webkit-transition:width 0.3s linear;
+    -moz-transition:width 0.3s linear;
+    -o-transition:width 0.3s linear;
+    transition:width 0.3s linear;
+  }
+  .sharrre .middle a{
+    color:#fff;
+    font-weight:bold;
+    padding:0 9px 0 9px;
+    text-align:center;
+    float:left;
+    line-height:22px;
+    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
+  }
+  .sharrre .right{
+    position:absolute;
+    right:0px;
+    top:0px;
+    height:100%;
+    width:45px;
+    text-align:center;
+    line-height:22px;
+    color:#4b5d61;
+    background:#f1faf9;
+    background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1));
+    background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
+    background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
+    background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
+    background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%);
+    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 );
+  }
+  .sharrre .box:hover{
+    padding-right:130px;
+  }
+  .sharrre .middle a:hover{
+    text-decoration:none;
+  }
+  .sharrre .box:hover .middle{
+    width:90px;
+  }

data/lib/generators/rsocialize/templates/example3.css

@@ -0,0 +1,48 @@
+#example3{
+  float:left;
+  margin:63px 33% 0 33%;
+}
+#shareme .box{
+  float:left;
+  margin:5% 8% 0 8%;
+  width:100%;
+}
+#shareme .box a{
+  color:#404040;
+  text-shadow: 0 1px 1px rgba(167,167,167,.4);
+}
+#shareme .box a:hover{
+  text-decoration:none;
+}
+#shareme .count {
+  font-weight:bold;
+  font-size:50px;
+  float:left;
+  border-right:2px solid #57b8d1;
+  line-height:40px;
+  padding-right:10px
+}
+#shareme .share {
+  float:left;
+  margin-left:10px;
+  font-size:20px;
+  width:82px;
+}
+#shareme .buttons {
+  position: absolute;
+  width:294px;
+  background-color:#fff;
+  border: 1px solid rgba(0,0,0,.2);
+  padding:10px;
+  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.1);
+}
+#shareme .button {
+  float:left;
+  max-width:50px;
+  margin:0 10px 0 0;
+}
+#shareme .facebook {
+  margin:0 4px 0 0;
+}

data/lib/generators/rsocialize/templates/example5.css

@@ -0,0 +1,15 @@
+ #example5{
+    float:left;
+    margin:68px 25% 0 25%;
+  }
+  .sharrre .button{
+    float:left;
+    width:60px;
+  }
+  /*
+  #twitter { float: left;
+             margin: 0 0;}
+  #googleplus { float: left; 
+              margin: 0 0;}
+  #facebook {float: left;
+             margin: 0 0;} */