middleman-gumby 0.0.1

data/vendor/assets/javascripts/gumby/libs/ui/jquery.validation.js

@@ -0,0 +1,142 @@
+/**
+* Gumby jQuery Validation Plugin
+*/
+!function($) {
+
+	'use strict';
+
+	function Validation($this, req) {
+
+		if(Gumby) {
+			Gumby.debug('Initializing Validation', $this);
+		}
+
+		// input and holder .field
+		this.$this = $this;
+		this.$field = this.$this.parents('.field');
+
+		// supplied validation function with default length check
+		this.req = req || function() {
+			return !!this.$this.val().length;
+		};
+
+		// reference to this class
+		var scope = this;
+
+		// checkboxes and radio buttons use gumby.onChange event to validate
+		if(this.$this.is('[type=checkbox], [type=radio]')) {
+			this.$field = this.$this.parent('label');
+			this.$field.on('gumby.onChange', function() {
+				scope.validate();
+			});
+
+		// selects validate on change
+		} else if(this.$this.is('select')) {
+			this.$field = this.$this.parents('.picker');
+			this.$field.on('change', function() {
+				scope.validate();
+			});
+
+		// others (text input, textarea) use blur
+		} else {
+			this.$this.on('blur', function(e) {
+				// ignore tab
+				if(e.which !== 9) {
+					scope.validate();
+				}
+			});
+		}
+	}
+
+	// validate field
+	Validation.prototype.validate = function() {
+
+		var result = this.req(this.$this);
+
+		// failed
+		if(!result) {
+			this.$field.removeClass('success').addClass('danger');
+
+		// passed
+		} else {
+		//} else if(this.$field.hasClass('danger')) {
+			this.$field.removeClass('danger').addClass('success');
+		}
+
+		return result;
+	};
+
+	// jQuery plugin definition
+	$.fn.validation = function(options) {
+
+		var // extend params with defaults
+			settings = $.extend({
+				submit : false,
+				fail: false,
+				required : []
+			}, options),
+			// store validation objects
+			validations = [];
+
+		// init each form plugin is called on
+		return this.each(function() {
+
+			// no required fields so plugin is pointless
+			if(!settings.required.length) {
+				return false;
+			}
+
+			var $this = $(this),
+				reqLength = settings.required.length,
+				i;
+
+			// loop round each required field and instantiate new validation object
+			for(i = 0; i < reqLength; i++) {
+				validations.push(new Validation(
+					$this.find('[name="'+settings.required[i].name+'"]'),
+					settings.required[i].validate || false
+				));
+			}
+
+			// hijack submit event
+			$this.on('submit', function(e) {
+
+				// reference to whole form pass/fail
+				var failed = false;
+
+				// if no passed attribute found we should halt form submit
+				if(!$this.data('passed')) {
+					e.preventDefault();
+
+					// loop round validation objects and validate each
+					var reqLength = validations.length, i;
+					for(i = 0; i < reqLength; i++) {
+						if(!validations[i].validate()) {
+							failed = true;
+						}
+					}
+
+					// passed
+					if(!failed) {
+						// if submit method present call that otherwise submit form
+						if(settings.submit && typeof settings.submit === 'function') {
+							settings.submit($this.serializeArray());
+							return;
+						}
+
+						// store passed bool and re-submit
+						$this.data('passed', true).submit();
+
+						// failed
+						} else {
+						// call fail method if present
+						if(settings.fail && typeof settings.fail === 'function') {
+							settings.fail();
+							return;
+						}
+					}
+				}
+			});
+		});
+	};
+}(jQuery);

data/vendor/assets/javascripts/gumby/main.js

@@ -0,0 +1,23 @@
+// Gumby is ready to go
+Gumby.ready(function() {
+	Gumby.log('Gumby is ready to go...', Gumby.dump());
+
+	// placeholder polyfil
+	if(Gumby.isOldie || Gumby.$dom.find('html').hasClass('ie9')) {
+		$('input, textarea').placeholder();
+	}
+
+	// skip link and toggle on one element
+	// when the skip link completes, trigger the switch
+	$('#skip-switch').on('gumby.onComplete', function() {
+		$(this).trigger('gumby.trigger');
+	});
+
+// Oldie document loaded
+}).oldie(function() {
+	Gumby.warn("This is an oldie browser...");
+
+// Touch devices loaded
+}).touch(function() {
+	Gumby.log("This is a touch enabled device...");
+});

