RubyGems - sassafras - Versions diffs - 0.2.0 - Mend

sassafras 0.2.0

Files changed (31) hide show

data/History.txt +4 -0
data/License.txt +20 -0
data/Manifest.txt +32 -0
data/PostInstall.txt +3 -0
data/README.txt +86 -0
data/Rakefile +38 -0
data/bin/sassafras +62 -0
data/examples/analogous_red.html +298 -0
data/examples/split_complementary_blue.html +298 -0
data/lib/sassafras.rb +241 -0
data/lib/sassafras/swatch.html.erb +60 -0
data/lib/sassafras/version.rb +9 -0
data/script/console +10 -0
data/script/destroy +14 -0
data/script/generate +14 -0
data/script/txt2html +82 -0
data/setup.rb +1585 -0
data/spec/sassafras_spec.rb +211 -0
data/spec/spec.opts +1 -0
data/spec/spec_helper.rb +10 -0
data/tasks/deployment.rake +34 -0
data/tasks/environment.rake +7 -0
data/tasks/examples.rake +8 -0
data/tasks/rspec.rake +21 -0
data/tasks/website.rake +17 -0
data/website/index.html +11 -0
data/website/index.txt +83 -0
data/website/javascripts/rounded_corners_lite.inc.js +285 -0
data/website/stylesheets/screen.css +138 -0
data/website/template.html.erb +48 -0
metadata +114 -0

data/examples/split_complementary_blue.html ADDED

