zurb-foundation 0.0.5

data/.gitignore

@@ -0,0 +1,5 @@
+*.gem
+.bundle
+Gemfile.lock
+.DS_Store
+pkg/*

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in foundation.gemspec
+gemspec

data/README.markdown

@@ -0,0 +1,14 @@
+USAGE
+=====
+1. Inside your Gemfile add the following:
+
+  `gem "zurb-foundation"`
+
+1. Run `bundle install`
+1. Run `rails g foundation:install`
+1. If you want to replace your application layout, run `rails g foundation:layout`
+1. Eat a cookie.
+
+DEPENDENCIES
+============
+* Rails 3.1

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/app/assets/javascripts/foundation/app.js

@@ -0,0 +1,63 @@
+$(document).ready(function() {
+
+	/* Use this js doc for all application specific JS */
+
+	/* TABS --------------------------------- */
+	/* Remove if you don't need :) */
+	
+	var tabs = $('dl.tabs');
+		tabsContent = $('ul.tabs-content')
+	
+	tabs.each(function(i) {
+		//Get all tabs
+		var tab = $(this).children('dd').children('a');
+		tab.click(function(e) {
+			
+			//Get Location of tab's content
+			var contentLocation = $(this).attr("href")
+			contentLocation = contentLocation + "Tab";
+			
+			//Let go if not a hashed one
+			if(contentLocation.charAt(0)=="#") {
+			
+				e.preventDefault();
+			
+				//Make Tab Active
+				tab.removeClass('active');
+				$(this).addClass('active');
+				
+				//Show Tab Content
+				$(contentLocation).parent('.tabs-content').children('li').css({"display":"none"});
+				$(contentLocation).css({"display":"block"});
+				
+			} 
+		});
+	});
+	
+	
+	/* PLACEHOLDER FOR FORMS ------------- */
+	/* Remove if you don't need :) */
+	
+	$('[placeholder]').focus(function() {
+		var input = $(this);
+		if (input.val() == input.attr('placeholder')) {
+			input.val('');
+			input.removeClass('placeholder');
+		}
+		}).blur(function() {
+			var input = $(this);
+			if (input.val() == '' || input.val() == input.attr('placeholder')) {
+				input.addClass('placeholder');
+				input.val(input.attr('placeholder'));
+		}
+	}).blur();
+	$('[placeholder]').parents('form').submit(function() {
+		$(this).find('[placeholder]').each(function() {
+			var input = $(this);
+			if (input.val() == input.attr('placeholder')) {
+				input.val('');
+			}
+		});
+	});
+
+});

data/app/assets/javascripts/foundation/forms.jquery.js

@@ -0,0 +1,58 @@
+/**
+ * jQuery.placeholder - Placeholder plugin for input fields
+ * Written by Blair Mitchelmore (blair DOT mitchelmore AT gmail DOT com)
+ * Licensed under the WTFPL (http://sam.zoy.org/wtfpl/).
+ * Date: 2008/10/14
+ *
+ * @author Blair Mitchelmore
+ * @version 1.0.1
+ *
+ **/
+new function($) {
+    $.fn.placeholder = function(settings) {
+        settings = settings || {};
+        var key = settings.dataKey || "placeholderValue";
+        var attr = settings.attr || "placeholder";
+        var className = settings.className || "placeholder";
+        var values = settings.values || [];
+        var block = settings.blockSubmit || false;
+        var blank = settings.blankSubmit || false;
+        var submit = settings.onSubmit || false;
+        var value = settings.value || "";
+        var position = settings.cursor_position || 0;
+
+        
+        return this.filter(":input").each(function(index) { 
+            $.data(this, key, values[index] || $(this).attr(attr)); 
+        }).each(function() {
+            if ($.trim($(this).val()) === "")
+                $(this).addClass(className).val($.data(this, key));
+        }).focus(function() {
+            if ($.trim($(this).val()) === $.data(this, key)) 
+                $(this).removeClass(className).val(value)
+                if ($.fn.setCursorPosition) {
+                  $(this).setCursorPosition(position);
+                }
+        }).blur(function() {
+            if ($.trim($(this).val()) === value)
+                $(this).addClass(className).val($.data(this, key));
+        }).each(function(index, elem) {
+            if (block)
+                new function(e) {
+                    $(e.form).submit(function() {
+                        return $.trim($(e).val()) != $.data(e, key)
+                    });
+                }(elem);
+            else if (blank)
+                new function(e) {
+                    $(e.form).submit(function() {
+                        if ($.trim($(e).val()) == $.data(e, key)) 
+                            $(e).removeClass(className).val("");
+                        return true;
+                    });
+                }(elem);
+            else if (submit)
+                new function(e) { $(e.form).submit(submit); }(elem);
+        });
+    };
+}(jQuery);