data/vendor/assets/javascripts/gumby/plugins.js

@@ -0,0 +1,4 @@
+/*! http://mths.be/placeholder v2.0.7 by @mathias */
+;(function(f,h,$){var a='placeholder' in h.createElement('input'),d='placeholder' in h.createElement('textarea'),i=$.fn,c=$.valHooks,k,j;if(a&&d){j=i.placeholder=function(){return this};j.input=j.textarea=true}else{j=i.placeholder=function(){var l=this;l.filter((a?'textarea':':input')+'[placeholder]').not('.placeholder').bind({'focus.placeholder':b,'blur.placeholder':e}).data('placeholder-enabled',true).trigger('blur.placeholder');return l};j.input=a;j.textarea=d;k={get:function(m){var l=$(m);return l.data('placeholder-enabled')&&l.hasClass('placeholder')?'':m.value},set:function(m,n){var l=$(m);if(!l.data('placeholder-enabled')){return m.value=n}if(n==''){m.value=n;if(m!=h.activeElement){e.call(m)}}else{if(l.hasClass('placeholder')){b.call(m,true,n)||(m.value=n)}else{m.value=n}}return l}};a||(c.input=k);d||(c.textarea=k);$(function(){$(h).delegate('form','submit.placeholder',function(){var l=$('.placeholder',this).each(b);setTimeout(function(){l.each(e)},10)})});$(f).bind('beforeunload.placeholder',function(){$('.placeholder').each(function(){this.value=''})})}function g(m){var l={},n=/^jQuery\d+$/;$.each(m.attributes,function(p,o){if(o.specified&&!n.test(o.name)){l[o.name]=o.value}});return l}function b(m,n){var l=this,o=$(l);if(l.value==o.attr('placeholder')&&o.hasClass('placeholder')){if(o.data('placeholder-password')){o=o.hide().next().show().attr('id',o.removeAttr('id').data('placeholder-id'));if(m===true){return o[0].value=n}o.focus()}else{l.value='';o.removeClass('placeholder');l==h.activeElement&&l.select()}}}function e(){var q,l=this,p=$(l),m=p,o=this.id;if(l.value==''){if(l.type=='password'){if(!p.data('placeholder-textinput')){try{q=p.clone().attr({type:'text'})}catch(n){q=$('<input>').attr($.extend(g(this),{type:'text'}))}q.removeAttr('name').data({'placeholder-password':true,'placeholder-id':o}).bind('focus.placeholder',b);p.data({'placeholder-textinput':q,'placeholder-id':o}).before(q)}p=p.removeAttr('id').hide().prev().attr('id',o).show()}p.addClass('placeholder');p[0].value=p.attr('placeholder')}else{p.removeClass('placeholder')}}}(this,document,jQuery));
+
+// place any jQuery/helper plugins in here, instead of separate, slower script files.

data/vendor/assets/javascripts/gumby/production.js

@@ -0,0 +1,3 @@
+//= require gumby/libs/modernizr-2.6.2.min
+//= require gumby/libs/jquery-2.0.2.min
+//= require gumby/libs/gumby.min

data/vendor/assets/sass/_base.scss

@@ -0,0 +1,49 @@
+/* Base Styles */
+
+@import "compass/typography/vertical_rhythm";
+@include establish-baseline;
+
+* { @include box-sizing(border-box); }
+
+body {
+  background: $global-bg-color;
+  font-family: $font-family;
+  font-weight: $body-font-weight;
+  color: $body-font-color;
+  position: relative;
+  -webkit-font-smoothing: $font-smoothing;
+  -moz-osx-font-smoothing: grayscale;
+  @include respond(all-phones) {
+    -webkit-text-size-adjust: none;
+    -ms-text-size-adjust: none;
+    width: 100%;
+    min-width: 0;
+  }
+}
+
+html, body {
+  height: 100%;
+}
+
+.hide {
+  display: none;
+}
+
+.hide.active, .show {
+  display: block;
+}
+
+// include all entypo icon classes
+@include icon(all);
+
+// .fixed elements will be static at supplied breakpoint
+// set arg to false for permanent .fixed elements
+@include fixed(portrait-tablets);
+
+.text-center { @extend %text-center; }
+.text-left { @extend %text-left; }
+.text-right { @extend %text-right; }
+// Partial to align Text Left or Right
+%text-center { text-align: center; }
+%text-left { text-align: left; }
+%text-right { text-align: right; }

