freerangestylin 0.1.1 → 0.1.2

data/app/stylesheets/reset.less

@@ -0,0 +1,26 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	border: 0;
+	outline: 0;
+	background: transparent;
+	}
+	
+ol, ul {
+	list-style: none;
+	}
+
+blockquote, q {
+	quotes: none;
+	}
+
+:focus {
+	outline: 0;
+	}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	}

data/generators/freerange_stylin/USAGE

@@ -0,0 +1 @@
+script/generate freerange_stylin

data/generators/freerange_stylin/freerange_stylin_generator.rb

@@ -0,0 +1,35 @@
+require File.expand_path(File.dirname(__FILE__) + "/lib/insert_commands.rb")
+ 
+class FreerangeStylinGenerator < Rails::Generator::Base
+ 
+  def manifest
+    record do |m|
+      app_layout = "app/views/layouts/application.html.html"
+      
+      unless File.exists?(app_layout)
+        m.directory File.join("app", "views", "layouts")
+        m.file "application.html.html", user_model
+      end
+      
+      m.directory File.join("app", "stylesheets")
+      
+      m.file "fancy.less", "app/stylesheets/fancy.less"
+      m.file "ie.less", "app/stylesheets/ie.less"
+      m.file "master.less", "app/stylesheets/master.less"
+      m.file "reset.less", "app/stylesheets/reset.less"
+      m.file "screen.less", "app/stylesheets/screen.less"
+      
+      m.directory File.join("app", "javascripts")
+      
+      m.file "application.js", "app/javascripts/application.js"
+      m.file "hashgrid.js", "app/javascripts/hashgrid.js"
+      m.file "plugins.js", "app/javascripts/plugins.js"
+                  
+      m.insert_into "config/routes.rb",
+                    "FreerangeStylin::Routes.draw(map)"
+      
+      m.readme "README"  
+    end
+  end
+  
+end

data/generators/freerange_stylin/lib/insert_commands.rb

@@ -0,0 +1,35 @@
+# Mostly pinched from http://github.com/ryanb/nifty-generators/tree/master
+
+# and Jase stole it from http://github.com/thoughtbot/clearance/blob/master/generators/clearance/lib/insert_commands.rb
+ 
+Rails::Generator::Commands::Base.class_eval do
+  def file_contains?(relative_destination, line)
+    File.read(destination_path(relative_destination)).include?(line)
+  end
+end
+ 
+Rails::Generator::Commands::Create.class_eval do
+  def insert_into(file, line)
+    logger.insert "#{line} into #{file}"
+    unless options[:pretend] || file_contains?(file, line)
+      gsub_file file, /^(class|module|.*Routes).*$/ do |match|
+        "#{match}\n  #{line}"
+      end
+    end
+  end
+end
+ 
+Rails::Generator::Commands::Destroy.class_eval do
+  def insert_into(file, line)
+    logger.remove "#{line} from #{file}"
+    unless options[:pretend]
+      gsub_file file, "\n  #{line}", ''
+    end
+  end
+end
+ 
+Rails::Generator::Commands::List.class_eval do
+  def insert_into(file, line)
+    logger.insert "#{line} into #{file}"
+  end
+end

data/generators/freerange_stylin/templates/README

@@ -0,0 +1,17 @@
+*******************************************************************************
+
+Next:
+
+1. Install sprockets plugin and gem.
+  
+  gem "sprockets" # if using bundler (or gem install sprockets)
+  script/plugin install git://github.com/sstephenson/sprockets-rails.git
+  
+2. Install less gem and more plugin.
+
+  gem "less" # if using bundler (or gem install less)
+  script/plugin install git://github.com/cloudhead/more.git
+  
+3. Make beautiful things.
+
+*******************************************************************************

data/generators/freerange_stylin/templates/javascripts/hashgrid.js