@@ -0,0 +1,298 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+	<head>
+    <title>Sassafras Swatch</title>
+		<meta http-equiv="content-type" content="text/xhtml; charset=utf-8" />
+		<meta http-equiv="imagetoolbar" content="no" />
+		<meta name="distribution" content="all" />
+		<meta name="robots" content="all" />
+		<meta name="resource-type" content="document" />
+		<meta name="MSSmartTagsPreventParsing" content="true" />
+    <style type="text/css">
+      body {
+        font-family: Helvetica, Verdana, Sans-serif;
+        text-align: center;
+      }
+      .container {
+        width: 600px;
+      }
+      th {
+        text-align: left;
+      }
+      td.swatch {
+        width: 10em;
+      }
+      td.hex {
+        font-family: "Courier New", Fixed;
+      }
+      pre {
+        text-align: left;
+      }
+    </style>
+	</head>
+	<body>
+    <div align="center">
+      <div class="container">
+        <h1>Sassafras</h1>
+        <table width="100%">
+          <tr>
+            <th colspan="3">complement1</td>
+          </tr>
+            <tr>
+              <td>
+                dark
+              </td>
+              <td class="hex">
+                #80002b
+              </td>
+              <td class="swatch" style="background-color: #80002b;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darker
+              </td>
+              <td class="hex">
+                #4d001a
+              </td>
+              <td class="swatch" style="background-color: #4d001a;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                light
+              </td>
+              <td class="hex">
+                #ff80aa
+              </td>
+              <td class="swatch" style="background-color: #ff80aa;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lightest
+              </td>
+              <td class="hex">
+                #ffe6ee
+              </td>
+              <td class="swatch" style="background-color: #ffe6ee;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lighter
+              </td>
+              <td class="hex">
+                #ffb3cc
+              </td>
+              <td class="swatch" style="background-color: #ffb3cc;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                mid
+              </td>
+              <td class="hex">
+                #ff0055
+              </td>
+              <td class="swatch" style="background-color: #ff0055;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darkest
+              </td>
+              <td class="hex">
+                #1a0009
+              </td>
+              <td class="swatch" style="background-color: #1a0009;">&nbsp;</td>
+            </tr>
+          <tr>
+            <th colspan="3">complement2</td>
+          </tr>
+            <tr>
+              <td>
+                dark
+              </td>
+              <td class="hex">
+                #00802b
+              </td>
+              <td class="swatch" style="background-color: #00802b;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darker
+              </td>
+              <td class="hex">
+                #004d1a
+              </td>
+              <td class="swatch" style="background-color: #004d1a;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                light
+              </td>
+              <td class="hex">
+                #80ffaa
+              </td>
+              <td class="swatch" style="background-color: #80ffaa;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lightest
+              </td>
+              <td class="hex">
+                #e6ffee
+              </td>
+              <td class="swatch" style="background-color: #e6ffee;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lighter
+              </td>
+              <td class="hex">
+                #b3ffcc
+              </td>
+              <td class="swatch" style="background-color: #b3ffcc;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                mid
+              </td>
+              <td class="hex">
+                #00ff55
+              </td>
+              <td class="swatch" style="background-color: #00ff55;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darkest
+              </td>
+              <td class="hex">
+                #001a09
+              </td>
+              <td class="swatch" style="background-color: #001a09;">&nbsp;</td>
+            </tr>
+          <tr>
+            <th colspan="3">base</td>
+          </tr>
+            <tr>
+              <td>
+                dark
+              </td>
+              <td class="hex">
+                #000080
+              </td>
+              <td class="swatch" style="background-color: #000080;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darker
+              </td>
+              <td class="hex">
+                #00004d
+              </td>
+              <td class="swatch" style="background-color: #00004d;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                light
+              </td>
+              <td class="hex">
+                #8080ff
+              </td>
+              <td class="swatch" style="background-color: #8080ff;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lightest
+              </td>
+              <td class="hex">
+                #e6e6ff
+              </td>
+              <td class="swatch" style="background-color: #e6e6ff;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                lighter
+              </td>
+              <td class="hex">
+                #b3b3ff
+              </td>
+              <td class="swatch" style="background-color: #b3b3ff;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                mid
+              </td>
+              <td class="hex">
+                #0000ff
+              </td>
+              <td class="swatch" style="background-color: #0000ff;">&nbsp;</td>
+            </tr>
+            <tr>
+              <td>
+                darkest
+              </td>
+              <td class="hex">
+                #00001a
+              </td>
+              <td class="swatch" style="background-color: #00001a;">&nbsp;</td>
+            </tr>
+        </table>
+        <pre># Generated by Sassafras
+# complement1
+!complement1_dark = #80002b
+!complement1_darker = #4d001a
+!complement1_light = #ff80aa
+!complement1_lightest = #ffe6ee
+!complement1_lighter = #ffb3cc
+!complement1_mid = #ff0055
+!complement1_darkest = #1a0009
+# complement2
+!complement2_dark = #00802b
+!complement2_darker = #004d1a
+!complement2_light = #80ffaa
+!complement2_lightest = #e6ffee
+!complement2_lighter = #b3ffcc
+!complement2_mid = #00ff55
+!complement2_darkest = #001a09
+# base
+!base_dark = #000080
+!base_darker = #00004d
+!base_light = #8080ff
+!base_lightest = #e6e6ff
+!base_lighter = #b3b3ff
+!base_mid = #0000ff
+!base_darkest = #00001a
+</pre>
+      </div>
+    </div>
+	</body>
+</html>

data/lib/sassafras.rb ADDED

