html5-starter 0.2.3b → 0.2.9b

data/README.md

@@ -22,8 +22,8 @@ The `--javascripts-dir`, `--css-dir`, `--images-dir` and `--sass-dir` flags are
 
 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
+    css/style.css
+    css/handheld.css
 
 To see the complete list of files generated by this extension, see the [HTML5 Starter](https://github.com/rizkysyazuli/html5-starter) project repo.
 

data/stylesheets/_html5-boilerplate.scss

@@ -1,15 +1,5 @@
 @import "compass/css3";
 
-@import "html5-boilerplate/reset";
-@import "html5-boilerplate/fonts";
-@import "html5-boilerplate/styles";
+@import "html5-boilerplate/normalize";
 @import "html5-boilerplate/helpers";
 @import "html5-boilerplate/print";
-
-@mixin html5-boilerplate {
-  @include html5-boilerplate-reset;
-  @include html5-boilerplate-fonts;
-  @include html5-boilerplate-styles;
-  @include html5-boilerplate-helpers;
-  @include html5-boilerplate-print;
-}

data/stylesheets/html5-boilerplate/_helpers.scss

@@ -1,33 +1,26 @@
 @mixin clearfix {
-  zoom: 1;
+  *zoom: 1;
   
-  &:before, &:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+  &:before, &:after { content: ""; display: table; }
   &:after { clear: both; }
 }
 
 @mixin html5-boilerplate-helpers {
-  /**
-   * Non-semantic helper classes: please define your styles before this section.
-   */
-
   /* For image replacement */
-  .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+  .ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }
 
-  /* Hide for both screenreaders and browsers:
-     css-discuss.incutio.com/wiki/Screenreader_Visibility */
-  .hidden { display: none; visibility: hidden; }
+  /* Hide from both screenreaders and browsers: h5bp.com/u */
+  .hidden { display: none !important; visibility: hidden; }
 
-  /* Hide only visually, but have it available for screenreaders: by Jon Neal.
-    www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
+  /* Hide only visually, but have it available for screenreaders: h5bp.com/v */
   .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; }
+
+  /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
+  .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 */
+  /* Contain floats: h5bp.com/q */
   .clearfix { @include clearfix; }
 }

data/stylesheets/html5-boilerplate/_normalize.scss