@@ -0,0 +1,271 @@
+/**
+ * hashgrid (jQuery version)
+ * http://github.com/dotjay/hashgrid
+ * Version 3, 22 Feb 2010
+ * By Jon Gibbins, accessibility.co.uk
+ *
+ * // Using a basic #grid setup
+ * var grid = new hashgrid();
+ *
+ * // Using #grid with a custom id (e.g. #mygrid)
+ * var grid = new hashgrid("mygrid");
+ *
+ * // Using #grid with additional options
+ * var grid = new hashgrid({
+ *     id: 'mygrid',            // id for the grid container
+ *     modifierKey: 'alt',      // optional 'ctrl', 'alt' or 'shift'
+ *     showGridKey: 's',        // key to show the grid
+ *     holdGridKey: 'enter',    // key to hold the grid in place
+ *     foregroundKey: 'f',      // key to toggle foreground/background
+ *     jumpGridsKey: 'd',       // key to cycle through the grid classes
+ *     numberOfGrids: 2,        // number of grid classes used
+ *     classPrefix: 'class',    // prefix for the grid classes
+ *     cookiePrefix: 'mygrid'   // prefix for the cookie name
+ * });
+ *
+ */
+
+$(document).ready(function() {
+
+	var grid = new hashgrid({
+		numberOfGrids: 1
+	});
+
+});
+
+
+/**
+ * hashgrid overlay
+ */
+var hashgrid = function(set) {
+
+	var options = {
+		id: 'grid',             // id for the grid container
+		modifierKey: null,      // optional 'ctrl', 'alt' or 'shift'
+		showGridKey: 'g',       // key to show the grid
+		holdGridKey: 'h',       // key to hold the grid in place
+		foregroundKey: 'f',     // key to toggle foreground/background
+		jumpGridsKey: 'j',      // key to cycle through the grid classes
+		numberOfGrids: 1,       // number of grid classes used
+		classPrefix: 'grid-',   // prefix for the grid classes
+		cookiePrefix: 'hashgrid'// prefix for the cookie name
+	};
+	var overlayOn = false,
+		sticky = false,
+		overlayZState = 'B',
+		overlayZBackground = -1,
+		overlayZForeground = 9999,
+		classNumber = 1;
+
+	// Apply options
+	if (typeof set == 'object') {
+		var k;
+		for (k in set) options[k] = set[k];
+	}
+	else if (typeof set == 'string') {
+		options.id = set;
+	}
+
+	// Remove any conflicting overlay
+	if ($('#' + options.id).length > 0) {
+		$('#' + options.id).remove();
+	}
+
+	// Create overlay, hidden before adding to DOM
+	var overlayEl = $('<div></div>');
+	overlayEl
+		.attr('id', options.id)
+		.addClass(options.classPrefix + classNumber)
+		.css('display', 'none');
+	$("body").prepend(overlayEl);
+	var overlay = $('#' + options.id);
+
+	// Unless a custom z-index is set, ensure the overlay will be behind everything
+	if (overlay.css('z-index') == 'auto') overlay.css('z-index', overlayZBackground);
+
+	// Override the default overlay height with the actual page height
+	var pageHeight = parseFloat($(document).height());
+	overlay.height(pageHeight);
+
+	// Add the first grid line so that we can measure it
+	overlay.append('<div class="horiz first-line">');
+
+	// Calculate the number of grid lines needed
+	var overlayGridLines = overlay.children('.horiz'),
+		overlayGridLineHeight = parseFloat(overlayGridLines.css('height')) + parseFloat(overlayGridLines.css('border-bottom-width'));
+
+	// Break on zero line height
+	if (overlayGridLineHeight <= 0) return true;
+
+	// Add the remaining grid lines
+	var i, numGridLines = Math.floor(pageHeight / overlayGridLineHeight);
+	for (i = numGridLines - 1; i >= 1; i--) {
+		overlay.append('<div class="horiz"></div>');
+	}
+
+	// Check for saved state
+	var overlayCookie = readCookie(options.cookiePrefix + options.id);
+	if (typeof overlayCookie == 'string') {
+		var state = overlayCookie.split(',');
+		state[2] = Number(state[2]);
+		if ((typeof state[2] == 'number') && !isNaN(state[2])) {
+			classNumber = state[2].toFixed(0);
+			overlay.addClass(options.classPrefix + classNumber);
+		}
+		if (state[1] == 'F') {
+			overlayZState = 'F';
+			overlay.css('z-index', overlayZForeground);
+		}
+		if (state[0] == '1') {
+			overlayOn = true;
+			sticky = true;
+			overlay.show();
+		}
+	}
+
+	// Keyboard controls
+	$(document).bind('keydown', keydownHandler);
+	$(document).bind('keyup', keyupHandler);
+
+	/**
+	 * Helpers
+	 */
+
+	function getModifier(e) {
+		if (options.modifierKey == null) return true; // Bypass by default
+		var m = true;
+		switch(options.modifierKey) {
+			case 'ctrl':
+				m = (e.ctrlKey ? e.ctrlKey : false);
+				break;
+
+			case 'alt':
+				m = (e.altKey ? e.altKey : false);
+				break;
+
+			case 'shift':
+				m = (e.shiftKey ? e.shiftKey : false);
+				break;
+		}
+		return m;
+	}
+
+	function getKey(e) {
+		var k = false, c = (e.keyCode ? e.keyCode : e.which);
+		// Handle keywords
+		if (c == 13) k = 'enter';
+		// Handle letters
+		else k = String.fromCharCode(c).toLowerCase();
+		return k;
+	}
+
+	function saveState() {
+		createCookie(options.cookiePrefix + options.id, (sticky ? '1' : '0') + ',' + overlayZState + ',' + classNumber, 1);
+	}
+
+	/**
+	 * Event handlers
+	 */
+
+	function keydownHandler(e) {
+		var source = e.target.tagName.toLowerCase();
+		if ((source == 'input') || (source == 'textarea') || (source == 'select')) return true;
+		var m = getModifier(e);
+		if (!m) return true;
+		var k = getKey(e);
+		if (!k) return true;
+		switch(k) {
+			case options.showGridKey:
+				if (!overlayOn) {
+					overlay.show();
+					overlayOn = true;
+				}
+				else if (sticky) {
+					overlay.hide();
+					overlayOn = false;
+					sticky = false;
+					saveState();
+				}
+				break;
+			case options.holdGridKey:
+				if (overlayOn && !sticky) {
+					// Turn sticky overlay on
+					sticky = true;
+					saveState();
+				}
+				break;
+			case options.foregroundKey:
+				if (overlayOn) {
+					// Toggle sticky overlay z-index
+					if (overlay.css('z-index') == overlayZForeground) {
+						overlay.css('z-index', overlayZBackground);
+						overlayZState = 'B';
+					}
+					else {
+						overlay.css('z-index', overlayZForeground);
+						overlayZState = 'F';
+					}
+					saveState();
+				}
+				break;
+			case options.jumpGridsKey:
+				if (overlayOn && (options.numberOfGrids > 1)) {
+					// Cycle through the available grids
+					overlay.removeClass(options.classPrefix + classNumber);
+					classNumber++;
+					if (classNumber > options.numberOfGrids) classNumber = 1;
+					overlay.addClass(options.classPrefix + classNumber);
+					saveState();
+				}
+				break;
+		}
+	}
+
+	function keyupHandler(e) {
+		var m = getModifier(e);
+		if (!m) return true;
+		var k = getKey(e);
+		if (!k) return true;
+		switch(k) {
+			case options.showGridKey:
+				if (!sticky) {
+					overlay.hide();
+					overlayOn = false;
+				}
+				break;
+		}
+	}
+
+}
+
+
+/**
+ * Cookie functions
+ *
+ * By Peter-Paul Koch:
+ * http://www.quirksmode.org/js/cookies.html
+ */
+function createCookie(name,value,days) {
+	if (days) {
+		var date = new Date();
+		date.setTime(date.getTime()+(days*24*60*60*1000));
+		var expires = "; expires="+date.toGMTString();
+	}
+	else var expires = "";
+	document.cookie = name+"="+value+expires+"; path=/";
+}
+
+function readCookie(name) {
+	var nameEQ = name + "=";
+	var ca = document.cookie.split(';');
+	for(var i=0;i < ca.length;i++) {
+		var c = ca[i];
+		while (c.charAt(0)==' ') c = c.substring(1,c.length);
+		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+	}
+	return null;
+}
+
+function eraseCookie(name) {
+	createCookie(name,"",-1);
+}

