html5_layout 0.0.3

data/.gitignore

@@ -0,0 +1,4 @@
+pkg/*
+*.gem
+.bundle
+tmp/

data/Gemfile

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

data/Gemfile.lock

@@ -0,0 +1,107 @@
+PATH
+  remote: .
+  specs:
+    html5_layout (0.0.1)
+      bundler (~> 1.0.2)
+      cucumber (~> 0.9.4)
+      rails (~> 3.0.1)
+      rspec (~> 2.0.1)
+
+GEM
+  remote: http://rubygems.org/
+  specs:
+    abstract (1.0.0)
+    actionmailer (3.0.1)
+      actionpack (= 3.0.1)
+      mail (~> 2.2.5)
+    actionpack (3.0.1)
+      activemodel (= 3.0.1)
+      activesupport (= 3.0.1)
+      builder (~> 2.1.2)
+      erubis (~> 2.6.6)
+      i18n (~> 0.4.1)
+      rack (~> 1.2.1)
+      rack-mount (~> 0.6.12)
+      rack-test (~> 0.5.4)
+      tzinfo (~> 0.3.23)
+    activemodel (3.0.1)
+      activesupport (= 3.0.1)
+      builder (~> 2.1.2)
+      i18n (~> 0.4.1)
+    activerecord (3.0.1)
+      activemodel (= 3.0.1)
+      activesupport (= 3.0.1)
+      arel (~> 1.0.0)
+      tzinfo (~> 0.3.23)
+    activeresource (3.0.1)
+      activemodel (= 3.0.1)
+      activesupport (= 3.0.1)
+    activesupport (3.0.1)
+    arel (1.0.1)
+      activesupport (~> 3.0.0)
+    builder (2.1.2)
+    cucumber (0.9.4)
+      builder (~> 2.1.2)
+      diff-lcs (~> 1.1.2)
+      gherkin (~> 2.2.9)
+      json (~> 1.4.6)
+      term-ansicolor (~> 1.0.5)
+    diff-lcs (1.1.2)
+    erubis (2.6.6)
+      abstract (>= 1.0.0)
+    gherkin (2.2.9)
+      json (~> 1.4.6)
+      term-ansicolor (~> 1.0.5)
+    i18n (0.4.2)
+    json (1.4.6)
+    mail (2.2.9)
+      activesupport (>= 2.3.6)
+      i18n (~> 0.4.1)
+      mime-types (~> 1.16)
+      treetop (~> 1.4.8)
+    mime-types (1.16)
+    polyglot (0.3.1)
+    rack (1.2.1)
+    rack-mount (0.6.13)
+      rack (>= 1.0.0)
+    rack-test (0.5.6)
+      rack (>= 1.0)
+    rails (3.0.1)
+      actionmailer (= 3.0.1)
+      actionpack (= 3.0.1)
+      activerecord (= 3.0.1)
+      activeresource (= 3.0.1)
+      activesupport (= 3.0.1)
+      bundler (~> 1.0.0)
+      railties (= 3.0.1)
+    railties (3.0.1)
+      actionpack (= 3.0.1)
+      activesupport (= 3.0.1)
+      rake (>= 0.8.4)
+      thor (~> 0.14.0)
+    rake (0.8.7)
+    rspec (2.0.1)
+      rspec-core (~> 2.0.1)
+      rspec-expectations (~> 2.0.1)
+      rspec-mocks (~> 2.0.1)
+    rspec-core (2.0.1)
+    rspec-expectations (2.0.1)
+      diff-lcs (>= 1.1.2)
+    rspec-mocks (2.0.1)
+      rspec-core (~> 2.0.1)
+      rspec-expectations (~> 2.0.1)
+    term-ansicolor (1.0.5)
+    thor (0.14.4)
+    treetop (1.4.8)
+      polyglot (>= 0.3.1)
+    tzinfo (0.3.23)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  bundler (~> 1.0.2)
+  cucumber (~> 0.9.4)
+  html5_layout!
+  rails (~> 3.0.1)
+  rspec (~> 2.0.1)

data/README.markdown

@@ -0,0 +1,29 @@
+# HTML5 Layout Generator for Rails 3
+
+It is a HTML5 layuout generator that generates the layout file based upon the HTML5 Boilerplate (http://github.com/paulirish/html5-boilerplate) code.
+
+The generator takes one argument which will be the name of the layout and stylesheet files. If no argument is passed then it defaults to "application".
+
+### Usage info:
+    rails g html5_layout -h
+    
+### Example:
+    rails generate html5_layout admin
+
+    This will create:
+        create  public/stylesheets/admin.css
+        create  public/stylesheets/handheld.css
+        create  public/javascripts/modernizr-1.5.min.js
+        create  public/javascripts/jquery-1.4.2.min.js
+        create  public/javascripts/dd_belatedpng.js
+        create  app/views/layouts/admin.html.erb
+  
+    rails g html5_layout --sass
+    
+    This will add two gems, compass and compass-960-plugin, in the Gemfile. So, you need to run `bundle install`.
+    The generator will also add 3 layout helpers to use in the views.
+    * To set the title of the page, you can call `<%= title "The page title" %>`
+    * To add js files in the layout, use `<% javascript "foo, bar" %>`
+    * To add stylesheet files, use `<% stylesheet "foo, bar" %>`
+
+This generator is heavily based upon the Ryan Bates's NiftyGenerators.

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/features/html5_layout.feature

@@ -0,0 +1,43 @@
+Feature: HTML5 Boilerplate Layout Generator
+  In order to have a layout
+  As a rails developer
+  I want to generate a simple html5 layout
+
+  Scenario: Generate normal application layout
+    Given a new Rails app
+    When I run "rails g html5_layout -f"
+    Then I should see "stylesheet_link_tag "application"" in file "app/views/layouts/application.html.erb"
+    And I should see "stylesheet_link_tag "handheld"" in file "app/views/layouts/application.html.erb"
+    # And I should see file "app/helpers/layout_helper.rb"
+    # And I should see file "app/helpers/error_messages_helper.rb"
+    And I should see file "public/stylesheets/application.css"
+    And I should see file "public/stylesheets/handheld.css"
+    And I should see file "public/javascripts/dd_belatedpng.js"
+    And I should see file "public/javascripts/jquery-1.4.2.min.js"
+    And I should see file "public/javascripts/modernizr-1.5.min.js"
+    And I should see file "app/helpers/layout_helper.rb"
+    
+  Scenario: Generate named layout
+    Given a new Rails app
+    When I run "rails g html5_layout foo -f"
+    Then I should see "stylesheet_link_tag "foo"" in file "app/views/layouts/foo.html.erb"
+    And I should see "stylesheet_link_tag "handheld"" in file "app/views/layouts/foo.html.erb"
+    And I should see file "public/stylesheets/foo.css"
+    And I should see file "app/helpers/layout_helper.rb"
+    And I should see "foo" in file "app/views/layouts/foo.html.erb"
+
+  Scenario: Generate normal application layout with the sass option
+    Given a new Rails app
+    When I run "rails g html5_layout -f --sass"
+    Then I should see "stylesheet_link_tag "application"" in file "app/views/layouts/application.html.erb"
+    And I should see "stylesheet_link_tag "handheld"" in file "app/views/layouts/application.html.erb"
+    And I should see file "app/stylesheets/application.sass"
+    And I should see file "app/stylesheets/handheld.sass"
+    And I should see file "config/compass.rb"
+    And I should see file "config/initializers/compass.rb"
+    And I should see "gem "compass", ">=0.10.5"" in file "Gemfile"
+    And I should see "gem "compass-960-plugin", ">=0.10.0"" in file "Gemfile"
+    And I should see file "public/javascripts/dd_belatedpng.js"
+    And I should see file "public/javascripts/jquery-1.4.2.min.js"
+    And I should see file "public/javascripts/modernizr-1.5.min.js"
+    And I should see file "app/helpers/layout_helper.rb"

data/features/step_definitions/common_steps.rb

@@ -0,0 +1,37 @@
+When /^I run "([^\"]*)"$/ do |command|
+  system("cd #{@current_directory} && #{command}").should be_true
+end
+
+When /^I add "([^\"]*)" to file "([^\"]*)"$/ do |content, short_path|
+  path = File.join(@current_directory, short_path)
+  File.should exist(path)
+  File.open(path, 'a') { |f| f.write(content + "\n") }
+end
+
+Then /^I should see file "([^\"]*)"$/ do |path|
+  File.should exist(File.join(@current_directory, path))
+end
+
+Then /^I should see "(.*)" in file "([^\"]*)"$/ do |content, short_path|
+  path = File.join(@current_directory, short_path)
+  File.should exist(path)
+  File.readlines(path).join.should include(content)
+end
+
+Then /^I should see the following files$/ do |table|
+  table.raw.flatten.each do |path|
+    File.should exist(File.join(@current_directory, path))
+  end
+end
+
+Then /^I should see the following in file "([^\"]*)"$/ do |short_path, table|
+  path = File.join(@current_directory, short_path)
+  File.should exist(path)
+  table.raw.flatten.each do |content|
+    File.readlines(path).join.should include(content)
+  end
+end
+
+Then /^I should successfully run "([^\"]*)"$/ do |command|
+  system("cd #{@current_directory} && #{command}").should be_true
+end

data/features/step_definitions/rails_setup_steps.rb

@@ -0,0 +1,6 @@
+Given /^a new Rails app$/ do
+  FileUtils.mkdir_p("tmp")
+  system("rails new tmp/rails_app").should be_true
+  system("ln -s ../../../lib/generators tmp/rails_app/lib/generators").should be_true
+  @current_directory = File.expand_path("tmp/rails_app")
+end

data/features/support/env.rb

@@ -0,0 +1,6 @@
+require 'cucumber'
+require 'rspec'
+
+Before do
+  FileUtils.rm_rf "tmp/rails_app"
+end

data/features/support/matchers.rb

@@ -0,0 +1,7 @@
+RSpec::Matchers.define :exist do |path|
+  match do
+    File.exist?(path)
+  end
+  failure_message_for_should { "Expected #{path} to exist but no file found" }
+  failure_message_for_should_not { "Expected #{path} to not exist but file was found" }
+end

data/html5_layout.gemspec

@@ -0,0 +1,26 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "html5_layout/version"
+
+Gem::Specification.new do |s|
+  s.name        = "html5_layout"
+  s.version     = Html5Layout::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Millisami"]
+  s.email       = ["millisami@gmail.com"]
+  s.homepage    = "http://rubygems.org/gems/html5_layout_generator"
+  s.summary     = %q{Rails layout generator based upon the HTML5 Boilerplate Layout}
+  s.description = %q{Generates HTML5 Boilerplate layout for Rails 3 app}
+
+  s.rubyforge_project = "html5_layout"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+  
+  s.add_dependency('rails',        '~> 3.0.1')
+  s.add_dependency('cucumber',        '~> 0.9.4')
+  s.add_dependency('rspec',           '~> 2.0.1')
+  s.add_dependency('bundler',         '~> 1.0.2')
+end

data/lib/generators/html5_layout/USAGE

@@ -0,0 +1,22 @@
+Description:
+    This generates the layout file based upon the HTML5 Boilerplate (http://github.com/paulirish/html5-boilerplate) code.
+    The generator takes one argument which will be the name of the layout and stylesheet files. If no argument is passed then it defaults to "application".
+
+Help:
+    rails g html5_layout -h
+    
+Example:
+    rails generate html5_layout admin
+
+    This will create:
+        create  public/stylesheets/admin.css
+        create  public/stylesheets/handheld.css
+        create  public/javascripts/modernizr-1.5.min.js
+        create  public/javascripts/jquery-1.4.2.min.js
+        create  public/javascripts/dd_belatedpng.js
+        create  app/views/layouts/admin.html.erb
+  
+    rails g html5_layout --sass
+    
+    This will add two gems, compass and compass-960-plugin, in the Gemfile. So, you need to run `bundle install`.
+    The generator will also add layout helpers to use.

data/lib/generators/html5_layout/html5_layout_generator.rb

@@ -0,0 +1,40 @@
+require 'rails/generators/base'
+class Html5LayoutGenerator < Rails::Generators::Base
+
+  def self.source_root
+		@source_root ||= File.join(File.dirname(__FILE__), 'templates')
+	end
+	
+  argument :layout_name, :type => :string, :default => "application"
+  class_option :stylesheet, :type => :boolean, :default => true, :desc => "Include stylesheet file"
+  class_option :sass, :type => :boolean, :desc => "Include the SASS version for CSS"
+  # class_option :haml, :type => :boolean, :desc => "Include the SASS version for CSS"
+
+  def generate_layout
+    if options.sass?
+      directory 'app'
+      gem 'compass', '>=0.10.5'
+      gem 'compass-960-plugin', '>=0.10.0'
+      directory 'config'
+    else
+      copy_file "stylesheet.css", "public/stylesheets/#{file_name}.css" if options.stylesheet?
+      copy_file "handheld.css", "public/stylesheets/handheld.css" if options.stylesheet?
+    end
+    copy_file "modernizr-1.5.min.js", "public/javascripts/modernizr-1.5.min.js"
+    copy_file "jquery-1.4.2.min.js", "public/javascripts/jquery-1.4.2.min.js"
+    copy_file "dd_belatedpng.js", "public/javascripts/dd_belatedpng.js"
+
+    template "layout.html.erb", "app/views/layouts/#{file_name}.html.erb"
+    copy_file 'layout_helper.rb', 'app/helpers/layout_helper.rb'
+  end
+  
+  private
+  
+  def file_name
+    layout_name.underscore
+  end
+  
+  def app_name
+    Rails.application.class.name
+  end
+end

data/lib/generators/html5_layout/templates/app/stylesheets/_html5_reset.sass

@@ -0,0 +1,333 @@
+html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video
+  margin: 0
+  padding: 0
+  border: 0
+  outline: 0
+  font-size: 100%
+  vertical-align: baseline
+  background: transparent
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+  display: block
+
+nav ul
+  list-style: none
+
+blockquote, q
+  quotes: none
+
+blockquote
+  &:before, &:after
+    content: ''
+    content: none
+
+q
+  &:before, &:after
+    content: ''
+    content: none
+
+a
+  margin: 0
+  padding: 0
+  font-size: 100%
+  vertical-align: baseline
+  background: transparent
+
+ins
+  background-color: #ff9
+  color: #000
+  text-decoration: none
+
+mark
+  background-color: #ff9
+  color: #000
+  font-style: italic
+  font-weight: bold
+
+del
+  text-decoration: line-through
+
+abbr[title], dfn[title]
+  border-bottom: 1px dotted
+  cursor: help
+
+// tables still need cellspacing="0" in the markup
+
+table
+  border-collapse: collapse
+  border-spacing: 0
+
+hr
+  display: block
+  height: 1px
+  border: 0
+  border-top: 1px solid #ccc
+  margin: 1em 0
+  padding: 0
+
+input, select
+  vertical-align: middle
+
+// END RESET CSS
+
+body
+  font: 13px/1.231 sans-serif
+  *font-size: small
+
+// hack retained to preserve specificity
+
+select, input, textarea, button
+  font: 99% sans-serif
+
+// normalize monospace sizing 
+// en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
+
+pre, code, kbd, samp
+  font-family: monospace, sans-serif
+
+// minimal base styles
+
+body, select, input, textarea
+  // #444 looks better than black: twitter.com/H_FJ/statuses/11800719859
+  color: #444
+// Headers (h1,h2,etc) have no default font-size or margin,
+// you'll want to define those yourself.
+
+h1, h2, h3, h4, h5, h6
+  font-weight: bold
+
+// always force a scrollbar in non-IE
+
+html
+  overflow-y: scroll
+
+// Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test
+
+a
+  &:hover
+    outline: none
+  &:active
+    outline: none
+    color: #607890
+  color: #607890
+  &:visited
+    color: #607890
+  &:hover
+    color: #036
+
+ul
+  margin-left: 1.8em
+
+ol
+  margin-left: 1.8em
+  list-style-type: decimal
+
+small
+  font-size: 85%
+
+strong, th
+  font-weight: bold
+
+td
+  vertical-align: top
+  img
+    vertical-align: top
+
+sub
+  vertical-align: sub
+  font-size: smaller
+
+sup
+  vertical-align: super
+  font-size: smaller
+
+pre
+  padding: 15px
+  // www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/
+  white-space: pre
+  // CSS2
+  white-space: pre-wrap
+  // CSS 2.1
+  white-space: pre-line
+  // CSS 3 (and 2.1 as well, actually)
+  word-wrap: break-word
+  // IE
+
+textarea
+  overflow: auto
+
+// thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/
+
+.ie6 legend, .ie7 legend
+  margin-left: -7px
+
+// thnx ivannikolic!
+
+// align checkboxes, radios, text inputs with their label
+// by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css
+
+input
+  &[type="radio"]
+    vertical-align: text-bottom
+  &[type="checkbox"]
+    vertical-align: bottom
+
+.ie7 input[type="checkbox"]
+  vertical-align: baseline
+
+.ie6 input
+  vertical-align: text-bottom
+
+// hand cursor on clickable input elements
+
+label
+  cursor: pointer
+
+input
+  &[type=button], &[type=submit]
+    cursor: pointer
+
+button
+  cursor: pointer
+  margin: 0
+
+// webkit browsers add a 2px margin outside the chrome of form elements
+
+input, select, textarea
+  margin: 0
+
+// colors for form validity
+
+input:valid, textarea:valid
+
+input:invalid, textarea:invalid
+  border-radius: 1px
+  -moz-box-shadow: 0px 0px 5px red
+  -webkit-box-shadow: 0px 0px 5px red
+  box-shadow: 0px 0px 5px red
+
+.no-boxshadow
+  input:invalid, textarea:invalid
+    background-color: #f0dddd
+
+// These selection declarations have to be separate.
+ * No text-shadow: twitter.com/miketaylr/status/12228805301 
+ * Also: hot pink.
+
+
+::-moz-selection, ::selection
+  background: #FF5E99
+  color: #fff
+  text-shadow: none
+
+//  j.mp/webkit-tap-highlight-color
+
+a:link
+  -webkit-tap-highlight-color: #FF5E99
+
+// make buttons play nice in IE:    
+ * www.viget.com/inspire/styling-the-button-element-in-internet-explorer/
+
+button
+  width: auto
+  overflow: visible
+
+// bicubic resizing for non-native sized IMG: 
+ * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+
+.ie7 img
+  -ms-interpolation-mode: bicubic
+
+// 
+ * Non-semantic helper classes
+
+// for image replacement
+
+.ir
+  display: block
+  text-indent: -999em
+  overflow: hidden
+  background-repeat: no-repeat
+  text-align: left
+  direction: ltr
+
+// Hide for both screenreaders and browsers
+ * css-discuss.incutio.com/wiki/Screenreader_Visibility
+
+.hidden
+  display: none
+  visibility: hidden
+
+// Hide only visually, but have it available for screenreaders 
+ * www.webaim.org/techniques/css/invisiblecontent/ 
+ * Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal!
+
+.visuallyhidden
+  position: absolute !important
+  clip: rect(1px 1px 1px 1px)
+  // IE6, IE7
+  clip: rect(1px, 1px, 1px, 1px)
+
+// Hide visually and from screenreaders, but maintain layout
+
+.invisible
+  visibility: hidden
+
+// >> The Magnificent CLEARFIX << j.mp/phayesclearfix
+
+.clearfix
+  &:after
+    content: "\0020"
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+  zoom: 1
+
+// Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page
+
+// print styles
+@media print
+  *
+    background: transparent !important
+    color: #444 !important
+    text-shadow: none
+  a
+    color: #444 !important
+    text-decoration: underline
+    &:visited
+      color: #444 !important
+      text-decoration: underline
+    &:after
+      content: " (" attr(href) ")"
+  abbr:after
+    content: " (" attr(title) ")"
+  .ir a:after
+    content: ""
+  // Don't show links for images
+  pre, blockquote
+    border: 1px solid #999
+    page-break-inside: avoid
+  img
+    page-break-inside: avoid
+  @page
+    margin: 0.5cm
+
+  p, h2, h3
+    orphans: 3
+    widows: 3
+  h2, h3
+    page-break-after: avoid
+
+
+@media all and (orientation:portrait)
+
+
+@media all and (orientation:landscape)
+
+
+// Grade-A Mobile Browsers
+@media screen and (max-device-width: 480px)
+  html
+    -webkit-text-size-adjust: none
+    -ms-text-size-adjust: none