survivalkit 1.0.beta.8 → 1.0.beta.9

data/templates/project/manifest.rb

@@ -2,8 +2,6 @@ description "Tools for desiging in the browser: The Coding Designer's Survival K
 
 # Stylesheets
 file '../shared/style.scss', :like => :stylesheet, :media => 'all', :to => 'style.scss'
-file '../shared/survivalkit/drupal7.scss', :like => :stylesheet, :media => 'all', :to => 'survivalkit/drupal7.scss'
-file '../shared/survivalkit/survivalkit.scss', :like => :stylesheet, :media => 'all', :to => 'survivalkit/survivalkit.scss'
 file '../shared/partials/01-variables/_all.scss', :like => :stylesheet, :to => 'partials/01-variables/_all.scss'
 file '../shared/partials/01-variables/_base.scss', :like => :stylesheet, :to => 'partials/01-variables/_base.scss'
 file '../shared/partials/01-variables/_colors.scss', :like => :stylesheet, :to => 'partials/01-variables/_colors.scss'
@@ -16,11 +14,11 @@ file '../shared/partials/04-base/_all.scss', :like => :stylesheet, :to => 'parti
 file '../shared/partials/04-base/_common.scss', :like => :stylesheet, :to => 'partials/04-base/_common.scss'
 file '../shared/partials/04-base/_edits.scss', :like => :stylesheet, :to => 'partials/04-base/_edits.scss'
 file '../shared/partials/04-base/_font-face.scss', :like => :stylesheet, :to => 'partials/04-base/_font-face.scss'
+file '../shared/partials/04-base/_form-defaults.scss', :like => :stylesheet, :to => 'partials/04-base/_form-defaults.scss'
 file '../shared/partials/04-base/_headers.scss', :like => :stylesheet, :to => 'partials/04-base/_headers.scss'
 file '../shared/partials/04-base/_images.scss', :like => :stylesheet, :to => 'partials/04-base/_images.scss'
 file '../shared/partials/04-base/_semantics.scss', :like => :stylesheet, :to => 'partials/04-base/_semantics.scss'
 file '../shared/partials/04-base/_tables.scss', :like => :stylesheet, :to => 'partials/04-base/_tables.scss'
-file '../shared/partials/04-base/_form-defaults.scss', :like => :stylesheet, :to => 'partials/04-base/_form-defaults.scss'
 file '../shared/partials/05-layout/_grids-susy.scss', :like => :stylesheet, :to => 'partials/05-layout/_grids-susy.scss'
 file '../shared/partials/06-ui-patterns/_common.scss', :like => :stylesheet, :to => 'partials/06-ui-patterns/_common.scss'
 file '../shared/partials/06-ui-patterns/_drupal-patterns.scss', :like => :stylesheet, :to => 'partials/06-ui-patterns/_drupal-patterns.scss'
@@ -29,30 +27,6 @@ file '../shared/partials/08-media/_print.scss', :like => :stylesheet, :to => 'pa
 file '../shared/your-design-here/_design.scss', :like => :stylesheet, :to => 'your-design-here/_design.scss'
 # discover :stylesheets
 