data/generators/freerange_stylin/templates/javascripts/plugins.js

@@ -0,0 +1 @@
+/* custom jQuery plugins .. */

data/generators/freerange_stylin/templates/stylesheets/fancy.less

@@ -0,0 +1 @@
+/* Get down with the latest CSS tricks y'all */

data/generators/freerange_stylin/templates/stylesheets/ie.less

@@ -0,0 +1,14 @@
+/* PNG fix */
+
+/* for IE<6 */
+* html #selector { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='img/image.png'); background-image: none; background-repeat: no-repeat; background-color: transparent; }
+
+/* self-clear floats */
+
+* html .group { /* IE6 */
+	height: 1%;	
+}
+
+*:first-child+html .group { /* IE7 */
+	min-height: 1px;
+}

data/generators/freerange_stylin/templates/stylesheets/master.less

@@ -0,0 +1,114 @@
+/* 
+  Master styles for application.
+*/
+
+/* Global Variables */
+
+@bg_colour = #eee;
+@link_colour = red;
+@font_family = Helvetica, Arial, sans-serif;
+
+
+body {
+	font-family: @font_family;
+	font-size: 62.5%;	
+	background: @base_colour;
+	color: @link_colour;
+}
+	
+/* links */
+
+a:link, a:visited {
+	font-weight: bold;
+	text-decoration: none;
+	outline: none;
+	color: @link_color;
+	}
+
+/* page structure 
+--------------------------------------------- */
+@base_line = 22px;
+@base_fontsize = 1.2em; // 12pt
+
+#page {
+ font-size: @base_fontsize;
+ baseline: @base_line;
+}
+
+/* header 
+--------------------------------------------- */
+
+#header {
+  
+}
+
+/* logo */
+
+
+/* navigation */
+
+ul#nav {
+  
+}
+
+
+/* main styles 
+--------------------------------------------- */
+
+#content {
+  
+}
+
+/* headings */
+
+h1 {
+  
+}
+
+h2 {
+  
+}
+
+h3 {
+  
+}
+
+h4 {
+  
+}
+	
+span.amp {
+	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
+	font-weight: normal;
+	font-style: italic;
+	font-size: 1.2em;
+	color: #766557;
+}
+
+/* footer 
+--------------------------------------------- */
+
+#footer a {
+	color: #51463d;
+}
+
+/* misc. 
+--------------------------------------------- */
+
+hr, .hide {
+	display: none;
+}
+	
+a img {
+	border: none;
+}
+
+/* self-clear floats */
+
+.group:after {
+	content: "."; 
+  display: block; 
+  height: 0; 
+  clear: both; 
+  visibility: hidden;
+}

