apathetic

/* 
 * dynamically-generated parallax
 * A work in progress. Parse the page for various data attributes (used as options) which are
 * used to vary the scrolling on these blocks accordingly
 */


var NA = (function(options){
	var settings = { };

apathetic

/* 
 * Background Resizer
 * Uses css3 to resize bg images to fit a container, with a js fallback for IE
 */

/* ( there could be multiple slides in #bg ) */

#bg article { 
	position:absolute; 
	width:100%; 

apathetic

/* 
 * ANNOYtify
 * a notifier that pops up on the bottom of the page when user scrolls sufficiently. 
 * docks / minimizes in place when not shown
 */

// -------------
// sample js
// -------------
(function( $ ){

apathetic

/* 
 * text swappy
 * experiment in transitioning individual letters in different headers
 * requires: textshadow.js, color.js (minified at the bottom)
 *
 * really just a work in progress I needed to temporarily share
 */


(function($){

apathetic

/* 
 * scroll navigation
 * parses html for data-nav and construct smoothly-scrolling menu
 */


/*    old stuff....
	// scroll navigation
	$.fn.jumpy = function (argument) {

apathetic

/* 
 * tabbify
 * makes the tabs and does tab-related things
 */


// -------------
// sample css
// -------------
ul.tabs { height:28px; margin:0; }

apathetic

/* 
 * carousel
 * simple carousel for my own use, inspired by ghanesh's implementation
 */

// -------------
// sample css
// -------------
.carousel { position:relative; width:248px; padding:12px 32px; overflow:hidden; }
.carousel ul { width:2000px; }

apathetic

a { -webkit-transition: all 0.12s ease-out; }
a:hover { text-shadow: #E58 1px 1px, #E58 2px 2px, #E58 3px 3px, #E58 4px 4px, #E58 5px 5px, #E58 6px 6px, #E58 7px 7px, #E58 8px 8px, #E58 9px 9px, #E58 10px 10px, #E58 11px 11px; }



a.big:hover { -webkit-transform: scale(1.25); }