-html 'files/html/index.html', :to => 'index.html'
-html 'files/html/404.html', :to => '404.html'
-html 'files/html/survivalkit/index.html', :to => 'survivalkit/index.html'
-html 'files/html/survivalkit/elements-common.html', :to => 'survivalkit/elements-common.html'
-html 'files/html/survivalkit/elements-html5.html', :to => 'survivalkit/elements-html5.html'
-html 'files/html/survivalkit/elements-ui-patterns-drupal.html', :to => 'survivalkit/elements-ui-patterns-drupal.html'
-html 'files/html/survivalkit/elements-ui-patterns-drupal-css.html', :to => 'survivalkit/elements-ui-patterns-drupal-css.html'
-html 'files/html/survivalkit/elements-ui-patterns.html', :to => 'survivalkit/elements-ui-patterns.html'
-html 'files/html/survivalkit/elements-typography.html', :to => 'survivalkit/elements-typography.html'
-html 'files/html/survivalkit/styletile/styletile.html', :to => 'survivalkit/styletile/styletile.html'
-
-html 'files/html/formalize_jquery_demo.html', :to => 'survivalkit/formalize/formalize_jquery_demo.html'
-html 'files/html/formalize_jquery_disabled.html', :to => 'survivalkit/formalize/formalize_jquery_disabled.html'
-html 'files/html/formalize_jquery_errors.html', :to => 'survivalkit/formalize/formalize_jquery_errors.html'
-
-html 'files/htaccess.htaccess', :to => '.htaccess'
-html 'files/crossdomain.xml', :to => 'crossdomain.xml'
-html 'files/robots.txt', :to => 'robots.txt'
-html 'files/humans.txt', :to => 'humans.txt'
-html 'files/apple-touch-icon.png', :to => 'apple-touch-icon.png'
-html 'files/apple-touch-icon-72x72-precomposed.png', :to => 'apple-touch-icon-72x72-precomposed.png'
-html 'files/apple-touch-icon-114x114-precomposed.png', :to => 'apple-touch-icon-114x114-precomposed.png'
-html 'files/favicon.ico', :to => 'favicon.ico'
-
 discover :javascripts
 
 file '../shared/survival-kit-logo.png', :like => :image, :to => 'survival-kit-logo.png'
@@ -104,6 +78,51 @@ file '../shared/drupal/watchdog-error.png', :like => :image, :to => 'drupal/watc
 file '../shared/drupal/watchdog-ok.png', :like => :image, :to => 'drupal/watchdog-ok.png'
 file '../shared/drupal/watchdog-warning.png', :like => :image, :to => 'drupal/watchdog-warning.png'
 
