html5-starter-mobile 0.1.2b

data/LICENSE

@@ -0,0 +1,3 @@
+Copyright (c) 2010 Peter Gumeson
+
+http://creativecommons.org/licenses/by/3.0/

data/README.md

@@ -0,0 +1,34 @@
+Compass Mobile HTML5 Starter
+============================
+
+Mobile HTML5 Starter is a Compass extension based on [Mobile HTML5 Boilerplate](https://github.com/shichuan/mobile-html5-boilerplate) by Shi Chuan.
+You can use it to kick-start a fully compliant mobile HTML5 applications. Generating a set of starter files for your mobile HTML5 projects with integrated Sass (Scss) templates.
+
+Browse [html5boilerplate.com/mobile/](http://html5boilerplate.com/mobile/) for the full workup.
+
+
+Installation
+============
+
+    gem install html5-starter-mobile
+
+
+Starting a project
+------------------
+
+    compass create my_project -r html5-boilerplate-mobile -u html5-boilerplate-mobile --javascripts-dir assets/js --css-dir assets/css --images-dir assets/img --sass-dir assets/sass
+
+The `--javascripts-dir`, `--css-dir`, `--images-dir` and `--sass-dir` flags are required to keep consistent with the original Mobile HTML5 Boilerplate project layout. If you omit them, be sure to edit your javascript and style tags accordingly in `index.html`.
+
+Run `compass watch my_project` and the SCSS files will automatically get compiled to your Sass compilation directory whenever a change is made:
+
+    assets/css/style.css
+    assets/css/handheld.css
+
+To see the complete list of files generated by this extension, see the [Mobile HTML5 Boilerplate](https://github.com/shichuan/mobile-html5-boilerplate) project repo.
+
+
+Integrating with Blueprint
+--------------------------
+
+If you're planning to use the [Blueprint](http://compass-style.org/docs/reference/blueprint/) extension from Compass, you should remove the reset and font styles (see: line 19 and 20) inside the `style.scss` file. Blueprint already includes a reset and some basic typographic styles.

data/VERSION

@@ -0,0 +1 @@
+0.2.6

data/lib/html5-boilerplate-mobile.rb

@@ -0,0 +1 @@
+Compass::Frameworks.register("html5-boilerplate-mobile", :path => "#{File.dirname(__FILE__)}/..")

data/stylesheets/_html5-boilerplate-mobile.scss

@@ -0,0 +1,13 @@
+@import "compass/css3";
+
+@import "html5-boilerplate-mobile/reset";
+@import "html5-boilerplate-mobile/fonts";
+@import "html5-boilerplate-mobile/styles";
+@import "html5-boilerplate-mobile/helpers";
+
+@mixin html5-boilerplate-mobile {
+  @include html5-boilerplate-mobile-reset;
+  @include html5-boilerplate-mobile-fonts;
+  @include html5-boilerplate-mobile-styles;
+  @include html5-boilerplate-mobile-helpers;
+}

data/stylesheets/html5-boilerplate-mobile/_fonts.scss

@@ -0,0 +1,38 @@
+$base-font-family: unquote("sans-serif") !default;
+$base-font-size: 13px !default;
+$base-line-height: 1.231 !default;
+
+@mixin html5-boilerplate-mobile-fonts($family: $base-font-family, $size: $base-font-size, $line-height: $base-line-height) {
+  /**
+   * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
+   */
+
+  body {
+    font-size: $size;
+    font-family: $family;
+    line-height: $line-height;
+    *font-size: small;
+  } /* Hack retained to preserve specificity */
+  select, input, textarea, button { font:99% $family; }
+
+  /* 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; }
+}
+
+// Sets the font size specified in pixels using percents so that the base
+// font size changes and 1em has the correct value. When nesting font size
+// declarations, within the DOM tree, the base_font_size must be the parent's
+// effective font-size in pixels.
+// Usage Examples:
+//   .big
+//     +font-size(16px)
+//   .bigger
+//     +font-size(18px)
+//   .big .bigger
+//     +font-size(18px, 16px)
+//
+// For more information see the table found at http://developer.yahoo.com/yui/3/cssfonts/#fontsize
+@mixin font-size($size, $base-font-size: $base-font-size) {
+  font-size: ceil(percentage($size / $base-font-size));
+}

data/stylesheets/html5-boilerplate-mobile/_helpers.scss

@@ -0,0 +1,49 @@
+@mixin clearfix {
+  zoom: 1;
+  
+  &:before, &:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+  &:after { clear: both; }
+}
+
+@mixin html5-boilerplate-mobile-helpers {
+  /**
+   * Non-semantic helper classes: please define your styles before this section.
+   */
+
+  /* prevent callout */
+  .nocallout {-webkit-touch-callout: none;}
+
+  /* Text overflow with ellipsis */
+  .ellipsis {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  /* A hack for HTML5 contenteditable attribute on mobile */
+  textarea.contenteditable {-webkit-appearance: none;}
+
+  /* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
+  .gifhidden {position: absolute; left: -100%;}
+
+  /* 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: by Jon Neal.
+    www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
+  .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
+  .visuallyhidden.focusable:active,
+  .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+
+  /* Hide visually and from screenreaders, but maintain layout */
+  .invisible { visibility: hidden; }
+
+  /* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
+     j.mp/bestclearfix */
+  .clearfix { @include clearfix; }
+}

data/stylesheets/html5-boilerplate-mobile/_reset.scss

@@ -0,0 +1,48 @@
+@mixin html5-boilerplate-mobile-reset {
+  /**
+   * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+   * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
+   * html5doctor.com/html-5-reset-stylesheet/
+   */
+
+  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;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
+  }
+
+  article, aside, details, figcaption, figure,
+  footer, header, hgroup, menu, nav, section {
+    display: block;
+  }
+
+  blockquote, q { quotes: none; }
+
+  blockquote:before, blockquote:after,
+  q:before, q:after { content: ""; content: none; }
+
+  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; }
+
+  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; }
+}

data/stylesheets/html5-boilerplate-mobile/_styles.scss

@@ -0,0 +1,83 @@
+$font-color: #444 !default;  //looks better than black: twitter.com/H_FJ/statuses/11800719859
+$link-color: #607890 !default;
+$link-hover-color: #036 !default;
+$link-active-color: #607890 !default;
+$link-visited-color: #607890 !default;
+$selected-font-color: #fff !default;
+$selected-background-color: #ff5e99 !default;
+$list-left-margin: 2em !default;
+
+
+@mixin html5-boilerplate-mobile-styles {
+  /**
+   * Minimal base styles.
+   */
+
+  /* Prevent mobile zooming while remain desktop zooming: github.com/shichuan/mobile-html5-boilerplate/issues/closed#issue/14 */
+  html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
+
+  /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
+  a:hover, a:active { outline: none; }
+
+  ul, ol { margin-left: 2em; }
+  ol { list-style-type: decimal; }
+
+  /* Remove margins for navigation lists */
+  nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
+
+  small { font-size: 85%; }
+  strong, th { font-weight: bold; }
+
+  td { vertical-align: top; }
+
+  /* Set sub, sup without affecting line-height: gist.github.com/413930 */
+  sub, sup { font-size: 75%; line-height: 0; position: relative; }
+  sup { top: -0.5em; }
+  sub { bottom: -0.25em; }
+
+  pre {
+    /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
+    white-space: pre; white-space: pre-wrap; word-wrap: break-word;
+    padding: 15px;
+  }
+
+  textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
+
+  .iem7 legend { margin-left: -7px; }
+
+  /* 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; }
+  input[type="checkbox"] { vertical-align: bottom; }
+  .iem7 input[type="checkbox"] { vertical-align: baseline; }
+
+  /* Hand cursor on clickable input elements */
+  label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+
+  /* Webkit browsers add a 2px margin outside the chrome of form elements */
+  button, 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, .no-boxshadow 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{ background: $selected-background-color; color: $selected-font-color; text-shadow: none; }
+  ::selection { background: $selected-background-color; color: $selected-font-color; text-shadow: none; }
+
+  /* j.mp/webkit-tap-highlight-color */
+  a:link { -webkit-tap-highlight-color: $selected-background-color; }
+
+  /* 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/ */
+  .iem7 img { -ms-interpolation-mode: bicubic; }
+}

data/templates/project/files/404.html

@@ -0,0 +1,38 @@
+<!doctype html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Page Not Found :(</title> 
+  <style>
+	  body { text-align: center;}
+	  h1 { font-size: 50px; text-align: center }
+	  span[frown] { transform: rotate(90deg); display:inline-block; color: #bbb; }
+	  body { font: 20px Constantia, 'Hoefler Text',  "Adobe Caslon Pro", Baskerville, Georgia, Times, serif; color: #999; text-shadow: 2px 2px 2px rgba(200, 200, 200, 0.5); }
+	  ::-moz-selection{ background:#FF5E99; color:#fff; }
+	  ::selection { background:#FF5E99; color:#fff; } 
+	  article {display:block; text-align: left; width: 500px; margin: 0 auto; }
+	  
+	  a { color: rgb(36, 109, 56); text-decoration:none; }
+	  a:hover { color: rgb(96, 73, 141) ; text-shadow: 2px 2px 2px rgba(36, 109, 56, 0.5); }
+  </style>
+</head>
+<body>
+     <article>
+	  <h1>Not found <span frown>:(</span></h1>
+	   <div>
+	       <p>Sorry, but the page you were trying to view does not exist.</p>
+	       <p>It looks like this was the result of either:</p>
+	       <ul>
+		   <li>a mistyped address</li>
+		   <li>an out-of-date link</li>
+	       </ul>
+	   </div>
+	    
+	    <script>
+	    var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),
+		GOOG_FIXURL_SITE = location.host;
+	    </script>
+	    <script src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
+     </article>
+</body>
+</html>

data/templates/project/files/build/build.xml

@@ -0,0 +1,832 @@
+<?xml version="1.0"?>
+<project name="Boilerplate Build" default="build" basedir="../"> <!-- one back since we're in build/ -->
+
+
+    <!-- Load in Ant-Contrib to give us access to some very useful tasks! -->
+    <!-- the .jar file is located in the tools directory -->
+    <taskdef resource="net/sf/antcontrib/antcontrib.properties">
+        <classpath>
+            <pathelement location="${basedir}/build/tools/ant-contrib-1.0b3.jar"/>
+        </classpath>
+    </taskdef>
+
+    <!-- load shell environment -->
+    <property environment="ENV" />
+
+    <!-- load property files -->
+    <property file="build/config/project.properties"/>
+    <property file="build/config/default.properties"/>
+
+    <!-- merge the stylesheet properties -->
+    <var name="stylesheet-files" value="${file.default.stylesheets}, ${file.stylesheets}"/>
+    
+    <!-- merge the pages properties -->
+    <var name="page-files" value="${file.pages}, ${file.pages.default.include}"/>
+
+
+    
+    <!--
+    *************************************************
+    * BASE TARGETS                                  *
+    *************************************************
+    -->
+    <target name="basics">
+    <if>
+        <equals arg1="${env}" arg2="dev"/>
+        <then>
+            <!-- Build a dev environment -->
+            <echo message="Building a Development Environment..."/>
+            <antcall target="-basics.dev"/>
+        </then>
+
+        <elseif>
+            <equals arg1="${env}" arg2="test"/>
+            <then>
+                <!-- Build a test environment -->
+                <echo message="Building a Test Environment..."/>
+                <antcall target="-basics.test"/>
+            </then>
+        </elseif>
+
+        <else>
+            <!-- Build a production environment -->
+            <echo message="Building a Production Environment..."/>
+            <antcall target="-basics.production"/>
+        </else>
+    </if>
+    </target>
+
+  
+    <target name="text">
+    <if>
+        <equals arg1="${env}" arg2="dev"/>
+        <then>
+            <!-- Build a dev environment -->
+            <echo message="Building a Development Environment..."/>
+            <antcall target="-text.dev"/>
+        </then>
+
+        <elseif>
+            <equals arg1="${env}" arg2="test"/>
+            <then>
+                <!-- Build a test environment -->
+                <echo message="Building a Test Environment..."/>
+                <antcall target="-text.test"/>
+            </then>
+        </elseif>
+
+        <else>
+            <!-- Build a production environment -->
+            <echo message="Building a Production Environment..."/>
+            <antcall target="-text.production"/>
+        </else>
+    </if>
+    <!-- funky order due to jpegtran being a jerk. See comment at top of imagesjpg task -->
+    <antcall target="-jpgcopy"/>
+    </target>
+
+  
+    <target name="buildkit">
+    <if>
+        <equals arg1="${env}" arg2="dev"/>
+        <then>
+            <!-- Build a dev environment -->
+            <echo message="Building a Development Environment..."/>
+            <antcall target="-buildkit.dev"/>
+        </then>
+
+        <elseif>
+            <equals arg1="${env}" arg2="test"/>
+            <then>
+                <!-- Build a test environment -->
+                <echo message="Building a Test Environment..."/>
+                <antcall target="-buildkit.test"/>
+            </then>
+        </elseif>
+
+        <else>
+            <!-- Build a production environment -->
+            <echo message="Building a Production Environment..."/>
+            <antcall target="-buildkit.production"/>
+        </else>
+    </if>
+    </target>
+    
+    
+    <target name="build">
+    <if>
+        <equals arg1="${env}" arg2="dev"/>
+        <then>
+            <!-- Build a dev environment -->
+            <echo message="Building a Development Environment..."/>
+            <antcall target="-build.dev" />
+        </then>
+
+        <elseif>
+            <equals arg1="${env}" arg2="test"/>
+            <then>
+                <!-- Build a test environment -->
+                <echo message="Building a Test Environment..."/>
+                <antcall target="-build.test" />
+            </then>
+        </elseif>
+
+        <else>
+            <!-- Build a production environment -->
+            <echo message="Building a Production Environment..."/>
+            <antcall target="-build.production" />
+        </else>
+    </if>
+    </target>
+
+    
+    <target name="minify">
+    <if>
+        <equals arg1="${env}" arg2="dev"/>
+        <then>
+            <!-- Build a dev environment -->
+            <echo message="Building a Development Environment..."/>
+            <antcall target="-minify.dev"/>
+        </then>
+
+        <elseif>
+            <equals arg1="${env}" arg2="test"/>
+            <then>
+                <!-- Build a test environment -->
+                <echo message="Building a Test Environment..."/>
+                <antcall target="-minify.test"/>
+            </then>
+        </elseif>
+
+        <else>
+            <!-- Build a production environment -->
+            <echo message="Building a Production Environment..."/>
+            <antcall target="-minify.production"/>
+        </else>
+    </if>
+    </target>
+    
+    
+    <!--
+    *************************************************
+    * BUILD TARGETS                                 *
+    *************************************************
+    -->
+
+    <!-- Target: basics -->
+    <target name="-basics.dev"
+            depends="-rev,
+                     -clean,
+                     -copy"/>
+
+    <target name="-basics.test"
+            depends="-rev,
+                     -clean,
+                     -copy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -css,
+                     -html"/>
+
+    <target name="-basics.production"
+            depends="-rev,
+                     -clean,
+                     -copy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -strip-console.log,
+                     -css,
+                     -html"/>
+
+    <!-- Target: text -->
+    <target name="-text.dev"
+            depends="-rev,
+                     -clean,
+                     -copy"/>
+
+    <target name="-text.test"
+            depends="-rev,
+                     -clean,
+                     -copy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -css,
+                     -html,
+                     -htmlclean,
+					 -manifest"/>
+
+    <target name="-text.production"
+            depends="-rev,
+                     -clean,
+                     -copy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -strip-console.log,
+                     -css,
+                     -html,
+                     -htmlclean,
+					 -manifest"/>
+
+    <!-- Target: buildkit -->
+    <target name="-buildkit.dev"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -imagespng,
+                     -imagesjpg"/>
+
+    <target name="-buildkit.test"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -css,
+                     -html,
+                     -htmlbuildkit,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <target name="-buildkit.production"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -strip-console.log,
+                     -css,
+                     -html,
+                     -htmlbuildkit,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <!-- Target: build -->
+    <target name="-build.dev"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -imagespng,
+                     -imagesjpg"/>
+
+    <target name="-build.test"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -css,
+                     -html,
+                     -htmlclean,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <target name="-build.production"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -strip-console.log,
+                     -css,
+                     -html,
+                     -htmlclean,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <!-- Target: minify -->
+    <target name="-minify.dev"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -imagespng,
+                     -imagesjpg"/>
+
+    <target name="-minify.test"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -css,
+                     -html,
+                     -htmlcompress,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <target name="-minify.production"
+            depends="-rev,
+                     -clean,
+                     -prodcopy,
+                     -usemin,
+                     -js.all.minify,
+                     -js.main.concat,
+                     -js.mylibs.concat,
+                     -js.scripts.concat,
+                     -js.delete,
+                     -strip-console.log,
+                     -css,
+                     -html,
+                     -htmlcompress,
+                     -imagespng,
+                     -imagesjpg,
+					 -manifest"/>
+
+    <!--
+    *************************************************
+    * FUNCTION TARGETS                              *
+    *************************************************
+    -->
+    <target name="-load-build-info" description="(PRIVATE) Loads the build versioning information">
+        <property file="./${dir.build}/config/${build.version.info}"/>
+    </target>
+    
+    <target name="-clean" description="(PRIVATE) Wipe the previous build (Deletes the dir.publish directory">
+    <!-- This is a private target -->
+    
+        <echo message="Cleaning up previous build directory..."/>
+        <delete dir="./${dir.publish}/"/>
+    </target>
+    
+    
+    <target name="-rev" description="(PRIVATE) Increase the current build number by one and set build date">
+    <!-- This is a private target -->
+    
+        <echo message="====================================================================="/>
+        <echo message="Welcome to the HTML5 Boilerplate Build Script!"/>
+        <echo message=" "/>
+        <echo message="We're going to get your site all ship-shape and ready for prime time."/>
+        <echo message=" "/>
+        <echo message="This should take somewhere between 15 seconds and a few minutes,"/>
+        <echo message="mostly depending on how many images we're going to compress."/>
+        <echo message=" "/>
+        <echo message="Feel free to come back or stay here and follow along."/>
+        <echo message="====================================================================="/>
+        <echo message=" "/>
+        <echo message=" "/>
+    
+    
+        <echo message="Increasing the build number..."/>
+        <propertyfile file="./${dir.build}/config/${build.version.info}" comment="Build Information File - DO NOT CHANGE">
+            <entry key="build.number" type="int" default="0000" operation="+" pattern="0000"/>
+            <entry key="build.date" type="date" value="now" pattern="dd.MM.yyyy HH:mm"/>
+        </propertyfile>
+        <property file="./${dir.build}/config/${build.version.info}"/>
+        <echo>Creating build ${build.number}</echo>
+    </target>
+    
+    
+    <target name="current-number" depends="-load-build-info" description="(PUBLIC) Returns the current build number">
+        <echo>Current build number: ${build.number}</echo>
+    </target>
+    
+    
+    <target name="-copy" depends="-load-build-info">
+    <!-- This is a private target -->
+    
+        <echo message="Copying over new files..."/>
+        <!-- combine the 2 exclude properties -->
+        <var name="excluded-files" value="${file.default.exclude}, ${file.exclude}"/>
+
+        <copy todir="./${dir.publish}">
+            <fileset dir="${dir.source}/" excludes="${excluded-files}"/>
+        </copy> 
+        
+        <echo message="A copy of all non-dev files are now in: ./${dir.publish}."/>
+    </target>
+	
+    <target name="-prodcopy" depends="-load-build-info">
+    <!-- This is a private target -->
+    
+        <echo message="Copying over new files..."/>
+        <!-- combine the 2 exclude properties -->
+        <var name="prod-excluded-files" value="${file.default.exclude}, ${file.jpg.exclude}, ${file.exclude}"/>
+
+        <copy todir="./${dir.publish}">
+            <fileset dir="${dir.source}/" excludes="${prod-excluded-files}"/>
+        </copy> 
+        
+        <echo message="A copy of all non-dev files are now in: ./${dir.publish}."/>
+    </target>
+    
+    
+    <!-- JAVASCRIPT -->
+    <target name="-js.main.concat" depends="-load-build-info" description="(PRIVATE) Concatenates the JS files in dir.js">
+        <echo message="Concatenating Main JS scripts..."/>
+        <concat destfile="./${dir.publish}/${dir.js}/scripts-${build.number}.js">
+            <fileset dir="./${dir.publish}/">
+                <include name="**/${dir.js.main}/*.min.js"/>
+                <exclude name="**/${dir.js.mylibs}/*.js"/>
+                <exclude name="**/${dir.js.libs}/*.js"/>
+            </fileset>      
+        </concat>
+    </target>
+    
+    
+    <target name="-js.mylibs.concat" depends="-load-build-info" description="(PRIVATE) Concatenates the JS files in dir.js.mylibs">
+        <echo message="Concatenating JS libraries"/>
+        <concat destfile="./${dir.publish}/${dir.js}/libs-${build.number}.js">
+            <fileset dir="./${dir.publish}/${dir.js.mylibs}/">
+                <include name="**/*.min.js"/>
+            </fileset>      
+        </concat>
+    </target>
+    
+    
+    <target name="-js.scripts.concat" depends="-load-build-info" if="build.concat.scripts">
+        <echo message="Concatenating library file with main script file"/>
+        <concat destfile="./${dir.publish}/${dir.js}/scripts-${build.number}.min.js">
+            <fileset dir="./${dir.publish}/${dir.js}/">
+                <include name="libs-${build.number}.js"/>
+                <include name="scripts-${build.number}.js"/>
+            </fileset>      
+        </concat>
+        
+        <echo message="Concatenating library file with main debug script file"/>
+        <concat destfile="./${dir.publish}/${dir.js}/scripts-${build.number}-debug.min.js">
+            <fileset dir="./${dir.publish}/${dir.js}/">
+                <include name="libs-${build.number}.js"/>
+                <include name="scripts-${build.number}-debug.js"/>
+            </fileset>      
+        </concat>
+    </target>
+    
+    
+    <target name="-js.all.minify" depends="-js.libs.minify" description="(PRIVATE) Minifies the scripts.js files created by js.scripts.concat">
+        <echo message="Minifying concatenated script- and library-file"/>
+        <apply executable="java" parallel="false">
+            <fileset dir="./${dir.publish}/${dir.js}">
+                <include name="**/*.js"/>
+                <exclude name="**/*.min.js"/>
+            <exclude name="**/${dir.js.libs}/*.js"/>
+            </fileset>
+            <arg line="-jar"/>
+            <arg path="./${dir.build.tools}/${tool.yuicompressor}"/>
+            <srcfile/>
+            <arg line="--line-break"/>
+            <arg line="4000"/>
+            <arg line="-o"/>
+            <mapper type="glob" from="*.js" to="../${dir.publish}/${dir.js}/*.min.js"/>
+            <targetfile/>
+        </apply>
+    </target>
+
+    
+    <target name="-js.libs.minify" depends="-load-build-info" description="(PRIVATE) Minifies the helper files in dir.js.libs">
+        <echo message="Minifying helper JS files..."/>
+        
+        <apply executable="java" parallel="false">
+            <fileset dir="./${dir.publish}/${dir.js.libs}/" includes="*.js" excludes="*.min.js"/>
+            <arg line="-jar"/>
+            <arg path="./${dir.build.tools}/${tool.yuicompressor}"/>
+            <srcfile/>
+            <arg line="-o"/>
+            <mapper type="glob" from="*.js" to="../${dir.publish}/${dir.js.libs}/*-${build.number}.min.js"/>
+            <targetfile/>
+        </apply>
+    </target>
+    
+    
+    <target name="-js.delete" depends="-load-build-info" description="(PRIVATE) Deletes the unoptimized js files from build if set">
+        <if>
+            <equals arg1="${build.delete.unoptimized}" arg2="true"/>
+            <then>
+                <echo message="Deleting unoptimized files..."/>
+                <delete file="./${dir.publish}/${dir.js}/scripts-${build.number}.js"/>
+                <delete file="./${dir.publish}/${dir.js}/scripts-${build.number}-debug.js"/>
+                <!--
+                <delete dir="./${dir.publish}/${dir.js.lib}/"/>
+                <delete file="./${dir.publish}/${dir.js}/libs-${build.number}.js"/>
+                this guy probably COULD be on but I think it's better if we keep him off for now. ^pi
+                <delete includeemptydirs="true">
+                <fileset dir="./${dir.publish}/${dir.js.libs}/" includes="*.js" excludes="*.min.js"/>
+                </delete>
+                -->
+            </then>
+        </if>
+        
+        <if>
+            <and>
+                <equals arg1="${build.delete.unoptimized}" arg2="true"/>
+                <equals arg1="${build.concat.scripts}" arg2="true"/>
+            </and>
+            <then>
+                <delete file="./${dir.publish}/${dir.js}/libs-${build.number}.js"/>
+                <delete file="./${dir.publish}/${dir.js}/scripts-${build.number}.js"/>
+            </then>
+        </if>
+    </target>
+    
+    
+    <target name="-strip-console.log" description="(PRIVATE)Comments out any console.log statements">
+        <echo message="Commenting out console.log lines"/>
+
+
+        <replaceregexp match="(console.log\(.*\))" replace="/\*\1\*/" flags="g" >
+          <fileset dir="./${dir.publish}/${dir.js}/">
+                <include name="**/*.js"/>
+                <exclude name="**/*.min.js"/>
+            </fileset>
+        </replaceregexp>
+    </target>
+    
+    
+    <!-- HTML -->
+    <target name="-usemin" depends="-serverconfig" description="(PRIVATE) Replaces references to non-minified scripts">
+        <echo message="Switching to minified js files..."/>
+
+        <!-- switch from a regular jquery to minified -->
+        <replaceregexp match="jquery-(\d|\d(\.\d)+)\.js" replace="jquery-\1.min.js" flags="g">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replaceregexp>
+        <!-- switch any google CDN reference to minified -->
+        <replaceregexp match="(\d|\d(\.\d)+)\/jquery\.js" replace="\1/jquery.min.js" flags="g">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replaceregexp>    
+
+        <echo>Kill off those versioning flags: ?v=2</echo>
+        <replaceregexp match='\?v=\d+">' replace='">' flags="g">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replaceregexp>
+        
+        <echo>Remove favicon.ico reference if it is pointing to the root</echo>
+        <replaceregexp match="&lt;link rel=&quot;shortcut icon&quot; href=&quot;/favicon\.ico&quot;&gt;" replace="">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replaceregexp>
+        <!-- we maintain the apple-touch-icon reference for Android 2.2   www.ravelrumba.com/blog/android-apple-touch-icon
+        <replace token="&lt;link rel=&quot;apple-touch-icon&quot; href=&quot;/apple-touch-icon.png&quot;>" value="">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replace>
+        -->
+    </target>
+    
+    
+    <target name="-html" depends="-load-build-info" description="(PRIVATE) Very basic clean up of the HTML">
+        <echo message="Update the HTML to reference our concatenated script file: scripts-${build.number}.min.js"/>
+        <!-- style.css replacement handled as a replacetoken above -->
+        <replaceregexp match="&lt;!-- scripts concatenated [\d\w\s\W]*?!-- end ((scripts)|(concatenated and minified scripts))--&gt;" replace="&lt;script src='${dir.js}/scripts-${build.number}.min.js\'&gt;&lt;/script&gt;" flags="m">
+            <fileset dir="./${dir.publish}" includes="${page-files}"/>
+        </replaceregexp>
+        <!--[! use comments like this one to avoid having them get minified -->
+    </target>
+    
+    
+    <target name="-htmlclean">
+        <echo message="Run htmlcompressor on the HTML"/>
+        <echo message=" - maintaining whitespace"/>
+        <echo message=" - removing html comments"/>
+        <echo message=" - compressing inline style/script tag contents"/>
+        <apply executable="java" parallel="false" force="true" dest="./${dir.publish}/" >
+            <fileset dir="./${dir.publish}/" includes="${page-files}"/>
+            <arg value="-jar"/>
+            <arg path="./${dir.build}/tools/${tool.htmlcompressor}"/>
+            <arg line="--type html"/>
+            <arg line="--preserve-multi-spaces"/>
+            <arg line="--remove-quotes"/>
+            <arg line="--compress-js"/>
+            <arg line="--compress-css"/>
+            <srcfile/>
+            <arg value="-o"/>
+            <mapper type="glob" from="*.html" to="../${dir.publish}/*.html"/>
+            <targetfile/>
+        </apply>
+    </target>
+    
+    
+    <target name="-htmlbuildkit">
+        <echo message="Run htmlcompressor on the HTML"/>
+        <echo message=" - maintaining whitespace"/>
+        <echo message=" - retain html comments"/>
+        <echo message=" - compressing inline style/script tag contents"/>
+        <apply executable="java" parallel="false" force="true" dest="./${dir.publish}/" >
+            <fileset dir="./${dir.publish}/" includes="${page-files}"/>
+            <arg value="-jar"/>
+            <arg path="./${dir.build}/tools/${tool.htmlcompressor}"/>
+            <arg value="--preserve-comments"/>
+            <arg line="--preserve-multi-spaces"/>
+            <arg line="--type html"/>
+            <arg line="--compress-js"/>
+            <arg line="--compress-css"/>
+            <srcfile/>
+            <arg value="-o"/>
+            <mapper type="glob" from="*.html" to="../${dir.publish}/*.html"/>
+            <targetfile/>
+        </apply>
+    </target>
+    
+    
+    <target name="-htmlcompress">
+        <echo message="Run htmlcompressor on the HTML"/>
+        <echo message=" - removing unnecessary whitespace"/>
+        <echo message=" - removing html comments"/>
+        <echo message=" - compressing inline style/script tag contents"/>
+        <apply executable="java" parallel="false" force="true" dest="./${dir.publish}/" >
+            <fileset dir="./${dir.publish}/" includes="${page-files}"/>
+            <arg value="-jar"/>
+            <arg path="./${dir.build}/tools/${tool.htmlcompressor}"/>
+            <arg line="--type html"/>
+            <arg line="--remove-quotes"/>
+            <arg line="--compress-js"/>
+            <arg line="--compress-css"/>
+            <srcfile/>
+            <arg value="-o"/>
+            <mapper type="glob" from="*.html" to="../${dir.publish}/*.html"/>
+            <targetfile/>
+        </apply>
+    </target>
+
+
+    <target name="-serverconfig" description="(PRIVATE) Upgrades expires headers">
+        <echo message="Upgrading expires header timeouts for js/css to 1yr..."/>
+        <replace file="./${dir.publish}/${file.serverconfig}" token="access plus 2 months" value="access plus 1 year"/>
+    </target>
+
+	
+	<target name="-manifest">
+		<replace>
+			<replacefilter token="default.appcache" value="default-${build.number}.appcache" />
+			<fileset dir="./${dir.publish}/" includes="${page-files}"/>
+		</replace>
+		<move file="./${dir.publish}/default.appcache" tofile="./${dir.publish}/default-${build.number}.appcache"/>
+	</target>
+    
+    <!-- CSS -->
+    <target name="-css" depends="-load-build-info" description="Concatenates and Minifies any stylesheets listed in the file.stylesheets property">
+        <echo message="Concatenating css..."/>
+        
+        <concat destfile="./${dir.publish}/${dir.css}/style-${build.number}.css">
+            <filelist dir="./${dir.publish}/${dir.css}" files="${stylesheet-files}"/>
+        </concat>
+        
+        <echo message="Minifying css..."/>
+        
+        <apply executable="java" parallel="false">
+            <fileset dir="./${dir.publish}/${dir.css}/" includes="style-${build.number}.css"/>
+            <arg line="-jar"/>
+            <arg path="./${dir.build.tools}/${tool.yuicompressor}"/>
+            <srcfile/>
+            <arg line="-o"/>
+            <mapper type="glob" from="style-${build.number}.css" to="../${dir.publish}/${dir.css}/style-${build.number}.min.css"/>
+            <targetfile/>
+        </apply>
+        
+        <echo message="Updating the HTML with the new css filename"/>
+        
+        <replace token="style.css" value="style-${build.number}.min.css" dir="${dir.publish}" includes="${page-files}"/>
+    </target>
+    
+    
+    <!-- IMAGES -->
+    <target name="-imagespng" description="(PRIVATE) Optimizes .png images using optipng">
+        <echo message="Optimizing images..."/>
+        <echo message="This part might take a while. But everything else is already done."/>
+        <echo message=" "/>
+        
+        
+        <echo message="First, we run optipng on the .png files..."/>
+        
+        <!-- osfamily=unix is actually true on OS X as well -->
+        <!-- On *nix's and OS X, check for optipng and give a helpful message if it's not installed -->
+        <if>
+            <and>
+                <os family="unix" />
+                <available file="optipng" filepath="${ENV.PATH}" />
+            </and>
+            <then>
+                <apply executable="optipng" osfamily="unix">
+                    <arg value="-quiet"/>
+                    <arg value="-o7"/>
+                    <fileset dir="./${dir.publish}/">
+                        <include name="**/*.png"/>
+                    </fileset>
+                </apply>
+            </then>
+            <elseif>
+                <os family="unix" />
+                <then>
+                    <echo message="*** optipng NOT INSTALLED. SKIPPING OPTIMIZATION OF PNGs." />
+                    <echo message="*** Install optipng to enable png optimization." />
+                    <echo message="*** For instructions see 'Dependencies' at: http://html5boilerplate.com/docs/#Build-script#dependencies" />
+                </then>
+            </elseif>
+        </if>
+
+        <apply executable="tools/optipng-0.6.4-exe/optipng.exe" osfamily="windows">
+            <arg value="-o7"/>
+            <arg value="-quiet"/>
+            <fileset dir="./${dir.publish}/">
+                <include name="**/*.png"/>
+            </fileset>
+        </apply>
+    </target>
+
+
+    <target name="-imagesjpg" description="(PRIVATE) Optimizes .jpg images using jpegtan">
+        <echo message="Now, we clean up those jpgs..."/>
+        
+        <!-- jpegtran is a little weird in that it assumes a pre-existing file means it's already optimized.        -->
+        <!-- why? good question. To combat this, we skipped copying over the ${dir.images}/*.jpg earlier in the     -->
+        <!-- copy task. Now, we're using jpegtran to copy the files over while we crunch 'em.                       -->
+        
+        <if>
+            <equals arg1="${images.strip.metadata}" arg2="true"/>
+            <then>
+                <var name="strip-meta-tags" value="none"/>
+            </then>
+            <else>
+                <var name="strip-meta-tags" value="all"/>
+            </else>
+        </if>
+
+        <!-- On *nix's and OS X, check for jpegtran and give a helpful message if it's not installed -->
+        <if>
+            <and>
+                <os family="unix" />
+                <available file="jpegtran" filepath="${ENV.PATH}" />
+            </and>
+            <then>
+                <apply executable="jpegtran" osfamily="unix">
+                    <fileset dir="${dir.source}/${dir.images}" includes="*.jpg"/>
+                    <arg value="-copy"/>
+                    <arg value="${strip-meta-tags}"/>
+                    <arg value="-optimize"/>
+                    <srcfile/>
+                    <redirector>
+                        <outputmapper type="glob" from="*.jpg" to="./${dir.publish}/${dir.images}/*.jpg"/>
+                    </redirector>
+                    <!-- you may want to flag optimized images. If so, do it here. Otherwise change this to type="identity" -->
+                </apply>
+            </then>
+            <elseif>
+                <os family="unix" />
+                <then>
+                    <echo message="*** jpegtran NOT INSTALLED. SKIPPING OPTIMIZATION OF JPEGs." />
+                    <echo message="*** Install jpegtran to enable jpeg optimization." />
+                    <echo message="*** For instructions see 'Dependencies' at: http://html5boilerplate.com/docs/#Build-script#dependencies" />
+                </then>
+            </elseif>
+        </if>
+
+        <apply executable="tools/jpegtran.exe" osfamily="windows">
+            <fileset dir="${dir.source}/${dir.images}" includes="*.jpg"/>
+            <arg value="-copy"/>
+            <arg value="${strip-meta-tags}"/>
+            <arg value="-optimize"/>
+            <srcfile/>
+            <targetfile/>
+            <!-- you may want to flag optimized images. If so, do it here. Otherwise change this to type="identity" -->
+            <mapper type="glob" from="*.jpg" to="../${dir.publish}/${dir.images}/*.jpg"/>
+        </apply>
+    </target>
+
+    
+    <target name="-jpgcopy">
+        <echo message="Copying over the unmodified jpegs."/>
+        
+        <copy todir="./${dir.publish}/${dir.images}">
+            <fileset dir="${dir.source}/${dir.images}"  includes="*.jpg"/>
+        </copy> 
+    </target>
+
+    
+</project>