app_sleuth 0.0.1.pre

data/lib/app_sleuth/server/assets/sass/mixins/functions/_linear-gradient.scss

@@ -0,0 +1,23 @@
+@function linear-gradient($pos: top, $G1: false, $G2: false,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  // Detect what type of value exists in $pos
+  $pos-type: type-of(nth($pos, 1));
+
+  // If $pos is missing from mixin, reassign vars and add default position
+  @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+    $G10: $G9; $G9: $G8; $G8: $G7; $G7: $G6; $G6: $G5;
+     $G5: $G4; $G4: $G3; $G3: $G2; $G2: $G1; $G1: $pos;
+    $pos: top; // Default position
+  }
+
+  $type: linear;
+  $gradient: compact($pos, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+

data/lib/app_sleuth/server/assets/sass/mixins/functions/_modular-scale.scss

@@ -0,0 +1,40 @@
+@function modular-scale($value, $increment, $ratio) {
+  @if $increment > 0 {
+    @for $i from 1 through $increment {
+      $value: ($value * $ratio);
+    }
+  }
+
+  @if $increment < 0 {
+    $increment: abs($increment);
+    @for $i from 1 through $increment {
+      $value: ($value / $ratio);
+    }
+  }
+
+  @return $value;
+}
+
+//  div {
+//                     Increment Up GR with positive value
+//   font-size:        modular-scale(14px,   1, 1.618); // returns: 22.652px
+//
+//                     Increment Down GR with negative value
+//   font-size:        modular-scale(14px,  -1, 1.618); // returns: 8.653px
+//
+//                     Can be used with ceil(round up) or floor(round down)
+//   font-size: floor( modular-scale(14px, 1, 1.618) ); // returns: 22px
+//   font-size:  ceil( modular-scale(14px, 1, 1.618) ); // returns: 23px
+//  }
+//
+// modularscale.com
+
+@function golden-ratio($value, $increment) {
+  @return modular-scale($value, $increment, 1.618)
+}
+
+//  div {
+//    font-size: golden-ratio(14px, 1); // returns: 22.652px
+//  }
+//
+// goldenratiocalculator.com

data/lib/app_sleuth/server/assets/sass/mixins/functions/_radial-gradient.scss

@@ -0,0 +1,15 @@
+// This function is required and used by the background-image mixin.
+@function radial-gradient($pos, $shape-size,
+                       $G1,        $G2,
+                       $G3: false, $G4: false,
+                       $G5: false, $G6: false,
+                       $G7: false, $G8: false,
+                       $G9: false, $G10: false) {
+
+  $type: radial;
+  $gradient: compact($pos, $shape-size, $G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
+  $type-gradient: append($type, $gradient, comma);
+
+  @return $type-gradient;
+}
+

data/lib/app_sleuth/server/assets/sass/mixins/functions/_render-gradients.scss

@@ -0,0 +1,14 @@
+// User for linear and radial gradients within background-image or border-image properties
+
+@function render-gradients($gradients, $gradient-type, $vendor: false) {
+  $vendor-gradients: false;
+  @if $vendor {
+    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
+  }
+
+  @else if $vendor == false {
+    $vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
+    $vendor-gradients: unquote($vendor-gradients);
+  }
+  @return $vendor-gradients;
+}

data/lib/app_sleuth/server/assets/sass/mixins/functions/_tint-shade.scss

@@ -0,0 +1,9 @@
+// Add percentage of white to a color
+@function tint($color, $percent){
+  @return mix(white, $color, $percent);
+}
+
+// Add percentage of black to a color
+@function shade($color, $percent){
+  @return mix(black, $color, $percent);
+}

data/lib/app_sleuth/server/assets/sass/mixins/hacks/_ie.scss

@@ -0,0 +1,37 @@
+// IE Hacks
+
+// IE7 inline-block
+// ----------------
+@mixin ie7-inline-block() {
+  *display: inline; /* IE7 inline-block hack */
+  *zoom: 1;
+}
+
+// IE7 likes to collapse whitespace on either side of the inline-block elements.
+// Ems because we're attempting to match the width of a space character. Left
+// version is for form buttons, which typically come after other elements, and
+// right version is for icons, which come before. Applying both is ok, but it will
+// mean that space between those elements will be .6em (~2 space characters) in IE7,
+// instead of the 1 space in other browsers.
+@mixin ie7-restore-left-whitespace() {
+  *margin-left: .3em;
+
+  &:first-child {
+    *margin-left: 0;
+  }
+}
+
+@mixin ie7-restore-right-whitespace() {
+  *margin-right: .3em;
+
+  &:last-child {
+    *margin-left: 0;
+  }
+}
+
+
+// Reset filters for IE
+@mixin reset-filter() {
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+

data/lib/app_sleuth/server/assets/sass/style.scss

@@ -0,0 +1,219 @@
+//
+// HTML5 ✰ Boilerplate (SCSS Edition)
+//
+// What follows is the result of much research on cross-browser styling.
+// Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
+// Kroc Camen, and the H5BP dev community and team.
+//
+// Detailed information about this CSS: h5bp.com/css
+//
+
+@import "mixins/mixins";
+@import "marcotte-grid";
+@import "normalize"; 
+@import "boilerplate";
+
+$black: #000;
+$white: #fff;
+$gray: #a29f99;
+$grayLight: tint($gray, 20%);
+$grayLighter: tint($gray, 50%);
+$grayLightest: tint($gray, 90%);
+$grayDark: shade($gray, 20%);
+$grayDarker: shade($gray, 50%);
+$grayDarkest: shade($gray, 80%);
+
+// ==|== primary styles =====================================================
+//   Author: Lynn Wallenstein
+// =======================================================================
+
+
+// Base
+
+html {
+  body {
+    background: #666;
+    header#page-header {
+    } //header#page-header
+    div#main {
+      a#light-switch {
+        float: right;
+        margin: 20px;
+      }
+      ul#swatches {
+        padding: 100px 0 0 0;
+        li.swatch {
+          @include border-radius(15px);
+          @include box-shadow(2px 2px 2px hsla(0,0,0,.5));
+          @include transition(transform .15s linear);
+          border-left: 20px solid #fff;
+          border-right: 20px solid #000;
+          float: left;
+          list-style: none;
+          height: 100px;
+          padding-top: 40px;
+          position: relative;
+          margin: 20px;
+          text-align: center;
+          width: 130px;
+          z-index: 100;
+          &:hover {
+            @include transform(scale(2));
+            z-index: 9999 !important;
+            span.help {
+              display: block;
+              font-size: 6px;
+              opacity: .5;
+              padding-top: 5px;
+            }
+          }
+          &:before {
+            content: attr(data-hex);
+          }
+          &.light-switch {
+            color: #fff;
+            .close {
+              color: #fff !important;
+            }
+          }
+          .close {
+            @include opacity(20);
+            color: #666 !important;
+            float: right;
+            font-size: 20px;
+            font-weight: bold;
+            line-height: 18px;
+            position: absolute;
+            right: 5px;
+            text-decoration: none;
+            text-shadow: 1px 1px 0 hsla(0,0,0,.9);
+            top: 5px;
+            &:hover {
+              @include opacity(40);
+              color: #000;
+              cursor: pointer;
+              text-decoration: none;
+            }
+          } // .close
+          span.help {
+            display: none;
+          }
+        } // li.swatch
+      }
+    } // div#main
+    footer#page-footer {
+    } // footer#page-footer
+  } // body
+} // html
+
+
+
+// ------------------------------------------------------------------ 
+//  Mixin for generating button backgrounds
+// ------------------------------------------------------------------ 
+
+@mixin buttonBackground($startColor, $endColor) {
+  // gradientBar will set the background to a pleasing blend of these, to support IE<=9
+  @include gradientBar($startColor, $endColor);
+  @include reset-filter();
+
+  // in these cases the gradient won't cover the background, so we override
+  &:hover, &:active, &.active {
+    background-color: $endColor;
+  }
+
+  &.disabled, &[disabled]  {
+    &:hover {
+      @include gradientBar($startColor, $endColor);
+      @include reset-filter();
+    }
+  }
+
+  // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves
+  &:active,
+  &.active {
+    background-color: darken($endColor, 10%) #{"\9"};
+    @include gradientBar($endColor, $startColor);
+  }
+}
+
+// ------------------------------------------------------------------ 
+//  Base Styles
+// ------------------------------------------------------------------ 
+
+button,  input[type="button"], input[type="submit"], input[type="reset"], .btn {
+  display: inline-block;
+  padding: 4px 10px 4px;
+  font-size: 13px;
+  line-height: 18px;
+  color: $grayDarker !important;
+  text-align: center;
+  text-decoration: none !important;
+  text-shadow: 0 1px 1px rgba(255,255,255,.75);
+  @include gradient-vertical-three-colors($white, $white, 25%, darken($white, 10%)); // Don't use .gradientbar() here since it does a three-color gradient
+  border: 1px solid $grayLighter;
+  border-bottom-color: $grayLight;
+  @include border-radius(4px);
+  $shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
+  @include box-shadow($shadow);
+  cursor: pointer;
+
+  // Give IE7 some love
+  @include ie7-restore-left-whitespace();
+
+  // Hover state
+  &:hover {
+    @include transition(background-position .1s linear);
+    color: $grayDarker;
+    text-decoration: none;
+    background-color: darken($white, 10%);
+    background-position: 0 -15px;
+  }
+  // transition is only when going to hover, otherwise the background
+  // behind the gradient (there for IE<=9 fallback) gets mismatched
+
+  // Focus state for keyboard and accessibility
+  &:focus {
+    @include tab-focus();
+  }
+
+  // Active state
+  &.active,
+  &:active {
+    @include transition(background-position .1s linear);
+    background-image: none;
+    $shadow: inset 0 2px 4px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.05);
+    @include box-shadow($shadow);
+    background-color: darken($white, 10%);
+    color: rgba(0,0,0,.5);
+    outline: 0;
+  }
+
+  // Disabled state
+  &.disabled,
+  &[disabled] {
+    cursor: default;
+    background-image: none;
+    background-color: darken($white, 10%);
+    @include opacity(65);
+    @include box-shadow(none);
+    &:hover {
+      @include transition(background-position .1s linear);
+      color: $grayDarker;
+      text-decoration: none;
+      background-color: none;
+      background-position: none;
+    }
+  }
+}
+
+
+// ==|== media queries ======================================================
+//   EXAMPLE Media Query for Responsive Design.
+//  This example overrides the primary ('mobile first') styles
+//   Modify as content requires.
+//   ========================================================================== */
+
+@media only screen and (min-width: 35em) {
+  // Style adjustments for viewports that meet the condition */
+}

