github-badge 0.1.0

data/.gitignore

@@ -0,0 +1,3 @@
+pkg/*
+*.gem
+.bundle

data/Gemfile

@@ -0,0 +1,3 @@
+source :gemcutter
+
+gemspec

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2011 Nico Hagenburger
+
+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,59 @@
+github-badge
+============
+
+A 3d Github badge as Compass extension ([original blog post](http://www.hagenburger.net/BLOG/3d-Github-badge-with-pure-CSS3.html))
+
+
+Usage
+-----
+
+Make sure, you’re using [Sass](http://sass-lang.com/) and [Compass](http://compass-style.org/).
+
+HTML:
+
+    <a id="github" href="https://github.com/hagenburger">
+      <span>Fork me on GitHub!</span>
+      <span>Get free lemonade!</span>
+    </a>
+    
+SCSS:
+
+    @import "compass";
+    @import "github-badge";
+    
+    #github {
+      @include github-badge;
+    }
+
+
+Customization
+-------------
+
+    @import "compass";
+    @import "github-badge";
+    
+    #github {
+      @include github-badge(
+        $background: image-url("background.png"),
+        $backside-backround: blue,
+        $text-color: #00f,
+        $backside-text-color: rgba(white, 0.5)
+      );
+    }
+
+
+Dependencies
+------------
+
+* Sass 3.1 (3.0 is not supported)
+* Compass 0.10 and 0.11
+
+
+Licence
+-------
+
+Released under the MIT Licence. See MIT-LICENCE for details.
+
+© [Nico Hagenburger](http://www.hagenburger.net/) 2011
+
+Follow [Nico on Twitter](http://twitter.com/hagenburger) or [Github](https://github.com/hagenburger).

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/github-badge.gemspec

@@ -0,0 +1,24 @@
+# -*- encoding: utf-8 -*-
+require File.expand_path("../lib/github-badge/version", __FILE__)
+
+Gem::Specification.new do |s|
+  s.name        = "github-badge"
+  s.version     = Github::Badge::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ['Nico Hagenburger']
+  s.email       = ['gems@hagenburger.net']
+  s.homepage    = "http://www.hagenburger.net/BLOG/3d-Github-badge-with-pure-CSS3.html"
+  s.summary     = "A 3d Github badge as Compass extension"
+  s.description = "A 3d Github badge as Compass extension"
+
+  s.required_rubygems_version = ">= 1.3.6"
+
+  s.add_dependency "sass", ">= 3.1.0.alpha.0"
+  s.add_dependency "compass", ">= 0.10.0"
+  
+  s.add_development_dependency "bundler", ">= 1.0.0"
+
+  s.files        = `git ls-files`.split("\n")
+  s.executables  = `git ls-files`.split("\n").map{|f| f =~ /^bin\/(.*)/ ? $1 : nil}.compact
+  s.require_path = 'lib'
+end

data/lib/github-badge.rb

@@ -0,0 +1,11 @@
+base_directory  = File.join(File.dirname(__FILE__), '..')
+Compass::Frameworks.register('github-badge', :path => base_directory)
+
+require 'sass'
+module Sass::Script::Functions
+  def compass_legacy_mode
+    version = Compass.version
+    legacy_mode = (version[:major].to_i == 0 and version[:minor].to_i < 11)
+    Sass::Script::Bool.new(legacy_mode)
+  end
+end

data/lib/github-badge/version.rb

@@ -0,0 +1,5 @@
+module Github
+  module Badge
+    VERSION = "0.1.0"
+  end
+end

data/stylesheets/github-badge.scss

@@ -0,0 +1,60 @@
+@mixin github-badge($background: black, $backside-background: red, $text-color: white, $backside-text-color: $text-color) {
+  left: -65px;
+  height: 30px;
+  top: 40px;
+  position: absolute;
+  text-decoration: none;
+  width: 250px;
+  @include rotate(-45deg);
+  span {
+    background: $background;
+    color: $text-color;
+    font-size: 14px;
+    left: 0;
+    padding: 5px 0;
+    position: absolute;
+    text-align: center;
+    width: 250px;
+    @if compass-legacy-mode() {
+      @include box-shadow(rgba(red, 0.2), 1px, 1px, 10px);
+    }
+    @else {
+      color:green;
+      @include box-shadow(rgba(black, 0.2) 1px 1px 10px);
+    }
+    @include transition(opacity, 1s);
+    &:last-child {
+      // this is the backside
+      background: $backside-background;
+      color: $backside-text-color;
+      opacity: 0;
+    }
+  }
+  &:hover span {
+    &:first-child {
+      opacity: 0;
+    }
+    &:last-child {
+      opacity: 1;
+    }
+  }
+
+  @media all and (-webkit-transform-3d) {
+    span {
+      opacity: 1 !important;
+      -webkit-backface-visibility: hidden;
+      -webkit-transition: -webkit-transform 1s;
+      &:last-child {
+        -webkit-transform: rotateX(180deg);
+      }
+    }
+    &:hover span {
+      &:first-child {
+        -webkit-transform: rotateX(180deg);
+      }
+      &:last-child {
+        -webkit-transform: rotateX(360deg);
+      }
+    }
+  }
+}

metadata

@@ -0,0 +1,116 @@
+--- !ruby/object:Gem::Specification 
+name: github-badge
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 0
+  version: 0.1.0
+platform: ruby
+authors: 
+- Nico Hagenburger
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2011-01-18 00:00:00 +01:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: sass
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 3
+        - 1
+        - 0
+        - alpha
+        - 0
+        version: 3.1.0.alpha.0
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: compass
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 0
+        - 10
+        - 0
+        version: 0.10.0
+  type: :runtime
+  version_requirements: *id002
+- !ruby/object:Gem::Dependency 
+  name: bundler
+  prerelease: false
+  requirement: &id003 !ruby/object:Gem::Requirement 
+    requirements: 
+    - - ">="
+      - !ruby/object:Gem::Version 
+        segments: 
+        - 1
+        - 0
+        - 0
+        version: 1.0.0
+  type: :development
+  version_requirements: *id003
+description: A 3d Github badge as Compass extension
+email: 
+- gems@hagenburger.net
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitignore
+- Gemfile
+- MIT-LICENSE
+- README.md
+- Rakefile
+- github-badge.gemspec
+- lib/github-badge.rb
+- lib/github-badge/version.rb
+- stylesheets/github-badge.scss
+has_rdoc: true
+homepage: http://www.hagenburger.net/BLOG/3d-Github-badge-with-pure-CSS3.html
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 1
+      - 3
+      - 6
+      version: 1.3.6
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.6
+signing_key: 
+specification_version: 3
+summary: A 3d Github badge as Compass extension
+test_files: []
+