data/vendor/assets/sass/_custom.scss

@@ -0,0 +1 @@
+// Your custom SCSS should be written here...

data/vendor/assets/sass/_fonts.scss

@@ -0,0 +1,28 @@
+/* Fonts */
+
+// Import Google Web Fonts
+@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
+
+
+// Set local icon font
+@font-face {
+  font-family: '#{$icons}';
+  font-style: normal;
+  font-weight: 400;
+  src: url(../fonts/icons/#{$icons}.eot);
+  src: url('../fonts/icons/#{$icons}.eot?#iefix') format('ie9-skip-eot'),
+       url('../fonts/icons/#{$icons}.woff') format('woff'),
+       url('../fonts/icons/#{$icons}.ttf')  format('truetype');
+}
+
+// To include your own, local copies of fonts, use the following template
+//
+//@font-face {
+//  font-family: '#{$some-font-variable}';
+//  font-style: normal;
+//  font-weight: 400;
+//  src: url(../fonts/icons/#{$some-font-variable}.eot);
+//  src: url('../fonts/icons/#{$some-font-variable}.eot?#iefix') format('ie9-skip-eot'),
+//       url('../fonts/icons/#{$some-font-variable}.woff') format('woff'),
+//       url('../fonts/icons/#{$some-font-variable}.ttf')  format('truetype');
+//}

data/vendor/assets/sass/_grid.scss

@@ -0,0 +1,339 @@
+%zero-margin-left {
+  margin-left: 0;
+}
+
+
+/*=================================================
+
+	+++ LE GRID +++
+	A Responsive Grid -- Gumby defaults to a standard 960 grid,
+	but you can change it to whatever you'd like.
+
+ ==================================================*/
+
+// We're removing the container class in favor
+// of adding padding to rows at the $device-width
+// breakpoint.
+
+/*.container {
+	padding: 0 $gutter-in-px;
+}*/
+
+.row {
+	width: 100%;
+	max-width: $row-max-width + 40px;
+	min-width: $min-device-width;
+	margin: 0 auto;
+	padding-left: 20px;
+	padding-right: 20px;
+	.row {
+		min-width: 0;
+		padding-left: 0;
+		padding-right: 0;
+	}
+}
+
+/* To fix the grid into a different size, set max-width to your desired width */
+
+.column, .columns {
+	margin-left: $gutter;
+	float: $default-float;
+	min-height: 1px;
+	@include box-sizing(border-box);
+}
+
+.column:first-child, .columns:first-child, .alpha {
+	margin-left: 0;
+}
+
+.column.omega, .columns.omega {
+	float: $switch-float;
+}
+
+// Generate the Grid
+
+/* Column Classes */
+
+// Generate Column Classes
+.row {
+	@for $i from 1 through $cols{
+		@if $i == 1 {
+			.one.column {
+				width: columns($i);
+			}
+		}
+		.#{number-as-word($i)}.columns {
+			width: columns($i);
+		}
+	}
+}
+
+/* Push and Pull Classes */
+
+// Generate Push and Pull Classes
+.row {
+  @for $i from 1 through $cols - 1 {
+    .push_#{number-as-word($i)} {
+      margin-left: push_x($i);
+        &:first-child {
+        margin-left: push_x($i, true);
+      }
+    }
+    .pull_#{number-as-word($i)} {
+      // pull classes need to know the width of the container being pulled
+      @for $j from 1 through $cols - 1 {
+        @if $i + $j == $cols {
+          &.#{number-as-word($j)}.columns {
+            @extend %pull-100-percent;
+          }
+        }
+        @elseif $j == 1 {
+          &.one.column {
+            margin-left: pull_x($i, $j);
+            &:first-child {
+              @extend %zero-margin-left;
+            }
+          }
+        }
+        @else {
+          &.#{number-as-word($j)}.columns {
+            margin-left: pull_x($i, $j);
+            &:first-child {
+              @extend %zero-margin-left;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+/* Centered Classes */
+
+// Generate Centered Classes
+.row {
+	@for $i from 1 through $cols - 1 {
+		.#{number-as-word($i)}.centered {
+			margin-left: centered($i);
+		}
+	}
+}
+
+/* Hybrid Grid Columns */
+
+// Generate Hybrid Grid Column Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+	@for $i from 1 through $hybrid{
+		@if $i == 1 {
+			.one.column {
+				width: columns($i, true);
+			}
+		}
+		.#{number-as-word($i)}.columns{
+			width: columns($i, true);
+		}
+	}
+}
+
+/* Hybrid Push and Pull Classes */
+
+// Generate Hybrid Push Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+  @for $i from 1 through $hybrid - 1{
+    .push_#{number-as-word($i)} {
+      margin-left: push_x($i, false, true);
+        &:first-child {
+        margin-left: push_x($i, true, true);
+      }
+    }
+    .pull_#{number-as-word($i)} {
+      // pull classes need to know the width of the container being pulled
+      @for $j from 1 through $hybrid - 1 {
+        @if $i + $j == $hybrid {
+          &.#{number-as-word($j)}.columns {
+            @extend %pull-100-percent;
+          }
+        }
+        @elseif $j == 1 {
+          &.one.column {
+            margin-left: pull_x($i, $j, true);
+            &:first-child {
+              @extend %zero-margin-left;
+            }
+          }
+        }
+        @else {
+          &.#{number-as-word($j)}.columns {
+            margin-left: pull_x($i, $j, true);
+            &:first-child {
+              @extend %zero-margin-left;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// helper placeholder to condense the repeated
+// need for resetting first-child margins to zero
+%zero-margin-left {
+  margin-left: 0;
+}
+
+%pull-100-percent {
+  margin-left: -100%;
+}
+
+/* Hybrid Centered Classes */
+
+// Generate Centered Classes
+.#{number-as-word($hybrid)}.colgrid .row {
+	@for $i from 1 through $hybrid - 1 {
+		.#{number-as-word($i)}.centered {
+			margin-left: centered($i, true);
+		}
+	}
+}
+
+.pull_right { @include pull(right); }
+
+.pull_left { @include pull(left); }
+
+img, object, embed {
+	max-width: 100%;
+	height: auto;
+}
+
+img {
+	-ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img, .map_canvas img {
+	max-width: none !important;
+}
+
+/* Tile Grid */
+
+.tiles {
+	display: block;
+	overflow: hidden;
+	> li, > .tile {
+		display: block;
+		height: auto;
+		float: left;
+		padding-bottom:0;
+	}
+	&.two_up {
+		margin-left: -4%;
+		> li, > .tile {
+			margin-left: 4%;
+			width: 46%;
+		}
+	}
+	&.three_up, &.four_up {
+		margin-left: -2%;
+	}
+	&.three_up > li, &.three_up > .tile {
+		margin-left: 2%;
+		width: 31.3%;
+	}
+	&.four_up > li, &.four_up > .tile {
+		margin-left: 2%;
+		width: 23%;
+	}
+	&.five_up {
+		margin-left: -1.5%;
+		> li, > .tile {
+			margin-left: 1.5%;
+			width: 18.5%;
+		}
+	}
+}
+
+/* Nicolas Gallagher's micro clearfix */
+
+.clearfix {
+	@include clearfix();
+}
+
+.row {
+	@include clearfix();
+}
+
+
+// vertically align stuff
+
+.valign {
+	&:before {
+		content:' ';
+		display: inline-block;
+		height: 400px;
+		vertical-align: middle;
+		margin-right: -0.25em;
+	}
+	> div, > article, > section, > figure {
+		display: inline-block;
+		vertical-align: middle;
+	}
+}
+
+
+/* Mobile */
+
+@include respond(all-phones) {
+	body {
+		-webkit-text-size-adjust: none;
+		-ms-text-size-adjust: none;
+		width: 100%;
+		min-width: 0;
+	}
+	.container {
+		min-width: 0;
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.row {
+		width: 100%;
+		min-width: 0;
+		margin-left: 0;
+		margin-right: 0;
+		.row {
+			.column, .columns {
+				padding: 0;
+			}
+		}
+		.centered {
+			margin-left: 0 !important;
+		}
+	}
+	.column, .columns {
+		width: auto !important;
+		float: none;
+		margin-left: 0;
+		margin-right: 0;
+	}
+	.column:last-child, .columns:last-child {
+		margin-right: 0;
+		float: none;
+	}
+
+	[class*="column"] {
+		+ [class*="column"]:last-child {
+			float: none;
+		}
+		&:before {
+			display: table;
+		}
+		&:after {
+			display: table;
+			clear: both;
+		}
+	}
+	[class^="push_"],
+	[class*="push_"],
+	[class^="pull_"],
+	[class*="pull_"] {
+		margin-left: 0 !important;
+	}
+}