html5-boilerplate 0.1.0 → 0.1.1

data/README.md

@@ -5,7 +5,6 @@ A compass extension based on HTML5 Boilerplate by Paul Irish.
 
 Browse [html5boilerplate.com](http://html5boilerplate.com) for the full workup.
 
-
 Rails Installation
 ==================
 
@@ -13,7 +12,7 @@ Rails Installation
     cd my_rails_project
     compass init rails -r html5-boilerplate -u html5-boilerplate --force
 
-**This will install the following files in your rails project:**
+**This will install the following files in your rails project:**  
 (Using `--force` flag will overwrite any files that may already exist. In most cases this is probably what you want.)
 
     app/views/layouts/application.html.haml
@@ -24,30 +23,31 @@ Rails Installation
     app/views/layouts/_javascripts.html.haml
     app/views/layouts/_stylesheets.html.haml
     
-    app/stylesheets/
     app/stylesheets/style.scss
     app/stylesheets/handheld.scss
-    app/stylesheets/html5/_base.scss
-    app/stylesheets/html5/_defaults.scss
-    app/stylesheets/html5/_fonts.scss
-    app/stylesheets/html5/_helpers.scss
-    app/stylesheets/html5/_media.scss
+    app/stylesheets/partials/_base.scss
+    app/stylesheets/partials/_html5_boilerplate.scss
     
-    public/.htaccess
     public/404.html
+    public/.htaccess
     public/crossdomain.xml
     public/robots.txt
+    public/apple-touch-icon.png
+    public/favicon.ico
+
     public/javascripts/dd_belatedpng.js
     public/javascripts/jquery-1.4.2.min.js
     public/javascripts/modernizr-1.5.min.js
     public/javascripts/plugins.js
-    public/javascripts/profiling/
     public/javascripts/rails.js
+    public/javascripts/profiling/charts.swf
+    public/javascripts/profiling/config.js
+    public/javascripts/profiling/yahoo-profiling.css
+    public/javascripts/profiling/yahoo-profiling.min.js
     
     config/compass.rb
     config/initializers/compass.rb
 
-
 Note: If you already have a config/compass.rb file in your project, you may need to
 manually add the following line to the top:
 
@@ -55,9 +55,13 @@ manually add the following line to the top:
 
 ### A few more minor points to store into your brainpan...
 
-If you still have an application.html.erb in your layouts, you might want to loose
+If you still have an application.html.erb in your layouts, you will need to loose
 it now so that Rails will use your shiny new application.html.haml layout instead.
 
+The haml will compile to the equivalent of html5-boilerplate's index.html,
+but with all comments stripped out, and some additional rails requirements
+like csrf_meta_tag and flashes.
+
 This has only been tested on Rails3, but should work fine on Rails2.
 
 
@@ -65,11 +69,43 @@ Stand Alone Installation
 ========================
 
     gem install html5-boilerplate
-    compass create myproject -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
+    compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
 
 The `--javascripts-dir` and `--css-dir` flags are to keep consistent with the original project layout.
 If you omit them, be sure to edit your javascript and style tags accordingly in index.html.
 
+**This will create a `my_project` directory containing the following files:**  
+
+    index.html
+    404.html
+    crossdomain.xml
+    robots.txt
+    apple-touch-icon.png
+    favicon.ico
+    
+    src/style.scss
+    src/handheld.scss
+    src/partials/_base.scss
+    src/partials/_html5_boilerplate.scss
+    
+    js/dd_belatedpng.js
+    js/jquery-1.4.2.min.js
+    js/modernizr-1.5.min.js
+    js/plugins.js
+    js/profiling/charts.swf
+    js/profiling/config.js
+    js/profiling/yahoo-profiling.css
+    js/profiling/yahoo-profiling.min.js
+    
+    .htaccess
+    config.rb
+    nginx.conf
+    web.config
+
+The SCSS files above will get compiled to the css directory whenever compass is run:
+
+    css/handheld.css
+    css/style.css
 
 License
 =======

data/stylesheets/_html5-boilerplate.scss

@@ -1,13 +1,13 @@
 @import "html5-boilerplate/reset";
-@import "html5-boilerplate/base";
 @import "html5-boilerplate/fonts";
+@import "html5-boilerplate/page";
 @import "html5-boilerplate/helpers";
 @import "html5-boilerplate/media";
 
 @mixin html5-boilerplate {
   @include html5-boilerplate-reset;
-  @include html5-boilerplate-base;
   @include html5-boilerplate-fonts;
+  @include html5-boilerplate-page;
   @include html5-boilerplate-helpers;
   @include html5-boilerplate-media;
 }

data/stylesheets/html5-boilerplate/_fonts.scss

@@ -1,38 +1,21 @@
 //
 // fonts.css from the YUI Library: developer.yahoo.com/yui/
-//           Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
-// 
-// There are three custom edits:
-//  * remove arial, helvetica from explicit font stack
-//  * make the line-height relative and unit-less
-//  * remove the pre, code styles
+// Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
+//
+// There are two custom edits:
+// * remove arial, helvetica from explicit font stack
+// * we normalize monospace styles ourselves
 //
 
 @mixin html5-boilerplate-fonts {
-  body { @include body-font; }
-
-  table { @include table-font; }
-
-  select, input, textarea { @include input-font; }
-
-  pre, code, kbd, samp { @include monospace-font; }
-}
+  body { font:13px/1.231 sans-serif; *font-size:small; } // hack retained to preserve specificity
 
-@mixin body-font {
-  font:$html5-boilerplate-font-size $html5-boilerplate-font-family; *font-size:small; *font:x-small; line-height:1.22;
-}
+  table { font-size:inherit; font: 100%; }
 
-@mixin input-font {
-  font:99% $html5-boilerplate-font-family;
-}
+  select, input, textarea, button { font:99% sans-serif; }
 
-@mixin table-font {
-  font-size:inherit; font:100%;
+  // normalize monospace sizing 
+  // meyerweb.com/eric/thoughts/2010/02/12/fixed-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; }
 }
-
-// normalize monospace sizing 
-// meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
-// en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
-@mixin monospace-font {
-  font-family: $html5-boilerplate-fixed-font-family;
-}

data/stylesheets/html5-boilerplate/_handheld.scss

@@ -1,10 +1,8 @@
-@mixin html5-boilerplate-handheld {
-  * { @include handheld; }
-}
-
-@mixin handheld {
+* {
   float: none;       // Screens are not big enough to account for floats
-  font-size: 80%;    // Slightly reducing font size to reduce need to scroll
-  background: #fff;  //  As much contrast as possible
+  background: #fff;  // As much contrast as possible */
   color: #000;
 }
+
+// Slightly reducing font size to reduce need to scroll
+body { font-size: 80%; }

data/stylesheets/html5-boilerplate/_helpers.scss

@@ -14,8 +14,8 @@
 
 // for image replacement
 @mixin image-replacement {
-  display:block;
-  text-indent:-999px;
+  display: block;
+  text-indent: -999px;
   overflow:hidden;
   background-repeat: none;
 }
@@ -24,7 +24,7 @@
 // css-discuss.incutio.com/wiki/Screenreader_Visibility
 @mixin hidden {
   display:none;
-  visibility:hidden;
+  visibility: hidden;
 }
 
 // Hide only visually, but have it available for screenreaders
@@ -40,9 +40,7 @@
 @mixin invisible { visibility: hidden; }
 
 // The Magnificent CLEARFIX
-@mixin magnificent-clearfix {
-  .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
-  .clearfix { display: inline-block; }
-  * html .clearfix { height: 1%; }  // Hides from IE-mac
-  .clearfix { display: block; }
+@mixin magnificent-clearfix($classname: 'clearfix') {
+  .#{$classname}:after  { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+  .#{$classname} { zoom: 1; }
 }

data/stylesheets/html5-boilerplate/_media.scss

@@ -12,7 +12,7 @@
   }
 
   @media screen and (max-device-width: 480px) {
-    @include media-mobile;
+    @include media-mobile(false);
   }
 }
 
@@ -21,18 +21,18 @@
 // inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 
 @mixin media-print {
-  * { background: transparent !important; color: #444 !important; text-shadow: none; }
+  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
 
   a, a:visited { color: #444 !important; text-decoration: underline; }
 
   a:after { content: " (" attr(href) ")"; } 
 
   abbr:after { content: " (" attr(title) ")"; }
-
-  .ir a:after { content: ""; }  /* Don't show links for images */
-
+  
+  .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; }
@@ -57,7 +57,9 @@
 
 // Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
 // Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
-@mixin media-mobile {
-  // Prevent iOS, WinMobile from adjusting font size
-  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+@mixin media-mobile($optimize: true) {
+  // j.mp/textsizeadjust
+  @if not $optimize {
+    html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+  }
 }

data/stylesheets/html5-boilerplate/{_base.scss → _page.scss}

@@ -1,10 +1,3 @@
-
-$html5-boilerplate-font-family: sans-serif !default;
-
-$html5-boilerplate-fixed-font-family: "Courier New", monospace, serif !default;
-
-$html5-boilerplate-font-size: 13px !default;
-
 $html5-boilerplate-font-color: #444 !default;  //looks better than black: twitter.com/H_FJ/statuses/11800719859
 
 $html5-boilerplate-link-color: #607890 !default;
@@ -19,39 +12,37 @@ $html5-boilerplate-selected-font-color: #fff !default;
 
 $html5-boilerplate-selected-color: #FF5E99 !default;
 
-$html5-boilerplate-selected-font-color: #fff !default;
-
 
 //
 // minimal base styles
 //
 
-@mixin html5-boilerplate-base {
+@mixin html5-boilerplate-page {
   body, select, input, textarea { color: $html5-boilerplate-font-color; }
 
-  h1,h2,h3,h4,h5,h6 { @include optimize-legibility; }
+  h1,h2,h3,h4,h5,h6 { @include bold-font; }
 
   html {
     @include font-smoothing;
     @include force-scrollbar;
   }
 
-  @include accessible-focus;
-
   a, a:active, a:visited { color: $html5-boilerplate-link-color; }
   a:hover { color: $html5-boilerplate-link-hover-color; }
 
-  ul { margin-left:30px; }
-  ol { margin-left:30px; list-style-type: decimal; }
+  ul { margin-left: 30px; }
+  ol { margin-left: 30px; list-style-type: decimal; }
 
-  small { @include small; }
-  strong, th { @include strong; }
+  small { @include small-font; }
+  strong, th { @include bold-font; }
 
   td, td img { vertical-align: top; }
 
   sub { vertical-align: sub; font-size: smaller; }
   sup { vertical-align: super; font-size: smaller; }
 
+  @include accessible-focus;
+
   @include quoted-pre;
 
   @include align-input-labels;
@@ -65,12 +56,6 @@ $html5-boilerplate-selected-font-color: #fff !default;
   @include ie-hacks;
 }
 
-
-// www.aestheticallyloyal.com/public/optimize-legibility/
-@mixin optimize-legibility {
-  font-weight: bold; text-rendering: optimizeLegibility;
-}
-
 // maxvoltar.com/archive/-webkit-font-smoothing
 @mixin font-smoothing {
   -webkit-font-smoothing: antialiased;
@@ -78,15 +63,14 @@ $html5-boilerplate-selected-font-color: #fff !default;
 
 // Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test
 @mixin accessible-focus {
-  a:active { outline: none; }
-  a:focus { outline: thin dotted; }
+  a:hover, a:active { outline: none; }
 }
 
-@mixin small {
+@mixin small-font {
   font-size: 85%;
 }
 
-@mixin strong {
+@mixin bold-font {
   font-weight: bold;
 }
 
@@ -94,10 +78,10 @@ $html5-boilerplate-selected-font-color: #fff !default;
 @mixin quoted-pre {
   pre {
     padding: 15px;
-    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 */
+    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
   }
 }
 
@@ -118,13 +102,13 @@ $html5-boilerplate-selected-font-color: #fff !default;
 // No text-shadow: twitter.com/miketaylr/status/12228805301 
 // Also: hot pink.
 @mixin selected-text {
-  ::-moz-selection{ background:$html5-boilerplate-selected-color; color:$html5-boilerplate-selected-font-color; text-shadow: none; }
-  ::selection { background:$html5-boilerplate-selected-color; color:$html5-boilerplate-selected-font-color; text-shadow: none; }
+  ::-moz-selection{ background:$html5-boilerplate-selected-color; color: $html5-boilerplate-selected-font-color; text-shadow: none; }
+  ::selection { background: $html5-boilerplate-selected-color; color: $html5-boilerplate-selected-font-color; text-shadow: none; }
 }
 
 // j.mp/webkit-tap-highlight-color
 @mixin webkit-tap-highlight {
-  a:link { -webkit-tap-highlight-color: #FF5E99; }
+  a:link { -webkit-tap-highlight-color: $html5-boilerplate-selected-color; }
 }
 
 // always force a scrollbar in non-IE
@@ -141,4 +125,3 @@ $html5-boilerplate-selected-font-color: #fff !default;
   // code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
   .ie7 img { -ms-interpolation-mode: bicubic; }
 }
-

data/stylesheets/html5-boilerplate/_reset.scss

@@ -22,8 +22,8 @@
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td,
-  article, aside, figure, footer, header, 
-  hgroup, menu, nav, section, menu,
+  article, aside, canvas, details, figcaption, figure, 
+  footer, header, hgroup, menu, nav, section, summary,
   time, mark, audio, video {
     margin:0;
     padding:0;
@@ -32,10 +32,12 @@
     font-size:100%;
     vertical-align:baseline;
     background:transparent;
-  }
+  }                  
 
-  article, aside, figure, footer, header, 
-  hgroup, nav, section { display:block; }
+  article, aside, details, figcaption, figure,
+  footer, header, hgroup, menu, nav, section, summary { 
+      display:block;
+  }
 
   nav ul { list-style:none; }
 
@@ -46,9 +48,9 @@
 
   a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent; }
 
-  ins { background-color:#ff9; color:#000; text-decoration:none; }
+  ins { background-color: #ff9; color: #000; text-decoration:none; }
 
-  mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+  mark { background-color: #ff9; color: #000; font-style:italic; font-weight:bold; }
 
   del { text-decoration: line-through; }
 
@@ -58,7 +60,7 @@
   // 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; }
+  hr { display: block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
 
   input, select { vertical-align:middle; }
 }

data/templates/project/_head.html.haml

@@ -5,7 +5,7 @@
   /[if IE]
   
   -# 
-    Always force latest IE rendering engine (even in intranet) & Chrome Frame
+    Always force latest IE rendering engine (even in intranet) & Chrome Frame
     Remove this if you use the .htaccess
   %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
   
@@ -13,21 +13,16 @@
   %meta{:content => "", :name => "description"}/
   %meta{:content => "", :name => "author"}/
   
-  -# 
-    Mobile Viewport Fix
-    j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
-    device-width : Occupy full width of the screen in its current orientation
-    initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
-    maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
-  %meta{:content => "width=device-width; initial-scale=1.0; maximum-scale=1.0;", :name => "viewport"}/
-  
-  -# Place favicon.ico and apple-touch-icon.png in the root of your domain and delete these references
+  -# Mobile viewport optimized: j.mp/bplateviewport
+  %meta{:content => "width=device-width; initial-scale=1.0", :name => "viewport"}/
+  
+  -# Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references
   -# %link{:href => "/favicon.ico", :rel => "shortcut icon"}/
   -# %link{:href => "/apple-touch-icon.png", :rel => "apple-touch-icon"}/
   
   = render :partial => 'layouts/stylesheets'
   
-  -# All JavaScript at the bottom, except for Modernizr which enables HTML5 elements &amp; feature detects
+  -# All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects
   = javascript_include_tag 'modernizr-1.5.min'
   
   = csrf_meta_tag

data/templates/project/_javascripts.html.haml

@@ -19,8 +19,8 @@
 = yield :javascripts
 
 -# yui profiler and profileviewer
-- if RAILS_ENV == 'development'
-  = javascript_include_tag 'profiling/yahoo-profiling.min.js', 'profiling/config.js'
+- if Rails.env == 'development'
+  = javascript_include_tag 'profiling/yahoo-profiling.min', 'profiling/config'
 
 -# asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet
 -# change the UA-XXXXX-X to be your site's ID

data/templates/project/{crossdomain.xml → files/crossdomain.xml}

@@ -12,3 +12,5 @@
    
    -->
 </cross-domain-policy>
+
+

data/templates/project/{htaccess.conf → files/htaccess.conf}

@@ -77,8 +77,8 @@ AddType text/cache-manifest           manifest
 # gzip compression.
 <IfModule mod_deflate.c>
 
-# html, xml, css, and js:
-  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css application/x-javascript text/javascript application/javascript application/json 
+# html, txt, css, js, json, xml, htc:
+  AddOutputFilterByType DEFLATE text/html text/plain text/css application/x-javascript text/javascript application/javascript application/json text/xml application/xml text/x-component
 
 # webfonts and svg:
   <FilesMatch "\.(ttf|otf|eot|svg)$" >

data/templates/project/files/web.config

@@ -0,0 +1,205 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- web.config contributed to html5boilerplate by Velir : velir.com -->
+<configuration>
+    <configSections>
+      <sectionGroup name="system.web.extensions" type="System.Web.Configuration.SystemWebExtensionsSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
+        <sectionGroup name="scripting" type="System.Web.Configuration.ScriptingSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
+          <section name="scriptResourceHandler" type="System.Web.Configuration.ScriptingScriptResourceHandlerSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
+          <sectionGroup name="webServices" type="System.Web.Configuration.ScriptingWebServicesSectionGroup, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
+            <section name="jsonSerialization" type="System.Web.Configuration.ScriptingJsonSerializationSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="Everywhere" />
+            <section name="profileService" type="System.Web.Configuration.ScriptingProfileServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
+            <section name="authenticationService" type="System.Web.Configuration.ScriptingAuthenticationServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
+            <section name="roleService" type="System.Web.Configuration.ScriptingRoleServiceSection, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" allowDefinition="MachineToApplication" />
+          </sectionGroup>
+        </sectionGroup>
+      </sectionGroup>
+    </configSections>  
+
+    <appSettings />
+    <connectionStrings />
+    <system.web>
+        <!-- 
+            Set compilation debug="true" to insert debugging 
+            symbols into the compiled page. Because this 
+            affects performance, set this value to true only 
+            during development.
+        -->
+        <compilation debug="false">
+
+          <assemblies>
+            <add assembly="System.Core, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
+            <add assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+            <add assembly="System.Data.DataSetExtensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
+            <add assembly="System.Xml.Linq, Version=3.5.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089" />
+          </assemblies>
+
+        </compilation>
+        <authentication mode="Windows" />
+        <!--
+            The <customErrors> section enables configuration 
+            of what to do if/when an unhandled error occurs 
+            during the execution of a request. Specifically, 
+            it enables developers to configure html error pages 
+            to be displayed in place of a error stack trace.
+
+			<customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">
+				<error statusCode="403" redirect="NoAccess.htm" />
+				<error statusCode="404" redirect="FileNotFound.htm" />
+			</customErrors>
+        -->
+			<customErrors mode="RemoteOnly" defaultRedirect="GenericErrorPage.htm">
+				<error statusCode="404" redirect="404.html" />
+			</customErrors>
+
+      <pages>
+        <controls>
+          <add tagPrefix="asp" namespace="System.Web.UI" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+          <add tagPrefix="asp" namespace="System.Web.UI.WebControls" assembly="System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+        </controls>
+      </pages>
+
+      <httpHandlers>
+        <remove verb="*" path="*.asmx" />
+        <add verb="*" path="*.asmx" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+        <add verb="*" path="*_AppService.axd" validate="false" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+        <add verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" validate="false" />
+      </httpHandlers>
+      <httpModules>
+        <add name="ScriptModule" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+      </httpModules>
+    </system.web>
+
+    <system.codedom>
+      <compilers>
+        <compiler language="c#;cs;csharp" extension=".cs" warningLevel="4" type="Microsoft.CSharp.CSharpCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
+          <providerOption name="CompilerVersion" value="v3.5" />
+          <providerOption name="WarnAsError" value="false" />
+        </compiler>
+        <compiler language="vb;vbs;visualbasic;vbscript" extension=".vb" warningLevel="4" type="Microsoft.VisualBasic.VBCodeProvider, System, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089">
+          <providerOption name="CompilerVersion" value="v3.5" />
+          <providerOption name="OptionInfer" value="true" />
+          <providerOption name="WarnAsError" value="false" />
+        </compiler>
+      </compilers>
+    </system.codedom>
+    
+    <system.webServer>
+			<!-- 
+				GZip static file content.  Overrides the server default which only compresses static files over 2700 bytes
+			-->
+			<httpCompression directory="%SystemDrive%\websites\_compressed" minFileSizeForComp="1024">
+				<scheme name="gzip" dll="%Windir%\system32\inetsrv\gzip.dll" />
+				<staticTypes>
+					<add mimeType="text/*" enabled="true" />
+					<add mimeType="message/*" enabled="true" />
+					<add mimeType="application/javascript" enabled="true" />
+					<add mimeType="application/x-javascript" enabled="true" />
+					<add mimeType="application/json" enabled="true" />
+					<add mimeType="*/*" enabled="false" />
+				</staticTypes>
+			</httpCompression>
+
+			<validation validateIntegratedModeConfiguration="false" />
+      <modules>
+        <remove name="ScriptModule" />
+        <add name="ScriptModule" preCondition="managedHandler" type="System.Web.Handlers.ScriptModule, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+      </modules>
+      <handlers>
+        <remove name="WebServiceHandlerFactory-Integrated" />
+        <remove name="ScriptHandlerFactory" />
+        <remove name="ScriptHandlerFactoryAppServices" />
+        <remove name="ScriptResource" />
+        <add name="ScriptHandlerFactory" verb="*" path="*.asmx" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+        <add name="ScriptHandlerFactoryAppServices" verb="*" path="*_AppService.axd" preCondition="integratedMode" type="System.Web.Script.Services.ScriptHandlerFactory, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+        <add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
+      </handlers>
+        <urlCompression doStaticCompression="true" />
+        <staticContent>
+					<!-- Set expire headers to 30 days for static content-->
+					<clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="30.00:00:00" />
+					<!-- use utf-8 encoding for anything served text/plain or text/html -->
+					<remove fileExtension=".css" />
+					<mimeMap fileExtension=".css" mimeType="text/css; charset=UTF-8" />
+					<remove fileExtension=".js" />
+					<mimeMap fileExtension=".js" mimeType="text/javascript; charset=UTF-8" />
+					<remove fileExtension=".json" />
+					<mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
+					<remove fileExtension=".rss" />
+					<mimeMap fileExtension=".rss" mimeType="application/rss+xml; charset=UTF-8" />
+					<remove fileExtension=".html" />
+					<mimeMap fileExtension=".html" mimeType="text/html; charset=UTF-8" />
+					<remove fileExtension=".xml" />
+					<mimeMap fileExtension=".xml" mimeType="application/xml; charset=UTF-8" />
+					<!-- HTML5 Video mime types-->
+					<mimeMap fileExtension=".mp4" mimeType="video/mp4" />
+					<mimeMap fileExtension=".m4v" mimeType="video/m4v" />
+					<mimeMap fileExtension=".ogg" mimeType="video/ogg" />
+					<mimeMap fileExtension=".ogv" mimeType="video/ogg" />
+					<mimeMap fileExtension=".webm" mimeType="video/webm" />
+					<!-- Proper svg serving. Required for svg webfonts on iPad -->
+					<mimeMap fileExtension=".svg" mimeType="images/svg+xml" />
+					<mimeMap fileExtension=".svgz" mimeType="images/svg+xml" />
+					<!-- HTML4 Web font mime types -->
+					<!-- Remove default IIS mime type for .eot which is application/octet-stream -->
+					<remove fileExtension=".eot" />
+					<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
+					<mimeMap fileExtension=".otf" mimeType="font/otf" />
+					<mimeMap fileExtension=".woff" mimeType="font/x-woff" />
+
+				</staticContent>
+        <httpProtocol>
+            <customHeaders>
+				<!-- 
+					http://hacks.mozilla.org/2009/07/cross-site-xmlhttprequest-with-cors/
+					Uncomment to serve cross-domain ajax requests
+				
+					<add name="Access-Control-Allow-Origin" value="*" />
+				-->
+
+				<!-- 
+					Force the latest IE version, in various cases when it may fall back to IE7 mode
+					 github.com/rails/rails/commit/123eb25#commitcomment-118920
+					Use ChromeFrame if it's installed for a better experience for the poor IE folk 
+				-->		
+					<add name="X-UA-Compatible" value="IE=Edge,chrome=1" />
+							
+				<!-- 
+					Allow cookies to be set from iframes (for IE only)
+					If needed, uncomment and specify a path or regex in the Location directive 
+
+					<add name="P3P" value="policyref=&quot;/w3c/p3p.xml&quot;, CP=&quot;IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT&quot;" />
+				-->
+            </customHeaders>
+        </httpProtocol>
+				<!-- 
+					Remove the WWW from the URL.  
+					Requires IIS Rewrite module http://learn.iis.net/page.aspx/460/using-the-url-rewrite-module/ 
+					Configuration lifted from http://nayyeri.net/remove-www-prefix-from-urls-with-url-rewrite-module-for-iis-7-0
+					 
+					 <rewrite>
+						<rules>
+						  <rule name="Remove WWW" stopProcessing="true">
+							<match url="^(.*)$" />
+							<conditions>
+							  <add input="{HTTP_HOST}" pattern="^(www\.)(.*)$" />
+							</conditions>
+							<action type="Redirect" url="http://nayyeri.net{PATH_INFO}" redirectType="Permanent" />
+						  </rule>
+						</rules>
+					 </rewrite>
+				-->
+    </system.webServer>
+
+    <runtime>
+      <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
+        <dependentAssembly>
+          <assemblyIdentity name="System.Web.Extensions" publicKeyToken="31bf3856ad364e35" />
+          <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0" />
+        </dependentAssembly>
+        <dependentAssembly>
+          <assemblyIdentity name="System.Web.Extensions.Design" publicKeyToken="31bf3856ad364e35" />
+          <bindingRedirect oldVersion="1.0.0.0-1.1.0.0" newVersion="3.5.0.0" />
+        </dependentAssembly>
+      </assemblyBinding>
+    </runtime>
+</configuration>

data/templates/project/handheld.scss

@@ -1,7 +1 @@
 @import "html5-boilerplate/handheld";
-
-// Use this partial for more customization
-//@import "html5-boilerplate/handheld";
-
-// Otherwise just include everything
-@include html5-boilerplate-handheld;

data/templates/project/index.html.haml

@@ -6,7 +6,7 @@
     /[if IE]
     
     -# 
-      Always force latest IE rendering engine (even in intranet) & Chrome Frame
+      Always force latest IE rendering engine (even in intranet) & Chrome Frame
       Remove this if you use the .htaccess
     %meta{:content => "IE=edge,chrome=1", "http-equiv" => "X-UA-Compatible"}/
     
@@ -16,7 +16,7 @@
     
     -#
       Mobile Viewport Fix
-      j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
+      j.mp/mobileviewport & davidbcalhoun.com/2010/viewport-metatag
       device-width : Occupy full width of the screen in its current orientation
       initial-scale = 1.0 retains dimensions instead of zooming out if page height > device height
       maximum-scale = 1.0 retains dimensions instead of zooming in if page width < device width
@@ -32,7 +32,7 @@
     -# For the less-enabled mobile browsers like Opera Mini
     %link{:href => "css/handheld.css?v=1", :media => "handheld", :rel => "stylesheet"}/
     
-    -# All JavaScript at the bottom, except for Modernizr which enables HTML5 elements &amp; feature detects
+    -# All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects
     %script{:src => "js/modernizr-1.5.min.js"}
   
   -# paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

data/templates/project/manifest.rb

@@ -2,11 +2,8 @@ description "Compass extention for HTML5 Boilerplate located at http://html5boil
 
 stylesheet 'style.scss', :media => 'screen, projection'
 stylesheet 'handheld.scss', :media => 'handheld'
-stylesheet 'html5/_base.scss'
-stylesheet 'html5/_defaults.scss'
-stylesheet 'html5/_fonts.scss'
-stylesheet 'html5/_helpers.scss'
-stylesheet 'html5/_media.scss'
+stylesheet 'partials/_base.scss'
+stylesheet 'partials/_html5_boilerplate.scss'
 
 if Compass.configuration.project_type == :rails
   file 'application.html.haml', :to => 'app/views/layouts/application.html.haml'
@@ -16,6 +13,7 @@ if Compass.configuration.project_type == :rails
   file '_header.html.haml', :to => 'app/views/layouts/_header.html.haml'
   file '_javascripts.html.haml', :to => 'app/views/layouts/_javascripts.html.haml'
   file '_stylesheets.html.haml', :to => 'app/views/layouts/_stylesheets.html.haml'
+  file 'files/nginx.conf', :to => 'config/nginx.conf'
   javascript 'javascripts/dd_belatedpng.js', :to => 'dd_belatedpng.js'
   javascript 'javascripts/jquery-1.4.2.min.js', :to => 'jquery-1.4.2.min.js'
   javascript 'javascripts/modernizr-1.5.min.js', :to => 'modernizr-1.5.min.js'
@@ -27,6 +25,8 @@ if Compass.configuration.project_type == :rails
   javascript 'javascripts/profiling/yahoo-profiling.min.js', :to => 'profiling/yahoo-profiling.min.js'
 else
   html 'index.html.haml'
+  file 'files/nginx.conf', :to => 'nginx.conf'
+  file 'files/web.config', :to => 'web.config'
   javascript 'javascripts/dd_belatedpng.js', :to => 'dd_belatedpng.js'
   javascript 'javascripts/jquery-1.4.2.min.js', :to => 'jquery-1.4.2.min.js'
   javascript 'javascripts/modernizr-1.5.min.js', :to => 'modernizr-1.5.min.js'
@@ -36,27 +36,27 @@ else
   javascript 'javascripts/profiling/yahoo-profiling.css', :to => 'profiling/yahoo-profiling.css'
   javascript 'javascripts/profiling/yahoo-profiling.min.js', :to => 'profiling/yahoo-profiling.min.js'
 end
-html '404.html'
-html 'htaccess.conf', :to => '.htaccess'
-html 'crossdomain.xml'
-html 'robots.txt'
-file 'nginx.conf'
+html 'files/404.html', :to => '404.html'
+html 'files/htaccess.conf', :to => '.htaccess'
+html 'files/crossdomain.xml', :to => 'crossdomain.xml'
+html 'files/robots.txt', :to => 'robots.txt'
+html 'files/apple-touch-icon.png', :to => 'apple-touch-icon.png'
+html 'files/favicon.ico', :to => 'favicon.ico'
 
 help %Q{
 This is a Compass extention for HTML5 Boilerplate by Paul Irish
-  (see http://html5boilerplate.com)
+(See full docs at: http://github.com/sporkd/compass-html5-boilerplate)
 
-Installation for a Rails Project:
+Rails Installation
+========================
 $ gem install html5-boilerplate
 $ cd my_rails_project
 $ compass init rails -r html5-boilerplate -u html5-boilerplate --force
 
-(--force overwrites existing stuff so you get everything. What, you don't trust me?)
-
-
-Stand-alone Project:
+Stand Alone Installation
+========================
 $ gem install html5-boilerplate
-$ compass create myproject -r html5-boilerplate -u html5-boilerplate
+$ compass create my_project -r html5-boilerplate -u html5-boilerplate --javascripts-dir js --css-dir css
 
 }
 

data/templates/project/partials/_base.scss

@@ -0,0 +1,15 @@
+// This file must be imported before html5-boilerplate/page
+
+$html5-boilerplate-font-color: #444;
+
+$html5-boilerplate-link-color: #607890;
+
+$html5-boilerplate-link-hover-color: #036;
+
+$html5-boilerplate-link-active-color: #607890;
+
+$html5-boilerplate-link-visited-color: #607890;
+
+$html5-boilerplate-selected-font-color: #fff;
+
+$html5-boilerplate-selected-color: #FF5E99;

data/templates/project/partials/_html5_boilerplate.scss

@@ -0,0 +1,84 @@
+//--------------------------------
+// Reset
+//--------------------------------
+@include html5-boilerplate-reset;
+
+
+//--------------------------------
+// Fonts
+//--------------------------------
+@include html5-boilerplate-fonts;
+
+
+//--------------------------------
+// Page
+//--------------------------------
+body, select, input, textarea { color: $html5-boilerplate-font-color; }
+
+h1,h2,h3,h4,h5,h6 { @include bold-font; }
+
+html {
+  @include font-smoothing;
+  @include force-scrollbar;
+}
+
+a, a:active, a:visited { color: $html5-boilerplate-link-color; }
+a:hover { color: $html5-boilerplate-link-hover-color; }
+
+ul { margin-left: 30px; }
+ol { margin-left: 30px; list-style-type: decimal; }
+
+small { @include small-font; }
+strong, th { @include bold-font; }
+
+td, td img { vertical-align: top; }
+
+sub { vertical-align: sub; font-size: smaller; }
+sup { vertical-align: super; font-size: smaller; }
+
+@include accessible-focus;
+
+@include quoted-pre;
+
+@include align-input-labels;
+
+@include hand-cursor-inputs;
+
+@include selected-text;
+
+@include webkit-tap-highlight;
+
+@include ie-hacks;
+
+
+//--------------------------------
+// Helpers
+//--------------------------------
+.ir { @include image-replacement; }
+
+.hidden { @include hidden; }
+
+.visuallyhidden { @include visually-hidden; }
+
+@include magnificent-clearfix;
+
+
+//--------------------------------
+// Media
+//--------------------------------
+@media print {
+  @include media-print;
+}
+
+@media all and (orientation:portrait) { 
+  // Style adjustments for portrait mode goes here
+}
+
+@media all and (orientation:landscape) {
+  // Style adjustments for landscape mode goes here
+}
+
+@media screen and (max-device-width: 480px) {
+  // Pass in false if you don't want iOS and WinMobile to mobile-optimize the text for you
+  @include media-mobile(true);
+}

data/templates/project/style.scss

@@ -1,19 +1,22 @@
-// Import and include reset mixin
-@import "html5-boilerplate";
-@include html5-boilerplate-reset;
+// First, set some default constants
+// to be used by html5-boilerplate
+@import "partials/base";
 
-// Set some default constants 
-@import "html5/defaults";
+// Then, we'll import the compass extension
+@import "html5-boilerplate";
 
-// Import these partials to customize
-// which mixins are included
-@import "html5/base";
-@import "html5/fonts";
-@import "html5/helpers";
-@import "html5/media";
+// Now you can now choose to include the
+// whole enchilada with just one line
+//@include html5-boilerplate;
 
-// Otherwise just include everything
-//@include html5-boilerplate-base;
+// Or, you can pick and choose only the
+// sections you want to include
+//@include html5-boilerplate-reset;
 //@include html5-boilerplate-fonts;
+//@include html5-boilerplate-page;
 //@include html5-boilerplate-helpers;
 //@include html5-boilerplate-media;
+
+// Or, you can import this partial if you want
+// full controll over which mixins to include
+@import "partials/html5_boilerplate";

metadata

@@ -5,8 +5,8 @@ version: !ruby/object:Gem::Version
   segments: 
   - 0
   - 1
-  - 0
-  version: 0.1.0
+  - 1
+  version: 0.1.1
 platform: ruby
 authors: 
 - Peter Gumeson
@@ -14,7 +14,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-08-16 00:00:00 -07:00
+date: 2010-08-18 00:00:00 -07:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
@@ -44,13 +44,12 @@ files:
 - README.md
 - lib/html5-boilerplate.rb
 - stylesheets/_html5-boilerplate.scss
-- stylesheets/html5-boilerplate/_base.scss
 - stylesheets/html5-boilerplate/_fonts.scss
 - stylesheets/html5-boilerplate/_handheld.scss
 - stylesheets/html5-boilerplate/_helpers.scss
 - stylesheets/html5-boilerplate/_media.scss
+- stylesheets/html5-boilerplate/_page.scss
 - stylesheets/html5-boilerplate/_reset.scss
-- templates/project/404.html
 - templates/project/_flashes.html.haml
 - templates/project/_footer.html.haml
 - templates/project/_head.html.haml
@@ -58,14 +57,15 @@ files:
 - templates/project/_javascripts.html.haml
 - templates/project/_stylesheets.html.haml
 - templates/project/application.html.haml
-- templates/project/crossdomain.xml
+- templates/project/files/404.html
+- templates/project/files/apple-touch-icon.png
+- templates/project/files/crossdomain.xml
+- templates/project/files/favicon.ico
+- templates/project/files/htaccess.conf
+- templates/project/files/nginx.conf
+- templates/project/files/robots.txt
+- templates/project/files/web.config
 - templates/project/handheld.scss
-- templates/project/htaccess.conf
-- templates/project/html5/_base.scss
-- templates/project/html5/_defaults.scss
-- templates/project/html5/_fonts.scss
-- templates/project/html5/_helpers.scss
-- templates/project/html5/_media.scss
 - templates/project/index.html.haml
 - templates/project/javascripts/dd_belatedpng.js
 - templates/project/javascripts/jquery-1.4.2.min.js
@@ -77,8 +77,8 @@ files:
 - templates/project/javascripts/profiling/yahoo-profiling.min.js
 - templates/project/javascripts/rails.js
 - templates/project/manifest.rb
-- templates/project/nginx.conf
-- templates/project/robots.txt
+- templates/project/partials/_base.scss
+- templates/project/partials/_html5_boilerplate.scss
 - templates/project/style.scss
 has_rdoc: true
 homepage: http://github.com/sporkd/compass-html5-boilerplate

data/templates/project/html5/_base.scss

@@ -1,36 +0,0 @@
-body, select, input, textarea { color: $html5-boilerplate-font-color; }
-
-h1,h2,h3,h4,h5,h6 { @include optimize-legibility; }
-
-html {
-  @include font-smoothing;
-  @include force-scrollbar;
-}
-
-@include accessible-focus;
-
-a, a:active, a:visited { color: $html5-boilerplate-link-color; }
-a:hover { color: $html5-boilerplate-link-hover-color; }
-
-ul { margin-left:30px; }
-ol { margin-left:30px; list-style-type: decimal; }
-
-small { @include small; }
-strong, th { @include strong; }
-
-td, td img { vertical-align: top; }
-
-sub { vertical-align: sub; font-size: smaller; }
-sup { vertical-align: super; font-size: smaller; }
-
-@include quoted-pre;
-
-@include align-input-labels;
-
-@include hand-cursor-inputs;
-
-@include selected-text;
-
-@include webkit-tap-highlight;
-
-@include ie-hacks;

data/templates/project/html5/_defaults.scss

@@ -1,21 +0,0 @@
-$html5-boilerplate-font-family: sans-serif;
-
-$html5-boilerplate-fixed-font-family: "Courier New", monospace, serif;
-
-$html5-boilerplate-font-size: 13px !default;
-
-$html5-boilerplate-font-color: #444;  //looks better than black: twitter.com/H_FJ/statuses/11800719859
-
-$html5-boilerplate-link-color: #607890;
-
-$html5-boilerplate-link-hover-color: #036;
-
-$html5-boilerplate-link-active-color: #607890;
-
-$html5-boilerplate-link-visited-color: #607890;
-
-$html5-boilerplate-selected-font-color: #fff;
-
-$html5-boilerplate-selected-color: #FF5E99;
-
-$html5-boilerplate-selected-font-color: #fff;

data/templates/project/html5/_fonts.scss

@@ -1,7 +0,0 @@
-body { @include body-font; }
-
-table { @include table-font; }
-
-select, input, textarea { @include input-font; }
-
-pre, code, kbd, samp { @include monospace-font; }

data/templates/project/html5/_helpers.scss

@@ -1,7 +0,0 @@
-.ir { @include image-replacement; }
-
-.hidden { @include hidden; }
-
-.visuallyhidden { @include visually-hidden; }
-
-@include magnificent-clearfix;

data/templates/project/html5/_media.scss

@@ -1,15 +0,0 @@
-@media print {
-  @include media-print;
-}
-
-@media all and (orientation:portrait) { 
-  @include media-orientation-portrait;
-}
-
-@media all and (orientation:landscape) {
-  @include media-orientation-landscape;
-}
-
-@media screen and (max-device-width: 480px) {
-  @include media-mobile;
-}