@@ -0,0 +1,214 @@
+$font-family: unquote('sans-serif') !default;
+$font-size: 1em !default;
+$line-height: 1.4 !default;
+$font-color: #222 !default;
+$link-color: #00e !default;
+$link-hover-color: #06e !default;
+$link-visited-color: #551a8b !default;
+$selected-font-color: #fff !default;
+$selected-background-color: #fe57a1 !default;
+
+
+@mixin html5-boilerplate-normalize {
+  /* =============================================================================
+     HTML5 display definitions
+     ========================================================================== */
+
+  article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
+  audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
+  audio:not([controls]) { display: none; }
+  [hidden] { display: none; }
+
+
+  /* =============================================================================
+     Base
+     ========================================================================== */
+
+  /*
+   * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
+   * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
+   */
+
+  html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+
+  html, button, input, select, textarea { font-family: $font-family; color: $font-color; }
+
+  body { margin: 0; font-size: 1em; line-height: $line-height; }
+
+  /*
+   * Remove text-shadow in selection highlight: h5bp.com/i
+   * These selection declarations have to be separate
+   * Also: hot pink! (or customize the background color to match your design)
+   */
+
+  ::-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; }
+
+
+  /* =============================================================================
+     Links
+     ========================================================================== */
+
+  a { color: $link-color; }
+  a:visited { color: $link-visited-color; }
+  a:hover { color: $link-hover-color; }
+  a:focus { outline: thin dotted; }
+
+  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */
+  a:hover, a:active { outline: 0; }
+
+
+  /* =============================================================================
+     Typography
+     ========================================================================== */
+
+  abbr[title] { border-bottom: 1px dotted; }
+
+  b, strong { font-weight: bold; }
+
+  blockquote { margin: 1em 40px; }
+
+  dfn { font-style: italic; }
+
+  hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+
+  ins { background: #ff9; color: #000; text-decoration: none; }
+
+  mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
+
+  /* Redeclare monospace font family: h5bp.com/j */
+  pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
+
+  /* Improve readability of pre-formatted text in all browsers */
+  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
+
+  q { quotes: none; }
+  q:before, q:after { content: ""; content: none; }
+
+  small { font-size: 85%; }
+
+  /* Position subscript and superscript content without affecting line-height: h5bp.com/k */
+  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
+  sup { top: -0.5em; }
+  sub { bottom: -0.25em; }
+
+
+  /* =============================================================================
+     Lists
+     ========================================================================== */
+
+  ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
+  dd { margin: 0 0 0 40px; }
+  nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
+
+
+  /* =============================================================================
+     Embedded content
+     ========================================================================== */
+
+  /*
+   * 1. Improve image quality when scaled in IE7: h5bp.com/d
+   * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
+   */
+
+  img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
+
+  /*
+   * Correct overflow not hidden in IE9
+   */
+
+  svg:not(:root) { overflow: hidden; }
+
+
+  /* =============================================================================
+     Figures
+     ========================================================================== */
+
+  figure { margin: 0; }
+
+
+  /* =============================================================================
+     Forms
+     ========================================================================== */
+
+  form { margin: 0; }
+  fieldset { border: 0; margin: 0; padding: 0; }
+
+  /* Indicate that 'label' will shift focus to the associated form element */
+  label { cursor: pointer; }
+
+  /*
+   * 1. Correct color not inheriting in IE6/7/8/9
+   * 2. Correct alignment displayed oddly in IE6/7
+   */
+
+  legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
+
+  /*
+   * 1. Correct font-size not inheriting in all browsers
+   * 2. Remove margins in FF3/4 S5 Chrome
+   * 3. Define consistent vertical alignment display in all browsers
+   */
+
+  button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
+
+  /*
+   * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
+   */
+
+  button, input { line-height: normal; }
+
+  /*
+   * 1. Display hand cursor for clickable form elements
+   * 2. Allow styling of clickable form elements in iOS
+   * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
+   */
+
+  button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
+
+  /*
+   * Re-set default cursor for disabled elements
+   */
+
+  button[disabled], input[disabled] { cursor: default; }
+
+  /*
+   * Consistent box sizing and appearance
+   */
+
+  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
+  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
+  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
+
+  /*
+   * Remove inner padding and border in FF3/4: h5bp.com/l
+   */
+
+  button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
+
+  /*
+   * 1. Remove default vertical scrollbar in IE6/7/8/9
+   * 2. Allow only vertical resizing
+   */
+
+  textarea { overflow: auto; vertical-align: top; resize: vertical; }
+
+  /* Colors for form validity */
+  input:valid, textarea:valid {  }
+  input:invalid, textarea:invalid { background-color: #f0dddd; }
+
+
+  /* =============================================================================
+     Tables
+     ========================================================================== */
+
+  table { border-collapse: collapse; border-spacing: 0; }
+  td { vertical-align: top; }
+
+
+  /* =============================================================================
+     Chrome Frame Prompt
+     ========================================================================== */
+
+  .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
+}

data/stylesheets/html5-boilerplate/_print.scss

@@ -1,21 +1,16 @@
 @mixin html5-boilerplate-print {
-  /**
-   * Print styles.
-   *
-   * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
-   */
   @media print {
-    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-    -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
-    a, a:visited { color: $font-color !important; text-decoration: underline; }
+    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
+    a, a:visited { text-decoration: underline; }
     a[href]:after { content: " (" attr(href) ")"; }
     abbr[title]:after { content: " (" attr(title) ")"; }
     .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
     pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
-    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
+    thead { display: table-header-group; } /* h5bp.com/t */
     tr, img { page-break-inside: avoid; }
+    img { max-width: 100% !important; }
     @page { margin: 0.5cm; }
     p, h2, h3 { orphans: 3; widows: 3; }
-    h2, h3{ page-break-after: avoid; }
+    h2, h3 { page-break-after: avoid; }
   }
 }

data/templates/project/files/404.html

@@ -1,38 +1,42 @@
-<!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>
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Page Not Found :(</title>
+  <style>
+    ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
+    ::selection { background: #fe57a1; color: #fff; text-shadow: none; }
+    html { padding: 30px 10px; font-size: 20px; line-height: 1.4; color: #737373; background: #f0f0f0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
+    html, input { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
+    body { max-width: 500px; _width: 500px; padding: 30px 20px 50px; border: 1px solid #b3b3b3; border-radius: 4px; margin: 0 auto; box-shadow: 0 1px 10px #a7a7a7, inset 0 1px 0 #fff; background: #fcfcfc; }
+    h1 { margin: 0 10px; font-size: 50px; text-align: center; }
+    h1 span { color: #bbb; }
+    h3 { margin: 1.5em 0 0.5em; }
+    p { margin: 1em 0; }
+    ul { padding: 0 0 0 40px; margin: 1em 0; }
+    .container { max-width: 380px; _width: 380px; margin: 0 auto; }
+    /* google search */
+    #goog-fixurl ul { list-style: none; padding: 0; margin: 0; }
+    #goog-fixurl form { margin: 0; }
+    #goog-wm-qt, #goog-wm-sb { border: 1px solid #bbb; font-size: 16px; line-height: normal; vertical-align: top; color: #444; border-radius: 2px; }
+    #goog-wm-qt { width: 220px; height: 20px; padding: 5px; margin: 5px 10px 0 0; box-shadow: inset 0 1px 1px #ccc; }
+    #goog-wm-sb { display: inline-block; height: 32px; padding: 0 10px; margin: 5px 0 0; white-space: nowrap; cursor: pointer; background-color: #f5f5f5; background-image: -webkit-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -moz-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -ms-linear-gradient(rgba(255,255,255,0), #f1f1f1); background-image: -o-linear-gradient(rgba(255,255,255,0), #f1f1f1); -webkit-appearance: none; -moz-appearance: none; appearance: none; *overflow: visible; *display: inline; *zoom: 1; }
+    #goog-wm-sb:hover, #goog-wm-sb:focus { border-color: #aaa; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); background-color: #f8f8f8; }
+    #goog-wm-qt:focus, #goog-wm-sb:focus { border-color: #105cb6; outline: 0; color: #222; }
+    input::-moz-focus-inner { padding: 0; border: 0; }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <h1>Not found <span>:(</span></h1>
+    <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>
+    <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>
+  </div>

data/templates/project/files/crossdomain.xml

@@ -1,15 +1,15 @@
 <?xml version="1.0"?>
 <!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
 <cross-domain-policy>
-  
-  
+
+
 <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
 
 <!-- Most restrictive policy: -->
 	<site-control permitted-cross-domain-policies="none"/>
-	
-	
-	
+
+
+
 <!-- Least restrictive policy: -->
 <!--
 	<site-control permitted-cross-domain-policies="all"/>
@@ -17,9 +17,9 @@
 	<allow-http-request-headers-from domain="*" headers="*" secure="false"/>
 -->
 <!--
-  If you host a crossdomain.xml file with allow-access-from domain=“*” 	 	
-  and don’t understand all of the points described here, you probably 	 	
+  If you host a crossdomain.xml file with allow-access-from domain="*"
+  and don’t understand all of the points described here, you probably
   have a nasty security vulnerability. ~ simon willison
 -->
 
-</cross-domain-policy>
+</cross-domain-policy>

data/templates/project/files/gitattributes.txt

@@ -0,0 +1 @@
+* text=auto

data/templates/project/files/gitignore.txt

@@ -8,16 +8,19 @@
 *.swp
 *.vi
 *~
+*.sass-cache
 
 # OS or Editor folders
 .DS_Store
+Thumbs.db
 .cache
 .project
 .settings
+.tmproj
+*.esproj
 nbproject
-thumbs.db
-*.tmproj
-*.kpf
+*.sublime-project
+*.sublime-workspace
 
 # Dreamweaver added files
 _notes
@@ -30,6 +33,8 @@ dwsync.xml
 # Folders to ignore
 .hg
 .svn
+.CVS
+intermediate
 publish
 .idea