Added Readme, robots.txt, humans.txt and Changelog. Miscellaneous small changes.

Author: dannysmith

CHANGELOG.md

@@ -0,0 +1,11 @@
+# Changelog
+
+# 6 Jan 12
+
+* Removed Prefixfree from `plugins.js`.
+* Changed compiled JS file from `main-ck.js` to `main.min.js`.
+* Added `@import` of local mixin library.
+* Added this changelog.
+* Added `humans.txt` and `robots.txt`.
+* Updated README.md.
+* Added `display: block;` to `_grid.kit`.

README.md

@@ -0,0 +1,63 @@
+# Project Template (CodeKit)
+
+This is a base tempate for building static sites using [CodeKit](http://incident57.com/codekit/). It's based partially on [HTML5 Boilerplate](https://github.com/h5bp/html5-boilerplate). There is a similar template for those that use Hammer [here](https://github.com/manyhatsdesign/project-template-hammer).
+
+## Directories
+
+* `/css` - contains a minified main.scss with all the other SCSS files imported.
+* `/fonts` - an empty folder for font files.
+* `/img` - contains all image files for the project
+* `/includes` - contains partials as `.kit` files. They should start with an underscore.
+* `/js` - contains the projects javascript files.
+* `/js/vendor` - contains jQuery & Modenizr. Other plugins can go in here, but be aware of the number of HTTP requests. It might be better to build plugins into `plugins.js` using codekit imports.
+* `/sprite` - contains images that should be compiled into a sprite using Compass. This can be removed if the project isn't using codekit.
+
+## SCSS Source Files
+
+* `_normalize.scss` - CSS Reset. Currently using [Version 2.0.1](https://github.com/necolas/normalize.css).
+* `_base.scss` - Contains fixes for some common bugs and base styles.
+* `_layout.scss` - Should contain layout-speciffic class declarations. See [SMACSS](http://smacss.com/) for more information on organising styles.
+* `_helpers.scss` - Contains a stripped-down version of the helper classes from H5BP.
+* `_print.scss` - Contains print-specific styles based on H5BP.
+
+Each module (again, see [SMACSS](http://smacss.com/)) should have its own SCSS file. `main.scss` also imports Bourboun by default and my own local mixins library.
+
+## Other Source Files
+
+* `includes/_head.kit` - The top part of each page, based on H5BP.
+* `includes/_foot.kit` - The bottom part of each page.
+* `includes/_grid.kit` - A fluid grid overlay for use during development.
+* `js/boxsizing-polyfill.htc` - A [polyfill](https://github.com/Schepp/box-sizing-polyfill) that allows IE to understand box-sizing.
+* `main.js` - User Scripts should go in here.
+* `plugins.js` - Based on H5BP, with a few additions.
+* `codekit-config.json` - A CodeKit Config File
+* `index.kit` - A template for the index page. Other pages should be dropped in the root and import `_head` and `_foot` like this.
+
+## Output Files
+
+Other than the individual HTML pages, the following files are generated by CodeKit:
+
+* `main.scss` - All CSS, minified.
+* `main.min.js` - All JS, minified.
+
+## Typography
+
+This template aims to keep superfluous code to a minimum. It only contains code that I find myself using in every project. As a consiquence, it keeps the typography and layout code to a minimum. The base font size is reduced to 10px using a percentage and thereafter `rem`s are used to declare font-sizes and heights, based on this value. This means that 1rem = 10px so the maths is a little easiter. Because rems aren't widely supported, A pixel value is always declared first.
+
+Two baseline images are included for use with the grid overlay. One is at 20px and the other at 26px as these are the most common line-heights in my work.
+
+## Grid
+
+The bones for creating a fluid grid using nice round numbers are already present in the template, and an overlay is provided for use in development. You can turn the overlay off by setting `display: none;` on `#overlay` in `_grid.kit`, or by turning off the import for that file.
+
+You should always build a grid that fits your design so this is only provided as an example. I'll be writing about building fluid grids soon, but theres some very sparce info [here](http://blog.dasmith.co.uk/post/24476543889/simple-responsive-grid). 
+
+## HTML5 Boilerplate Version
+
+This template currently uses Version 2.0.3 (9 Dec 2012) but may have been updated with some of the more recent changes. See the [H5BP changelog](https://github.com/h5bp/html5-boilerplate/blob/master/CHANGELOG.md).
+
+## Contributing & Credit
+
+If you'd like to contribute, go ahead and fork.
+
+This template was built by [Danny Smith](http://dasmith.co.uk) ([@dannysmith](http://twitter.com/dannysmith)) and is based on [HTML5 Boilerplate](https://github.com/h5bp/html5-boilerplate). It incorporates a number of other fixes and suggestions, some of which were written by others.

codekit-config.json

@@ -23,6 +23,17 @@
       "outputAbbreviatedPath" : "\/index.html",
       "fileType" : 65536
     },
+    "\/js\/main.min.js" : {
+      "ignoreWasSetByUser" : 0,
+      "ignore" : 1,
+      "hidden" : 0,
+      "outputPathIsSetByUser" : 0,
+      "inputAbbreviatedPath" : "\/js\/main.min.js",
+      "outputStyle" : 1,
+      "syntaxCheckerStyle" : 1,
+      "outputAbbreviatedPath" : "\/js\/main.min.min.js",
+      "fileType" : 64
+    },
     "\/js\/plugins.js" : {
       "ignoreWasSetByUser" : 0,
       "ignore" : 1,
@@ -31,7 +42,7 @@
       "inputAbbreviatedPath" : "\/js\/plugins.js",
       "outputStyle" : 1,
       "syntaxCheckerStyle" : 1,
-      "outputAbbreviatedPath" : "\/js\/plugins-ck.js",
+      "outputAbbreviatedPath" : "\/js\/plugins.min.js",
       "fileType" : 64
     },
     "\/css\/_layout.scss" : {
@@ -119,17 +130,6 @@
       "outputAbbreviatedPath" : "\/No Output Path",
       "fileType" : 16
     },
-    "\/js\/main-ck.js" : {
-      "ignoreWasSetByUser" : 0,
-      "ignore" : 1,
-      "hidden" : 0,
-      "outputPathIsSetByUser" : 0,
-      "inputAbbreviatedPath" : "\/js\/main-ck.js",
-      "outputStyle" : 1,
-      "syntaxCheckerStyle" : 1,
-      "outputAbbreviatedPath" : "\/js\/main-ck-ck.js",
-      "fileType" : 64
-    },
     "\/img\/grid-26.png" : {
       "ignoreWasSetByUser" : 0,
       "ignore" : 0,
@@ -158,7 +158,7 @@
       "inputAbbreviatedPath" : "\/js\/vendor\/jquery-1.8.3.min.js",
       "outputStyle" : 1,
       "syntaxCheckerStyle" : 1,
-      "outputAbbreviatedPath" : "\/js\/vendor\/jquery-1.8.3.min-ck.js",
+      "outputAbbreviatedPath" : "\/js\/vendor\/jquery-1.8.3.min.min.js",
       "fileType" : 64
     },
     "\/js\/main.js" : {
@@ -169,7 +169,7 @@
       "inputAbbreviatedPath" : "\/js\/main.js",
       "outputStyle" : 1,
       "syntaxCheckerStyle" : 1,
-      "outputAbbreviatedPath" : "\/js\/main-ck.js",
+      "outputAbbreviatedPath" : "\/js\/main.min.js",
       "fileType" : 64
     },
     "\/js\/vendor\/modernizr-2.6.2.min.js" : {
@@ -180,7 +180,7 @@
       "inputAbbreviatedPath" : "\/js\/vendor\/modernizr-2.6.2.min.js",
       "outputStyle" : 1,
       "syntaxCheckerStyle" : 1,
-      "outputAbbreviatedPath" : "\/js\/vendor\/modernizr-2.6.2.min-ck.js",
+      "outputAbbreviatedPath" : "\/js\/vendor\/modernizr-2.6.2.min.min.js",
       "fileType" : 64
     },
     "\/css\/ie8.scss" : {
@@ -195,23 +195,23 @@
       "fileType" : 4,
       "debugStyle" : 0
     },
-    "\/includes\/_foot.kit" : {
+    "\/index.html" : {
       "ignoreWasSetByUser" : 0,
       "ignore" : 1,
       "hidden" : 0,
       "outputPathIsSetByUser" : 0,
-      "inputAbbreviatedPath" : "\/includes\/_foot.kit",
-      "outputAbbreviatedPath" : "\/includes\/_foot.html",
-      "fileType" : 65536
+      "inputAbbreviatedPath" : "\/index.html",
+      "outputAbbreviatedPath" : "\/No Output Path",
+      "fileType" : 2048
     },
-    "\/index.html" : {
+    "\/includes\/_foot.kit" : {
       "ignoreWasSetByUser" : 0,
       "ignore" : 1,
       "hidden" : 0,
       "outputPathIsSetByUser" : 0,
-      "inputAbbreviatedPath" : "\/index.html",
-      "outputAbbreviatedPath" : "\/No Output Path",
-      "fileType" : 2048
+      "inputAbbreviatedPath" : "\/includes\/_foot.kit",
+      "outputAbbreviatedPath" : "\/includes\/_foot.html",
+      "fileType" : 65536
     },
     "\/css\/_base.scss" : {
       "ignoreWasSetByUser" : 0,
@@ -264,7 +264,7 @@
     "lessAutoOutputPathStyle" : 2,
     "genericWebpageFileExtensionsString" : "html, htm, shtml, shtm, xhtml, php, jsp, asp, aspx, erb, ctp",
     "coffeeMinifyOutput" : 1,
-    "javascriptOutputSuffix" : "-ck",
+    "javascriptOutputSuffix" : ".min",
     "jadeOutputStyle" : 0,
     "coffeeAutoOutputPathStyle" : 0,
     "autoSyncProjectSettingsFile" : 1,
@@ -426,7 +426,7 @@
   "projectAttributes" : {
     "bourbonEnabled" : 1,
     "displayValue" : "project-template-codekit",
-    "displayValueWasSetByUser" : 0,
+    "displayValueWasSetByUser" : 1,
     "compassEnabled" : 0
   }
 }

css/_base.scss

@@ -1,7 +1,16 @@
 // =======================
 // Fixes - From HTML5 BP
 // ======================= */
- 
+
+// Reset - Fix for whitespace on right bug in FF */
+html,body
+{
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    overflow-x: hidden; 
+}
+
 // apply a natural box layout model to all elements - Danny Smith 1 Oct 12 */
 *, *:before, *:after {
 	-moz-box-sizing: border-box;
@@ -14,15 +23,6 @@
 @-ms-viewport{
     width: device-width;
 }
-	
-
-html,body // Fix for whitespace on right bug in FF */
-{
-    width: 100%;
-    margin: 0px;
-    padding: 0px;
-    overflow-x: hidden; 
-}
 
 //Uses classes assed by JS.
 .mac h1,

css/main.css

@@ -1,6 +1,9 @@
 //Import bourbon from CodeKit
 @import "bourbon";
 
+//Import mixin Library
+@import "/Users/danny/Dropbox/Manyhats/Internal/Code Templates/mixin-library/mixins.scss";
+
 // Import basic Styles
 @import "normalize";
 @import "base";

css/main.scss

@@ -0,0 +1,17 @@
+# humanstxt.org/
+# The humans responsible & technology colophon
+
+# TEAM
+
+Designer: Danny Smith.
+Site: manyhatsdesign.com
+Email: danny@manyhatsdesign.com
+Twitter: @dannysmith
+Location: Eastbourne, UK
+
+# TECHNOLOGY COLOPHON
+              
+Last update: 2012/01/13                      
+Standards: HTML5, CSS3, PHP
+Components: Modernizr, jQuery, Typekit
+Software: Sketch, Textmate 2, CodeKit, SASS, Transmit & OSX

humans.txt

@@ -8,7 +8,7 @@
 		-->
 
     <!-- Local Scripts -->
-    <script src="/js/main-ck.js"></script>
+    <script src="/js/main.min.js"></script>
 
 	<!-- @include grid -->
     </body>

includes/_foot.kit

@@ -5,7 +5,7 @@
 <div id="overlay"><div id="underlay"></div><div id="overlay-inner"><div id="col-1"></div><div id="col-2"></div><div id="col-3"></div><div id="col-4"></div><div id="col-5"></div><div id="col-6"></div><div id="col-7"></div><div id="col-8"></div><div id="col-9"></div><div id="col-10"></div><div id="col-11"></div><div id="col-12"></div></div></div>
 
 <style>
-	#overlay {position: absolute; width: 100%; top: 0; z-index: -1;}
+	#overlay {display: block; position: absolute; width: 100%; top: 0; z-index: -1;}
 	#overlay-inner {max-width: 1000px; margin: 0 auto;padding: 0 2%; -moz-box-sizing: content-box; box-sizing: content-box;}
 	#overlay-inner div {height: 1500px; background: rgba(244,162,173,0.2); margin-right: 2%; width: 6.5%; float: left; -moz-box-sizing: border-box;box-sizing: border-box;}
 	#overlay #col-12 {margin-right: 0;}

includes/_grid.kit

@@ -77,7 +77,7 @@ <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem
 		-->
 
     <!-- Local Scripts -->
-    <script src="/js/main-ck.js"></script>
+    <script src="/js/main.min.js"></script>
 
 	<!-- Fluid Columns Overlay -->
 
@@ -86,7 +86,7 @@ <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tem
 <div id="overlay"><div id="underlay"></div><div id="overlay-inner"><div id="col-1"></div><div id="col-2"></div><div id="col-3"></div><div id="col-4"></div><div id="col-5"></div><div id="col-6"></div><div id="col-7"></div><div id="col-8"></div><div id="col-9"></div><div id="col-10"></div><div id="col-11"></div><div id="col-12"></div></div></div>
 
 <style>
-	#overlay {position: absolute; width: 100%; top: 0; z-index: -1;}
+	#overlay {display: block; position: absolute; width: 100%; top: 0; z-index: -1;}
 	#overlay-inner {max-width: 1000px; margin: 0 auto;padding: 0 2%; -moz-box-sizing: content-box; box-sizing: content-box;}
 	#overlay-inner div {height: 1500px; background: rgba(244,162,173,0.2); margin-right: 2%; width: 6.5%; float: left; -moz-box-sizing: border-box;box-sizing: border-box;}
 	#overlay #col-12 {margin-right: 0;}

index.html

@@ -1,3 +1,3 @@
 $(document).ready(function(){
-
+	
 });

js/main-ck.js

@@ -21,36 +21,13 @@
     }
 }());
 
-// ************* Place any jQuery/helper plugins in here ******************** //
-
 	/* Detect Mac/PC - Being used as subpixel-antialiased rendering
 on Mac Webkit.
 -------------------------------------------------------------- */
-if (navigator.userAgent.indexOf('Mac OS X') != -1) {
+if (navigator.userAgent.indexOf('Mac OS X') !== -1) {
   document.body.className += " mac";
 } else {
   document.body.className += " pc";
 }
 
-// This can be removed iff I'm using the Bourbon mixins to handle prefixes through SASS.
-/**
- * StyleFix 1.0.3 & PrefixFree 1.0.7
- * @author Lea Verou
- * MIT license
- (function(){function t(e,t){return[].slice.call((t||document).querySelectorAll(e))}if(!window.addEventListener)return;var e=window.StyleFix={link:function(t){try{if(t.rel!=="stylesheet"||t.hasAttribute("data-noprefix"))return}catch(n){return}var r=t.href||t.getAttribute("data-href"),i=r.replace(/[^\/]+$/,""),s=t.parentNode,o=new XMLHttpRequest,u;o.onreadystatechange=function(){o.readyState===4&&u()};u=function(){var n=o.responseText;if(n&&t.parentNode&&(!o.status||o.status<400||o.status>600)){n=e.fix(n,!0,t);if(i){n=n.replace(/url\(\s*?((?:"|')?)(.+?)\1\s*?\)/gi,function(e,t,n){return/^([a-z]{3,10}:|\/|#)/i.test(n)?e:'url("'+i+n+'")'});var r=i.replace(/([\\\^\$*+[\]?{}.=!:(|)])/g,"\\$1");n=n.replace(RegExp("\\b(behavior:\\s*?url\\('?\"?)"+r,"gi"),"$1")}var u=document.createElement("style");u.textContent=n;u.media=t.media;u.disabled=t.disabled;u.setAttribute("data-href",t.getAttribute("href"));s.insertBefore(u,t);s.removeChild(t);u.media=t.media}};try{o.open("GET",r);o.send(null)}catch(n){if(typeof XDomainRequest!="undefined"){o=new XDomainRequest;o.onerror=o.onprogress=function(){};o.onload=u;o.open("GET",r);o.send(null)}}t.setAttribute("data-inprogress","")},styleElement:function(t){if(t.hasAttribute("data-noprefix"))return;var n=t.disabled;t.textContent=e.fix(t.textContent,!0,t);t.disabled=n},styleAttribute:function(t){var n=t.getAttribute("style");n=e.fix(n,!1,t);t.setAttribute("style",n)},process:function(){t('link[rel="stylesheet"]:not([data-inprogress])').forEach(StyleFix.link);t("style").forEach(StyleFix.styleElement);t("[style]").forEach(StyleFix.styleAttribute)},register:function(t,n){(e.fixers=e.fixers||[]).splice(n===undefined?e.fixers.length:n,0,t)},fix:function(t,n,r){for(var i=0;i<e.fixers.length;i++)t=e.fixers[i](t,n,r)||t;return t},camelCase:function(e){return e.replace(/-([a-z])/g,function(e,t){return t.toUpperCase()}).replace("-","")},deCamelCase:function(e){return e.replace(/[A-Z]/g,function(e){return"-"+e.toLowerCase()})}};(function(){setTimeout(function(){t('link[rel="stylesheet"]').forEach(StyleFix.link)},10);document.addEventListener("DOMContentLoaded",StyleFix.process,!1)})()})();(function(e){function t(e,t,r,i,s){e=n[e];if(e.length){var o=RegExp(t+"("+e.join("|")+")"+r,"gi");s=s.replace(o,i)}return s}if(!window.StyleFix||!window.getComputedStyle)return;var n=window.PrefixFree={prefixCSS:function(e,r,i){var s=n.prefix;n.functions.indexOf("linear-gradient")>-1&&(e=e.replace(/(\s|:|,)(repeating-)?linear-gradient\(\s*(-?\d*\.?\d*)deg/ig,function(e,t,n,r){return t+(n||"")+"linear-gradient("+(90-r)+"deg"}));e=t("functions","(\\s|:|,)","\\s*\\(","$1"+s+"$2(",e);e=t("keywords","(\\s|:)","(\\s|;|\\}|$)","$1"+s+"$2$3",e);e=t("properties","(^|\\{|\\s|;)","\\s*:","$1"+s+"$2:",e);if(n.properties.length){var o=RegExp("\\b("+n.properties.join("|")+")(?!:)","gi");e=t("valueProperties","\\b",":(.+?);",function(e){return e.replace(o,s+"$1")},e)}if(r){e=t("selectors","","\\b",n.prefixSelector,e);e=t("atrules","@","\\b","@"+s+"$1",e)}e=e.replace(RegExp("-"+s,"g"),"-");e=e.replace(/-\*-(?=[a-z]+)/gi,n.prefix);return e},property:function(e){return(n.properties.indexOf(e)?n.prefix:"")+e},value:function(e,r){e=t("functions","(^|\\s|,)","\\s*\\(","$1"+n.prefix+"$2(",e);e=t("keywords","(^|\\s)","(\\s|$)","$1"+n.prefix+"$2$3",e);return e},prefixSelector:function(e){return e.replace(/^:{1,2}/,function(e){return e+n.prefix})},prefixProperty:function(e,t){var r=n.prefix+e;return t?StyleFix.camelCase(r):r}};(function(){var e={},t=[],r={},i=getComputedStyle(document.documentElement,null),s=document.createElement("div").style,o=function(n){if(n.charAt(0)==="-"){t.push(n);var r=n.split("-"),i=r[1];e[i]=++e[i]||1;while(r.length>3){r.pop();var s=r.join("-");u(s)&&t.indexOf(s)===-1&&t.push(s)}}},u=function(e){return StyleFix.camelCase(e)in s};if(i.length>0)for(var a=0;a<i.length;a++)o(i[a]);else for(var f in i)o(StyleFix.deCamelCase(f));var l={uses:0};for(var c in e){var h=e[c];l.uses<h&&(l={prefix:c,uses:h})}n.prefix="-"+l.prefix+"-";n.Prefix=StyleFix.camelCase(n.prefix);n.properties=[];for(var a=0;a<t.length;a++){var f=t[a];if(f.indexOf(n.prefix)===0){var p=f.slice(n.prefix.length);u(p)||n.properties.push(p)}}n.Prefix=="Ms"&&!("transform"in s)&&!("MsTransform"in s)&&"msTransform"in s&&n.properties.push("transform","transform-origin");n.properties.sort()})();(function(){function i(e,t){r[t]="";r[t]=e;return!!r[t]}var e={"linear-gradient":{property:"backgroundImage",params:"red, teal"},calc:{property:"width",params:"1px + 5%"},element:{property:"backgroundImage",params:"#foo"},"cross-fade":{property:"backgroundImage",params:"url(a.png), url(b.png), 50%"}};e["repeating-linear-gradient"]=e["repeating-radial-gradient"]=e["radial-gradient"]=e["linear-gradient"];var t={initial:"color","zoom-in":"cursor","zoom-out":"cursor",box:"display",flexbox:"display","inline-flexbox":"display",flex:"display","inline-flex":"display"};n.functions=[];n.keywords=[];var r=document.createElement("div").style;for(var s in e){var o=e[s],u=o.property,a=s+"("+o.params+")";!i(a,u)&&i(n.prefix+a,u)&&n.functions.push(s)}for(var f in t){var u=t[f];!i(f,u)&&i(n.prefix+f,u)&&n.keywords.push(f)}})();(function(){function s(e){i.textContent=e+"{}";return!!i.sheet.cssRules.length}var t={":read-only":null,":read-write":null,":any-link":null,"::selection":null},r={keyframes:"name",viewport:null,document:'regexp(".")'};n.selectors=[];n.atrules=[];var i=e.appendChild(document.createElement("style"));for(var o in t){var u=o+(t[o]?"("+t[o]+")":"");!s(u)&&s(n.prefixSelector(u))&&n.selectors.push(o)}for(var a in r){var u=a+" "+(r[a]||"");!s("@"+u)&&s("@"+n.prefix+u)&&n.atrules.push(a)}e.removeChild(i)})();n.valueProperties=["transition","transition-property"];e.className+=" "+n.prefix;StyleFix.register(n.prefixCSS)})(document.documentElement);
- 
-
-// Allows prefixfree to work with jQuery's .css() method
-(function($, self){
-	if(!$ || !self) {
-		return;
-	}
-	for(var i=0; i<self.properties.length; i++) {
-		var property = self.properties[i],
-			camelCased = StyleFix.camelCase(property),
-			PrefixCamelCased = self.prefixProperty(property, true);
-		$.cssProps[camelCased] = PrefixCamelCased;
-	}
-})(window.jQuery, window.PrefixFree);
-
-*/
+// ************* Place any jQuery/helper plugins in here ******************** //

js/main.js

@@ -0,0 +1,3 @@
+# robotstxt.org/
+
+User-agent: *