data/lib/app_sleuth/server/views/colors.html.erb

@@ -0,0 +1,44 @@
+<!doctype html>
+<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Color Sleuth</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width">
+  <link rel="stylesheet" href="css/style.css">
+  <script src="js/libs/modernizr-2.5.3.min.js"></script>
+</head>
+<body>
+  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
+  <header>
+
+  </header>
+  <div id="main" role="main">
+
+  <a class='btn' id="light-switch">Toggle Text Color</a>
+    <ul id="swatches">
+      <%= colors %>
+    </ul>
+  </div>
+  <footer>
+
+  </footer>
+
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
+  <script src="js/plugins.js"></script>
+  <script src="js/script.js"></script>
+
+
+  <script>
+    var _gaq=[['_setAccount','UA-30291020-1'],['_trackPageview']];
+    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
+    g.src="http://www.google-analytics.com/ga.js";
+    s.parentNode.insertBefore(g,s)}(document,'script'));
+  </script>
+</body>
+</html>

data/lib/app_sleuth/version.rb

@@ -0,0 +1,3 @@
+module AppSleuth
+  VERSION = "0.0.1.pre"
+end

metadata

@@ -0,0 +1,124 @@
+--- !ruby/object:Gem::Specification
+name: app_sleuth
+version: !ruby/object:Gem::Version
+  version: 0.0.1.pre
+  prerelease: 6
+platform: ruby
+authors:
+- Dan Ahern
+- Lynn Wallenstein
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-03-28 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sinatra
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Generates color, font, image information about your project
+email:
+- danahern@gmail.com
+- lwallenstein@gmail.com
+executables:
+- app_sleuth
+extensions: []
+extra_rdoc_files: []
+files:
+- .gitignore
+- Gemfile
+- LICENSE
+- README.md
+- Rakefile
+- app_sleuth.gemspec
+- bin/app_sleuth
+- config.ru
+- lib/app_sleuth.rb
+- lib/app_sleuth/colors.rb
+- lib/app_sleuth/fonts.rb
+- lib/app_sleuth/server.rb
+- lib/app_sleuth/server/assets/css/style.css
+- lib/app_sleuth/server/assets/js/libs/jquery-1.7.1.js
+- lib/app_sleuth/server/assets/js/libs/jquery-1.7.1.min.js
+- lib/app_sleuth/server/assets/js/libs/modernizr-2.5.3.min.js
+- lib/app_sleuth/server/assets/js/plugins.js
+- lib/app_sleuth/server/assets/js/script.js
+- lib/app_sleuth/server/assets/sass/_boilerplate.scss
+- lib/app_sleuth/server/assets/sass/_marcotte-grid.scss
+- lib/app_sleuth/server/assets/sass/_normalize.scss
+- lib/app_sleuth/server/assets/sass/_print.scss
+- lib/app_sleuth/server/assets/sass/mixins/_mixins.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_button.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_font-family.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_html5-input-types.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_non-semantic-helpers.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_position.scss
+- lib/app_sleuth/server/assets/sass/mixins/addons/_timing-functions.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_animation.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_appearance.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_background-clip.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_background-image.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_background-origin.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_background-size.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_border-image.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_border-radius.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_box-shadow.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_box-sizing.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_columns.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_flex-box.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_font-smoothing.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_inline-block.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_linear-gradient.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_radial-gradient.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_transform.scss
+- lib/app_sleuth/server/assets/sass/mixins/css3/_transition.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_deprecated-webkit-gradient.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_linear-gradient.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_modular-scale.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_radial-gradient.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_render-gradients.scss
+- lib/app_sleuth/server/assets/sass/mixins/functions/_tint-shade.scss
+- lib/app_sleuth/server/assets/sass/mixins/hacks/_ie.scss
+- lib/app_sleuth/server/assets/sass/style.scss
+- lib/app_sleuth/server/views/colors.html.erb
+- lib/app_sleuth/version.rb
+homepage: https://github.com/danahern/app_sleuth
+licenses: []
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+      segments:
+      - 0
+      hash: -2537352471087112450
+required_rubygems_version: !ruby/object:Gem::Requirement
+  none: false
+  requirements:
+  - - ! '>'
+    - !ruby/object:Gem::Version
+      version: 1.3.1
+requirements: []
+rubyforge_project: 
+rubygems_version: 1.8.19
+signing_key: 
+specification_version: 3
+summary: Generate Design Info about Project
+test_files: []