data/app/assets/javascripts/foundation/index.js

@@ -0,0 +1,6 @@
+//= require ./jquery.reveal
+//= require ./jquery.orbit-1.2.3
+//= require ./jquery.orbit-1.2.3
+//= require ./forms.jquery.js
+//= require ./jquery.customforms
+//= require ./app

data/app/assets/javascripts/foundation/jquery.customforms.js

@@ -0,0 +1,162 @@
+/*
+ * jQuery Custom Forms Plugin 1.0
+ * www.ZURB.com
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+jQuery(document).ready(function ($) {
+  
+  function appendCustomMarkup(type) {
+    $('form.custom input:' + type).each(function () {
+      var $span = $('<span class="custom ' + type + '"></span>');
+      if ($(this).next('span.custom.' + type).length === 0) {
+        if (this.checked) {
+          $span.addClass('checked');
+        }
+        $(this)
+          .hide()
+          .after($span);
+      }
+    });
+  }
+  appendCustomMarkup('checkbox');
+  appendCustomMarkup('radio');
+  
+  $('form.custom select').each(function () {
+    var $this = $(this),
+        $customSelect = $this.next('div.custom.dropdown'),
+        $options = $this.find('option'),
+        maxWidth = 0,
+        $li;
+    
+    if ($customSelect.length === 0) {      
+      $customSelect = $('<div class="custom dropdown"><a href="#" class="selector"></a><ul></ul></div>"');
+      $options.each(function () {
+        $li = $('<li>' + $(this).html() + '</li>');
+        $customSelect.find('ul').append($li);
+      });
+      $customSelect.prepend('<a href="#" class="current">' + $options.first().html() + '</a>');
+      
+      $this.after($customSelect);
+      $this.hide();
+    }
+    
+    $options.each(function (index) {
+      if (this.selected) {
+        $customSelect.find('li').eq(index).addClass('selected');
+        $customSelect.find('.current').html($(this).html());
+      }
+    });
+    
+    $customSelect.find('li').each(function () {
+      $customSelect.addClass('open');
+      if ($(this).outerWidth() > maxWidth) {
+        maxWidth = $(this).outerWidth();
+      }
+      $customSelect.removeClass('open');
+    });
+    $customSelect.css('width', maxWidth + 18 + 'px');
+    $customSelect.find('ul').css('width', maxWidth + 16 + 'px');
+  });
+});
+
+(function ($) {
+  
+  function toggleCheckbox($element) {
+    var $input = $element.prev(),
+        input = $input[0];
+
+    input.checked = ((input.checked) ? false : true);
+    $element.toggleClass('checked');
+  }
+  
+  function toggleRadio($element) {
+    var $input = $element.prev(),
+        input = $input[0];
+
+    $('input:radio[name=' + $input.attr('name') + ']').each(function () {
+      $(this).next().removeClass('checked');
+    });
+    input.checked = ((input.checked) ? false : true);
+    $element.toggleClass('checked');
+  }
+  
+  $('form.custom span.custom.checkbox').live('click', function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    
+    toggleCheckbox($(this));
+  });
+  
+  $('form.custom span.custom.radio').live('click', function (event) {
+    event.preventDefault();
+    event.stopPropagation();
+    
+    toggleRadio($(this));
+  });
+  
+  $('form.custom label').live('click', function (event) {
+    var $associatedElement = $('#' + $(this).attr('for')),
+        $customCheckbox,
+        $customRadio;
+    if ($associatedElement.length !== 0) {
+      if ($associatedElement.attr('type') === 'checkbox') {
+        event.preventDefault();
+        $customCheckbox = $(this).find('span.custom.checkbox');
+        toggleCheckbox($customCheckbox);
+      } else if ($associatedElement.attr('type') === 'radio') {
+        event.preventDefault();
+        $customRadio = $(this).find('span.custom.radio');
+        toggleRadio($customRadio);
+      }
+    }
+  });
+
+  $('form.custom div.custom.dropdown a.current, form.custom div.custom.dropdown a.selector').live('click', function (event) {
+    var $this = $(this),
+        $dropdown = $this.closest('div.custom.dropdown');
+    
+    event.preventDefault();
+    $dropdown.toggleClass('open');
+    
+    if ($dropdown.hasClass('open')) {
+      $(document).bind('click.customdropdown', function (event) {
+        $dropdown.removeClass('open');
+        $(document).unbind('.customdropdown');
+      });
+    } else {
+      $(document).unbind('.customdropdown');
+    }
+  });
+  
+  $('form.custom div.custom.dropdown li').live('click', function (event) {
+    var $this = $(this),
+        $customDropdown = $this.closest('div.custom.dropdown'),
+        $select = $customDropdown.prev(),
+        selectedIndex = 0;
+        
+    event.preventDefault();
+    event.stopPropagation();
+    
+    $this
+      .closest('ul')
+      .find('li')
+      .removeClass('selected');
+    $this.addClass('selected');
+    
+    $customDropdown
+      .removeClass('open')
+      .find('a.current')
+      .html($this.html());
+    
+    $this.closest('ul').find('li').each(function (index) {
+      if ($this[0] == this) {
+        selectedIndex = index;
+      }
+      
+    });
+    $select[0].selectedIndex = selectedIndex;
+  });
+})(jQuery);

data/app/assets/javascripts/foundation/jquery.orbit-1.2.3.js

@@ -0,0 +1,401 @@
+/*
+ * jQuery Orbit Plugin 1.2.3
+ * www.ZURB.com/playground
+ * Copyright 2010, ZURB
+ * Free to use under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+*/
+
+
+(function($) {
+
+    $.fn.orbit = function(options) {
+
+        //Defaults to extend options
+        var defaults = {  
+            animation: 'horizontal-push', 		// fade, horizontal-slide, vertical-slide, horizontal-push
+            animationSpeed: 600, 				// how fast animtions are
+            timer: true, 						// true or false to have the timer
+            advanceSpeed: 4000, 				// if timer is enabled, time between transitions 
+            pauseOnHover: false, 				// if you hover pauses the slider
+            startClockOnMouseOut: false, 		// if clock should start on MouseOut
+            startClockOnMouseOutAfter: 1000, 	// how long after MouseOut should the timer start again
+            directionalNav: true, 				// manual advancing directional navs
+            captions: true, 					// do you want captions?
+            captionAnimation: 'fade', 			// fade, slideOpen, none
+            captionAnimationSpeed: 600, 		// if so how quickly should they animate in
+            bullets: false,						// true or false to activate the bullet navigation
+            bulletThumbs: false,				// thumbnails for the bullets
+            bulletThumbLocation: '',			// location from this file where thumbs will be
+            afterSlideChange: function(){} 		// empty function 
+     	};  
+        
+        //Extend those options
+        var options = $.extend(defaults, options); 
+	
+        return this.each(function() {
+        
+// ==============
+// ! SETUP   
+// ==============
+        
+            //Global Variables
+            var activeSlide = 0,
+            	numberSlides = 0,
+            	orbitWidth,
+            	orbitHeight,
+            	locked;
+            
+            //Initialize
+            var orbit = $(this).addClass('orbit'),         
+            	orbitWrapper = orbit.wrap('<div class="orbit-wrapper" />').parent();
+            //orbit.add(orbitWidth).width('1px').height('1px');
+	    	            
+            //Collect all slides and set slider size of largest image
+            var slides = orbit.children('img, a, div');
+            slides.each(function() {
+                var _slide = $(this),
+                	_slideWidth = _slide.width(),
+                	_slideHeight = _slide.height();
+                if(_slideWidth > orbit.width()) {
+	                orbit.add(orbitWrapper).width(_slideWidth);
+	                orbitWidth = orbit.width();	       			
+	            }
+	            if(_slideHeight > orbit.height()) {
+	                orbit.add(orbitWrapper).height(_slideHeight);
+	                orbitHeight = orbit.height();
+				}
+                numberSlides++;
+            });
+            
+            //Animation locking functions
+            function unlock() {
+                locked = false;
+            }
+            function lock() { 
+                locked = true;
+            }
+            
+            //If there is only a single slide remove nav, timer and bullets
+            if(slides.length == 1) {
+            	options.directionalNav = false;
+            	options.timer = false;
+            	options.bullets = false;
+            }
+            
+            //Set initial front photo z-index and fades it in
+            slides.eq(activeSlide)
+            	.css({"z-index" : 3})
+            	.fadeIn(function() {
+            		//brings in all other slides IF css declares a display: none
+            		slides.css({"display":"block"})
+            	});
+            
+// ==============
+// ! TIMER   
+// ==============
+
+            //Timer Execution
+            function startClock() {
+            	if(!options.timer  || options.timer == 'false') { 
+            		return false;
+            	//if timer is hidden, don't need to do crazy calculations
+            	} else if(timer.is(':hidden')) {
+		            clock = setInterval(function(e){
+						shift("next");  
+		            }, options.advanceSpeed);            		
+		        //if timer is visible and working, let's do some math
+            	} else {
+		            timerRunning = true;
+		            pause.removeClass('active')
+		            clock = setInterval(function(e){
+		                var degreeCSS = "rotate("+degrees+"deg)"
+		                degrees += 2
+		                rotator.css({ 
+		                    "-webkit-transform": degreeCSS,
+		                    "-moz-transform": degreeCSS,
+		                    "-o-transform": degreeCSS
+		                });
+		                if(degrees > 180) {
+		                    rotator.addClass('move');
+		                    mask.addClass('move');
+		                }
+		                if(degrees > 360) {
+		                    rotator.removeClass('move');
+		                    mask.removeClass('move');
+		                    degrees = 0;
+		                    shift("next");
+		                }
+		            }, options.advanceSpeed/180);
+				}
+	        }
+	        function stopClock() {
+	        	if(!options.timer || options.timer == 'false') { return false; } else {
+		            timerRunning = false;
+		            clearInterval(clock);
+		            pause.addClass('active');
+				}
+	        }  
+            
+            //Timer Setup
+            if(options.timer) {         	
+                var timerHTML = '<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>'
+                orbitWrapper.append(timerHTML);
+                var timer = $('div.timer'),
+                	timerRunning;
+                if(timer.length != 0) {
+                    var rotator = $('div.timer span.rotator'),
+                    	mask = $('div.timer span.mask'),
+                    	pause = $('div.timer span.pause'),
+                    	degrees = 0,
+                    	clock; 
+                    startClock();
+                    timer.click(function() {
+                        if(!timerRunning) {
+                            startClock();
+                        } else { 
+                            stopClock();
+                        }
+                    });
+                    if(options.startClockOnMouseOut){
+                        var outTimer;
+                        orbitWrapper.mouseleave(function() {
+                            outTimer = setTimeout(function() {
+                                if(!timerRunning){
+                                    startClock();
+                                }
+                            }, options.startClockOnMouseOutAfter)
+                        })
+                        orbitWrapper.mouseenter(function() {
+                            clearTimeout(outTimer);
+                        })
+                    }
+                }
+            }  
+	        
+	        //Pause Timer on hover
+	        if(options.pauseOnHover) {
+		        orbitWrapper.mouseenter(function() {
+		        	stopClock(); 
+		        });
+		   	}
+            
+// ==============
+// ! CAPTIONS   
+// ==============
+                     
+            //Caption Setup
+            if(options.captions) {
+                var captionHTML = '<div class="orbit-caption"></div>';
+                orbitWrapper.append(captionHTML);
+                var caption = orbitWrapper.children('.orbit-caption');
+            	setCaption();
+            }
+			
+			//Caption Execution
+            function setCaption() {
+            	if(!options.captions || options.captions =="false") {
+            		return false; 
+            	} else {
+	            	var _captionLocation = slides.eq(activeSlide).data('caption'); //get ID from rel tag on image
+	            		_captionHTML = $(_captionLocation).html(); //get HTML from the matching HTML entity            		
+	            	//Set HTML for the caption if it exists
+	            	if(_captionHTML) {
+	            		caption
+		            		.attr('id',_captionLocation) // Add ID caption
+		                	.html(_captionHTML); // Change HTML in Caption 
+		                //Animations for Caption entrances
+		             	if(options.captionAnimation == 'none') {
+		             		caption.show();
+		             	}
+		             	if(options.captionAnimation == 'fade') {
+		             		caption.fadeIn(options.captionAnimationSpeed);
+		             	}
+		             	if(options.captionAnimation == 'slideOpen') {
+		             		caption.slideDown(options.captionAnimationSpeed);
+		             	}
+	            	} else {
+	            		//Animations for Caption exits
+	            		if(options.captionAnimation == 'none') {
+		             		caption.hide();
+		             	}
+		             	if(options.captionAnimation == 'fade') {
+		             		caption.fadeOut(options.captionAnimationSpeed);
+		             	}
+		             	if(options.captionAnimation == 'slideOpen') {
+		             		caption.slideUp(options.captionAnimationSpeed);
+		             	}
+	            	}
+				}
+            }
+            
+// ==================
+// ! DIRECTIONAL NAV   
+// ==================
+
+            //DirectionalNav { rightButton --> shift("next"), leftButton --> shift("prev");
+            if(options.directionalNav) {
+            	if(options.directionalNav == "false") { return false; }
+                var directionalNavHTML = '<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>';
+                orbitWrapper.append(directionalNavHTML);
+                var leftBtn = orbitWrapper.children('div.slider-nav').children('span.left'),
+                	rightBtn = orbitWrapper.children('div.slider-nav').children('span.right');
+                leftBtn.click(function() { 
+                    stopClock();
+                    shift("prev");
+                });
+                rightBtn.click(function() {
+                    stopClock();
+                    shift("next")
+                });
+            }
+            
+// ==================
+// ! BULLET NAV   
+// ==================
+            
+            //Bullet Nav Setup
+            if(options.bullets) { 
+            	var bulletHTML = '<ul class="orbit-bullets"></ul>';            	
+            	orbitWrapper.append(bulletHTML);
+            	var bullets = $('ul.orbit-bullets');
+            	for(i=0; i<numberSlides; i++) {
+            		var liMarkup = $('<li>'+(i+1)+'</li>');
+            		if(options.bulletThumbs) {
+            			var	thumbName = slides.eq(i).data('thumb');
+            			if(thumbName) {
+            				var liMarkup = $('<li class="has-thumb">'+i+'</li>')
+            				liMarkup.css({"background" : "url("+options.bulletThumbLocation+thumbName+") no-repeat"});
+            			}
+            		} 
+            		$('ul.orbit-bullets').append(liMarkup);
+            		liMarkup.data('index',i);
+            		liMarkup.click(function() {
+            			stopClock();
+            			shift($(this).data('index'));
+            		});
+            	}
+            	setActiveBullet();
+            }
+            
+            //Bullet Nav Execution
+        	function setActiveBullet() { 
+        		if(!options.bullets) { return false; } else {
+	        		bullets.children('li').removeClass('active').eq(activeSlide).addClass('active');
+	        	}
+        	}
+        	
+// ====================
+// ! SHIFT ANIMATIONS   
+// ====================
+            
+            //Animating the shift!
+            function shift(direction) {
+        	    //remember previous activeSlide
+                var prevActiveSlide = activeSlide,
+                	slideDirection = direction;
+                //exit function if bullet clicked is same as the current image
+                if(prevActiveSlide == slideDirection) { return false; }
+                //reset Z & Unlock
+                function resetAndUnlock() {
+                    slides
+                    	.eq(prevActiveSlide)
+                    	.css({"z-index" : 1});
+                    unlock();
+                    options.afterSlideChange.call(this);
+                }
+                if(slides.length == "1") { return false; }
+                if(!locked) {
+                    lock();
+					 //deduce the proper activeImage
+                    if(direction == "next") {
+                        activeSlide++
+                        if(activeSlide == numberSlides) {
+                            activeSlide = 0;
+                        }
+                    } else if(direction == "prev") {
+                        activeSlide--
+                        if(activeSlide < 0) {
+                            activeSlide = numberSlides-1;
+                        }
+                    } else {
+                        activeSlide = direction;
+                        if (prevActiveSlide < activeSlide) { 
+                            slideDirection = "next";
+                        } else if (prevActiveSlide > activeSlide) { 
+                            slideDirection = "prev"
+                        }
+                    }
+                    //set to correct bullet
+                     setActiveBullet();  
+                     
+                    //set previous slide z-index to one below what new activeSlide will be
+                    slides
+                    	.eq(prevActiveSlide)
+                    	.css({"z-index" : 2});    
+                    
+                    //fade
+                    if(options.animation == "fade") {
+                        slides
+                        	.eq(activeSlide)
+                        	.css({"opacity" : 0, "z-index" : 3})
+                        	.animate({"opacity" : 1}, options.animationSpeed, resetAndUnlock);
+                    }
+                    //horizontal-slide
+                    if(options.animation == "horizontal-slide") {
+                        if(slideDirection == "next") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"left": orbitWidth, "z-index" : 3})
+                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+                        }
+                        if(slideDirection == "prev") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"left": -orbitWidth, "z-index" : 3})
+                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+                        }
+                    }
+                    //vertical-slide
+                    if(options.animation == "vertical-slide") { 
+                        if(slideDirection == "prev") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"top": orbitHeight, "z-index" : 3})
+                            	.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
+                        }
+                        if(slideDirection == "next") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"top": -orbitHeight, "z-index" : 3})
+                            	.animate({"top" : 0}, options.animationSpeed, resetAndUnlock);
+                        }
+                    }
+                    //push-over
+                    if(options.animation == "horizontal-push") {
+                        if(slideDirection == "next") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"left": orbitWidth, "z-index" : 3})
+                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+                            slides
+                            	.eq(prevActiveSlide)
+                            	.animate({"left" : -orbitWidth}, options.animationSpeed);
+                        }
+                        if(slideDirection == "prev") {
+                            slides
+                            	.eq(activeSlide)
+                            	.css({"left": -orbitWidth, "z-index" : 3})
+                            	.animate({"left" : 0}, options.animationSpeed, resetAndUnlock);
+							slides
+                            	.eq(prevActiveSlide)
+                            	.animate({"left" : orbitWidth}, options.animationSpeed);
+                        }
+                    }
+                    setCaption();
+                } //lock
+            }//orbit function
+        });//each call
+    }//orbit plugin call
+})(jQuery);
+