+font '../shared/fonts/font-awesome/fontawesome-webfont.eot',  :like => :font, :to => 'font-awesome/fontawesome-webfont.eot'
+font '../shared/fonts/font-awesome/fontawesome-webfont.svg',  :like => :font, :to => 'font-awesome/fontawesome-webfont.svg'
+font '../shared/fonts/font-awesome/fontawesome-webfont.ttf',  :like => :font, :to => 'font-awesome/fontawesome-webfont.ttf'
+font '../shared/fonts/font-awesome/fontawesome-webfont.woff', :like => :font, :to => 'font-awesome/fontawesome-webfont.woff'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.eot',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-italic-webfont.eot'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.svg',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-italic-webfont.svg'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.ttf',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-italic-webfont.ttf'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.woff', :like => :font, :to => 'league-gothic/leaguegothic-condensed-italic-webfont.woff'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.eot',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-regular-webfont.eot'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.svg',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-regular-webfont.svg'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.ttf',  :like => :font, :to => 'league-gothic/leaguegothic-condensed-regular-webfont.ttf'
+font '../shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.woff', :like => :font, :to => 'league-gothic/leaguegothic-condensed-regular-webfont.woff'
+font '../shared/fonts/league-gothic/leaguegothic-italic-webfont.eot',  :like => :font, :to => 'league-gothic/leaguegothic-italic-webfont.eot'
+font '../shared/fonts/league-gothic/leaguegothic-italic-webfont.svg',  :like => :font, :to => 'league-gothic/leaguegothic-italic-webfont.svg'
+font '../shared/fonts/league-gothic/leaguegothic-italic-webfont.ttf',  :like => :font, :to => 'league-gothic/leaguegothic-italic-webfont.ttf'
+font '../shared/fonts/league-gothic/leaguegothic-italic-webfont.woff', :like => :font, :to => 'league-gothic/leaguegothic-italic-webfont.woff'
+font '../shared/fonts/league-gothic/leaguegothic-regular-webfont.eot',  :like => :font, :to => 'league-gothic/leaguegothic-regular-webfont.eot'
+font '../shared/fonts/league-gothic/leaguegothic-regular-webfont.svg',  :like => :font, :to => 'league-gothic/leaguegothic-regular-webfont.svg'
+font '../shared/fonts/league-gothic/leaguegothic-regular-webfont.ttf',  :like => :font, :to => 'league-gothic/leaguegothic-regular-webfont.ttf'
+font '../shared/fonts/league-gothic/leaguegothic-regular-webfont.woff', :like => :font, :to => 'league-gothic/leaguegothic-regular-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-black-webfont.eot', :like => :font, :to => 'ostrich/ostrich-black-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-black-webfont.svg', :like => :font, :to => 'ostrich/ostrich-black-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-black-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-black-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-black-webfont.woff', :like => :font, :to => 'ostrich/ostrich-black-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-bold-webfont.eot', :like => :font, :to => 'ostrich/ostrich-bold-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-bold-webfont.svg', :like => :font, :to => 'ostrich/ostrich-bold-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-bold-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-bold-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-bold-webfont.woff', :like => :font, :to => 'ostrich/ostrich-bold-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-dashed-webfont.eot', :like => :font, :to => 'ostrich/ostrich-dashed-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-dashed-webfont.svg', :like => :font, :to => 'ostrich/ostrich-dashed-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-dashed-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-dashed-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-dashed-webfont.woff', :like => :font, :to => 'ostrich/ostrich-dashed-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-light-webfont.eot', :like => :font, :to => 'ostrich/ostrich-light-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-light-webfont.svg', :like => :font, :to => 'ostrich/ostrich-light-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-light-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-light-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-light-webfont.woff', :like => :font, :to => 'ostrich/ostrich-light-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-regular-webfont.eot', :like => :font, :to => 'ostrich/ostrich-regular-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-regular-webfont.svg', :like => :font, :to => 'ostrich/ostrich-regular-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-regular-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-regular-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-regular-webfont.woff', :like => :font, :to => 'ostrich/ostrich-regular-webfont.woff'
+font '../shared/fonts/ostrich/ostrich-rounded-webfont.eot', :like => :font, :to => 'ostrich/ostrich-rounded-webfont.eot'
+font '../shared/fonts/ostrich/ostrich-rounded-webfont.svg', :like => :font, :to => 'ostrich/ostrich-rounded-webfont.svg'
+font '../shared/fonts/ostrich/ostrich-rounded-webfont.ttf', :like => :font, :to => 'ostrich/ostrich-rounded-webfont.ttf'
+font '../shared/fonts/ostrich/ostrich-rounded-webfont.woff', :like => :font, :to => 'ostrich/ostrich-rounded-webfont.woff'
+
 help %Q{
 This is a Compass extension for The Coding Designer's Survival Kit by Mason Wendell
 

data/templates/project/script.js

@@ -1,22 +1,7 @@
-/* Author:
-*  [your name here]
-*/
-
 $(document).ready(function(){
 
-  // Run Matt Kersley's jQuery Responsive menu plugin (see plugins-320.js)
-  if ($.fn.mobileMenu) {
-    $('ol#id').mobileMenu({
-      switchWidth: 768,                   // width (in px to switch at)
-      topOptionText: 'Choose a page',     // first option text
-      indentString: '   '  // string for indenting nested items
-    });
-  }
-
-  // Run Mathias Bynens jQuery placeholder plugin (see plugins-320.js)
-  if ($.fn.placeholder) {
-    $('input, textarea').placeholder();
-  }
+  // add some js, whydoncha?
+
 });
 
 

data/templates/project/sources/FitText/README.md

@@ -0,0 +1,52 @@
+# FitText.js, a jQuery plugin for inflating web type
+FitText makes font-sizes flexible. Use this plugin on your responsive design to achieve scalable headlines that fill the width of the parent element.
+
+## How it works
+Here is a simple FitText setup:
+
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+   	<script src="jquery.fittext.js"></script>
+   	<script>
+      $("#responsive_headline").fitText();
+    </script>
+
+[Pretty Cool](http://www.hulu.com/watch/194733/saturday-night-live-miley-cyrus-show). Your text should now resize based on the width of the parent element. By default: *Font-size = 1/10th of the parent element's width*.
+
+### The Compressor
+If your text is resizing poorly, you'll want to turn tweak up/down "The Compressor". It works a little like a guitar amp. The default is `1`.
+
+    $("#responsive_headline").fitText(1.2); // Turn the compressor up   (text shrinks more aggressively)
+    $("#responsive_headline").fitText(0.8); // Turn the compressor down (text shrinks less aggressively)
+    
+This will hopefully give you a level of "control" that might not be pixel perfect, but scales smoothly & nicely.
+
+### _new:_ minFontSize & maxFontSize
+FitText now allows you to specify two optional pixel values: `minFontSize` and `maxFontSize`. Great for situations when you want responsive text but also need to preserve hierarchy.
+
+    $("#responsive_headline").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })
+
+## CSS Tips
+
+* Make sure your headline is `display: block;` or 	`display: inline-block;` with a specified width, i.e. `width: 100%`. 
+* Be ready to tweak till everything balances out.
+* FitText now ignores your CSS file's font-size, but be sure to set one as a non-javascript fallback.
+* Make sure your element is appended to document before setting fitText. e.g. `$('<div>').fitText()` will NOT work
+
+## Changelog
+* `v 1.1` - FitText now ignores font-size and has minFontSize & maxFontSize options
+* `v 1.0.1` - Fix for broken font-size.
+* `v 1.0` - Initial Release
+
+## Disclaimers
+This is the part of the show where we cover our butts.
+
+### Intended for Fluid Width Designs
+We built this to satisfy a need for fluid resizing text on responsive designs. Mostly for use on [Trent Walton's blog](http://trentwalton.com), which he's using it all over. 
+
+If you want more exact fitting text, there's a plugin for that! We recommend checking out [BigText](https://github.com/zachleat/BigText) by Zach Leatherman.
+
+### window.resize() tsk tsk tsk...
+If you oppose `window.resize()`, it's worth mentioning that @chriscoyier created a fork of [FitText using a debounced resize method](https://github.com/chriscoyier/FitText.js). 
+
+### Download, Fork, Commit.
+If you think you can make this better, please Download, Fork, & Commit. We'd love your see your ideas.

data/templates/project/sources/FitText/example.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta charset="utf-8" />
+	<title>FitText</title>
+
+	<style type="text/css">
+		body {
+		  background: #233a40; 
+		  color: #fff;
+		  font: 16px/1.8 sans-serif;
+		}
+		.container {
+			width: 84%;
+			margin:0 auto;
+			max-width:1140px;
+		}
+		header {
+			width: 100%;
+			margin:0px auto;
+		}
+		h1 {
+			background: rgba(0,0,0,0.2);
+			text-align: center;
+			color:#fff;
+			font: 95px/1 "Impact";
+			text-transform: uppercase;
+			display: block;
+			text-shadow:#253e45 -1px 1px 0,
+			#253e45 -2px 2px 0,
+			#d45848 -3px 3px 0,
+			#d45848 -4px 4px 0;
+			margin: 5% auto 5%;
+		}
+	</style>
+
+	<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+</head>
+
+<body>
+
+	<div class="container">
+		<header>
+		<h1 id="fittext1">Squeeze with FitText</h1>
+		<h1 id="fittext2">Squeeze with FitText</h1>
+		<h1 id="fittext3">Squeeze with FitText</h1>
+		</header>
+		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+	</div>
+	
+	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+ 	<script src="jquery.fittext.js"></script>
+	<script type="text/javascript">
+		$("#fittext1").fitText();
+		$("#fittext2").fitText(1.2);
+		$("#fittext3").fitText(1.1, { minFontSize: 50, maxFontSize: '75px' });
+	</script>
+	
+</body>
+</html>

data/templates/project/sources/FitText/jquery.fittext.js

@@ -0,0 +1,43 @@
+/*global jQuery */
+/*!	
+* FitText.js 1.0
+*
+* Copyright 2011, Dave Rupert http://daverupert.com
+* Released under the WTFPL license 
+* http://sam.zoy.org/wtfpl/
+*
+* Date: Thu May 05 14:23:00 2011 -0600
+*/
+
+(function( $ ){
+	
+  $.fn.fitText = function( kompressor, options ) {
+	   
+    // Setup options
+    var compressor = kompressor || 1,
+        settings = $.extend({
+          'minFontSize' : Number.NEGATIVE_INFINITY,
+          'maxFontSize' : Number.POSITIVE_INFINITY
+        }, options);
+	
+    return this.each(function(){
+
+      // Store the object
+      var $this = $(this); 
+        
+      // Resizer() resizes items based on the object width divided by the compressor * 10
+      var resizer = function () {
+        $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize)));
+      };
+
+      // Call once to set.
+      resizer();
+				
+      // Call on resize. Opera debounces their resize by default. 
+      $(window).on('resize', resizer);
+      	
+    });
+
+  };
+
+})( jQuery );