@@ -0,0 +1,241 @@
+$:.unshift(File.dirname(__FILE__)) unless
+  $:.include?(File.dirname(__FILE__)) || $:.include?(File.expand_path(File.dirname(__FILE__)))
+require 'rubygems'
+require File.dirname(__FILE__) + '/sassafras/version'
+gem     'color-tools'
+require 'color'
+gem     'activesupport'
+require 'activesupport'
+require 'erb'
+module Sassafras
+  class Theme
+    attr_reader :base_rgb
+    class << self
+      def create(type, base)
+        Theme.send(type, base)
+      end
+      def colors
+        @colors
+      end
+      def basic(base)
+        BasicTheme.new(base)
+      end
+      def complementary(base)
+        ComplementaryTheme.new(base)
+      end
+      def analogous(base)
+        AnalogousTheme.new(base)
+      end
+      def triadic(base)
+        TriadicTheme.new(base)
+      end
+      def split_complementary(base)
+        SplitComplementaryTheme.new(base)
+      end
+      def rectangle(base)
+        RectangleTheme.new(base)
+      end
+      def square(base)
+        SquareTheme.new(base)
+      end
+    end
+    def initialize(base)
+      is_hex = (base =~ /#.*/)
+      @base_rgb   = is_hex ? Color::RGB.from_html(base) : Color::RGB.const_get(base.to_s.camelize)
+      @colors     = { 'base' =>
+        Tints.new(@base_rgb).colors.merge(
+        Shades.new(@base_rgb).colors)
+      }
+      return unless self.class.colors
+      self.class.colors.each do |name, steps|
+        color = self.hue_adjusted_base_rgb(steps)
+        @colors[name] =
+          Tints. new(color).colors.merge(
+          Shades.new(color).colors)
+      end
+    end
+    def base
+      @base_rgb.html
+    end
+    def colors(name=nil)
+      return @colors[name.to_s] if name
+      @colors
+    end
+    def sass
+      returning "# Generated by Sassafras\n" do |str|
+        colors.each do |set, colors|
+          str << "# #{set}\n"
+          colors.each do |name, hex|
+            str << "!#{set}_#{name} = #{hex}\n"
+          end
+          str << "\n"
+        end
+      end
+    end
+    def get_binding; binding; end
+    protected
+      def hue_adjusted_base_rgb(steps)
+        one_step = 0.0555555555555
+        hue = base_rgb.to_hsl.h
+        sat = base_rgb.to_hsl.s
+        lum = base_rgb.to_hsl.l
+        hue += one_step * steps
+        if hue > 1.0
+          hue -= 1.0
+        elsif hue < 0.0
+          hue += 1.0
+        end
+        Color::HSL.from_fraction(hue, sat, lum).to_rgb
+      end
+      def self.color(name, block)
+        instance_eval do
+          @colors ||= {}
+          @colors[name] = block
+        end
+      end
+  end
+  class ColorSet
+    def initialize(base_rgb, prefix=nil)
+      @rgb = base_rgb
+      @prefix = prefix
+      @colors = {}
+    end
+    def colors
+      returning Hash.new do |hash|
+        @colors.each do |name, hex|
+          if @prefix
+            hash["#{@prefix}_#{name}"] = hex
+          else
+            hash[name] = hex
+          end
+        end
+      end
+    end
+    def method_missing(method, *args)
+      return @colors[method.to_s] if @colors[method.to_s]
+      super
+    end
+  end
+  class Tints < ColorSet
+    def initialize(base_rgb, prefix=nil)
+      super(base_rgb, prefix)
+      @colors = {
+        'mid'      => @rgb.html,
+        'light'    => @rgb.lighten_by(50).html,
+        'lighter'  => @rgb.lighten_by(30).html,
+        'lightest' => @rgb.lighten_by(10).html
+      }
+    end
+  end
+  class Shades < ColorSet
+    def initialize(base_rgb, prefix=nil)
+      super(base_rgb, prefix)
+      @colors = {
+        'mid'     => @rgb.html,
+        'dark'    => @rgb.darken_by(50).html,
+        'darker'  => @rgb.darken_by(30).html,
+        'darkest' => @rgb.darken_by(10).html
+      }
+    end
+  end
+  class BasicTheme < Theme
+  end
+  class ComplementaryTheme < Theme
+    color 'complementary', +6
+  end
+  class AnalogousTheme < Theme
+    color 'support', -1
+    color 'accent',  +1
+  end
+  class TriadicTheme < Theme
+    color 'accent1', +4
+    color 'accent2', -4
+  end
+  class SplitComplementaryTheme < Theme
+    color 'complement1', +5
+    color 'complement2', -5
+  end
+  class RectangleTheme < Theme
+    color 'accent1', +2
+    color 'accent2', +6
+    color 'accent3', -4
+  end
+  class SquareTheme < Theme
+    color 'accent1',    +3
+    color 'complement', +6
+    color 'accent2',    +9
+  end
+  class HTMLSwatch
+    def initialize(theme)
+      @theme = theme
+      File.open(File.dirname(__FILE__) + '/sassafras/swatch.html.erb') do |f|
+        erb = ERB.new(f.read)
+        erb.result(@theme.get_binding)
+      end
+    end
+  end
+end