data/generators/freerange_stylin/templates/stylesheets/reset.less

@@ -0,0 +1,26 @@
+html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	font-size: 100%;
+	vertical-align: baseline;
+	border: 0;
+	outline: 0;
+	background: transparent;
+	}
+	
+ol, ul {
+	list-style: none;
+	}
+
+blockquote, q {
+	quotes: none;
+	}
+
+:focus {
+	outline: 0;
+	}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+	}

data/generators/freerange_stylin/templates/stylesheets/screen.less

@@ -0,0 +1,16 @@
+/* 
+  FreeRange stylesheet framework, inspiration from Dan Cederholm's
+  own probject framework as described in the book
+  Handcrafted CSS.
+  
+  Uses LESS css to manage the framework.
+  http://lesscss.org
+  
+  Author: jason.cale@gofreerange.com
+*/
+
+/* import stylesheets and hide from IE/Mac \*/
+@import "reset";
+@import "master";
+@import "ie";
+/* end import/hide */

data/generators/freerange_stylin/templates/views/layouts/main.html.haml

@@ -0,0 +1,18 @@
+!!!
+%html
+  %head
+    %title Application name | page name
+    <!--[if gte IE 7]><!-->
+      =stylesheet_link_tag %w(screen)
+    <!-- <![endif]-->
+    <script type="text/javascript" src="http://use.typekit.com/sgp7rhz.js"></script>
+    <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>    
+    =javascript_include_tag %w(plugins application hashgrid)  
+  %body
+    #page
+      #header
+        %ul#nav
+      #content
+        =yield
+      #footer

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  - 1
-  version: 0.1.1
+  - 2
+  version: 0.1.2
 platform: ruby
 authors: 
 - Jason Cale
@@ -53,6 +53,20 @@ files:
 - README
 - lib/freerange_stylin/routes.rb
 - lib/freerange_stylin.rb
+- app/stylesheets/reset.less
+- generators/freerange_stylin/freerange_stylin_generator.rb
+- generators/freerange_stylin/lib/insert_commands.rb
+- generators/freerange_stylin/templates/javascripts/application.js
+- generators/freerange_stylin/templates/javascripts/hashgrid.js
+- generators/freerange_stylin/templates/javascripts/plugins.js
+- generators/freerange_stylin/templates/README
+- generators/freerange_stylin/templates/stylesheets/fancy.less
+- generators/freerange_stylin/templates/stylesheets/ie.less
+- generators/freerange_stylin/templates/stylesheets/master.less
+- generators/freerange_stylin/templates/stylesheets/reset.less
+- generators/freerange_stylin/templates/stylesheets/screen.less
+- generators/freerange_stylin/templates/views/layouts/main.html.haml
+- generators/freerange_stylin/USAGE
 has_rdoc: true
 homepage: http://gofreerange.com
 licenses: []
@@ -63,6 +77,8 @@ rdoc_options:
 - README
 require_paths: 
 - lib
+- app
+- generators
 required_ruby_version: !ruby/object:Gem::Requirement 
   requirements: 
   - - ">="