Updated deps. Added LICENSE.

.gitattributes

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

LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Shannon Moeller <me@shannonmoeller.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

gulpfile.js

@@ -1,12 +1,8 @@
 'use strict';
 
 var gulp = require('gulp'),
-	base = {
-		base: './src/'
-	},
-	config = {
-		isWatching: false
-	};
+	base = { base: './src/' },
+	config = { isWatching: false };
 
 gulp.task('default', ['lint', 'markup', 'styles', 'copy']);
 
@@ -70,7 +66,7 @@ gulp.task('styles', function () {
 
 gulp.task('copy', function () {
 	return gulp
-		.src('./src/{CNAME,LICENSE,README.md}', base)
+		.src('./src/{CNAME,LICENSE,README.md,assets/images/**}', base)
 		.pipe(gulp.dest('./web/'));
 });
 
@@ -88,5 +84,9 @@ gulp.task('watch', function () {
 		gulp.start('styles');
 	});
 
+	watch({ glob: './src/assets/images/**/*.*' }, function () {
+		gulp.start('copy');
+	});
+
 	watch('./web/**/*.*').pipe(lr());
 });

package.json

@@ -10,16 +10,16 @@
     "gulp": "^3.8.10",
     "gulp-autoprefixer": "^2.0.0",
     "gulp-build": "^0.5.3",
-    "gulp-front-matter": "^1.1.0",
+    "gulp-front-matter": "^1.1.1",
     "gulp-gh-pages": "^0.4.0",
-    "gulp-hb": "^0.1.5",
+    "gulp-hb": "^1.0.1",
     "gulp-html-prettify": "^0.0.1",
     "gulp-if": "^1.2.5",
-    "gulp-jscs": "^1.3.1",
+    "gulp-jscs": "^1.4.0",
     "gulp-jshint": "^1.9.0",
-    "gulp-livereload": "^3.0.2",
+    "gulp-livereload": "^3.2.0",
     "gulp-minify-css": "^0.3.11",
-    "gulp-sourcemaps": "^1.2.8",
+    "gulp-sourcemaps": "^1.3.0",
     "gulp-util": "^3.0.1",
     "gulp-watch": "^3.0.0",
     "handlebars": "^2.0.0",

src/assets/styles/main.css

@@ -17,8 +17,8 @@ html {
 }
 
 body {
-	background-color: hsla(100, 75%, 75%, 1);
-	color: hsla(0, 0%, 20%, 1);
+	background-color: hsl(100, 75%, 75%);
+	color: hsl(0, 0%, 20%);
 }
 
 h1 {
@@ -30,11 +30,6 @@ a {
 	text-decoration: none;
 }
 
-svg {
-	height: 7.5em;
-	width: 7.5em;
-}
-
 .page {
 	align-items: center;
 	display: flex;
@@ -46,9 +41,27 @@ svg {
 	z-index: 1;
 }
 
+.logo {
+	height: 6em;
+	margin-bottom: 0.618em;
+	width: 6em;
+}
+
+.logo-lt {
+	fill: hsl(0, 0%, 100%);
+}
+
+.logo-md {
+	fill: hsl(0, 0%, 80%);
+}
+
+.logo-dk {
+	fill: hsl(0, 0%, 20%);
+}
+
 .github {
-	background-color: hsla(0, 0%, 20%, 1);
-	color: hsla(0, 0%, 95%, 1);
+	background-color: hsl(0, 0%, 20%);
+	color: hsl(0, 0%, 95%);
 	font-size: 0.618rem;
 	height: 1.618em;
 	position: fixed;

src/index.html

@@ -19,13 +19,13 @@
 
 	<div class="page">
 		<div class="page-bd">
-			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
-				<path fill="hsla(0, 0%, 20%, 1)" d="M318,779.8h121.5V268.1H283.9v129H166.7V150.9h690.7v246.2H740.1v-129H585.5v511.6H706V897H318V779.8z"/>
-				<path fill="hsla(0, 0%, 20%, 1)" d="M725.8,128.8c-21.1-17.2-65.4-13.4-89.9-7.4c-42.6,55.7-80.3,115.1-126.4,168c-42,48.2-95,97-160.3,108.4 c8.9,148.3,23.1,296.1,5.1,444.3c18.6-7.5,36.4-18.3,54.9-24.1c28.2-8.9,59.5-14.3,89.6-18.2c32.5-4.2,66.6-6.8,97.1,0.6 c12.2,3,24.3,12,37.9,11.7c14.7-0.3,32.2,18.4,46.2,10.6C634.1,590,767.5,361,725.8,128.8z"/>
-				<path fill="hsla(0, 100%, 100%, 1)" d="M710.8,138.3c-14.7-2.3-48.5-3-62.9,0.1c-39.9,54.8-78.4,111-119.6,164.4c-39.3,50.9-85.2,97.7-140.4,132 c11.5,114.2,24,230.1,22.2,345c74.1,3.1,149.7-2.3,215.6,37.2c-11.6-59.7-7.3-115.6,0.1-175.5c6.8-54.9,16.5-109.6,26.8-164.1 C674,364.2,716.7,254.2,710.8,138.3z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M710.8,138.3c-1.4-0.2-3.1-0.4-4.9-0.6c-2.5,47.7-16.1,137.6-34.9,199.3c-57,187-85,385.3-75,434.3 c-25-20.7-153.5-14.1-185.9-7.3c0.1,12.5,0.2,3.3,0,15.8c74.1,3.1,149.7-2.3,215.6,37.2c-11.6-59.7-7.3-115.6,0.1-175.5 c6.8-54.9,16.5-109.6,26.8-164.1C674,364.2,716.7,254.2,710.8,138.3z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M656.7,162.5c-40.8,65.3-70.1,122.5-139.3,214.8c-26,34.7-58.7,59.3-88,76c14,5.3,50.1,0,82.2-29.3 C574,367,623.1,222.2,656.7,162.5z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M563.8,420.5c-27.3,38.6-74.7,94-127.3,72c14.4,33.3,81.7-3.5,58.1,49.3l0,0 C471,599.4,450.2,670.4,454.5,710c4.4-120,91.4-206.4,140.5-309.2c29.5-61.8,39.7-132.9,73.2-192.4 C628,272.9,617.2,336.3,563.8,420.5z"/>
+			<svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+				<path class="logo-dk" d="M264,862h156V202H218v166H68V52h888v316H806V202H604v660h156v150H264V862z"/>
+				<path class="logo-dk" d="M787.4,28C760.2,5.8,703,10.8,671.6,18.4c-55,71.8-103.6,148.4-163,216.6C454.4,297.2,386.2,360,302,374.8c11.4,191.2,29.8,381.6,6.6,572.8c103.2-61.4,268.4,109.8,419.8-25C637.4,623.6,830.8,324.8,787.4,28z"/>
+				<path class="logo-lt" d="M768.2,37.8c-12.6-9.4-58.4-10.6-81,0.2c-51.4,70.6-101,143-154.2,212c-50.6,65.6-109.8,126-181,170.2c14.8,147.2,30.4,293.6,28,441.8c92-2,184,61.2,278.6,51c-15-77-9.4-149,0.2-226.2c8.8-70.8,21.2-141.2,34.6-211.6C720.6,329,775.8,187.2,768.2,37.8z"/>
+				<path class="logo-md" d="M769,38c-1.8-1.2-5.7-3.1-8-4c-3.2,61.4-20.4,180.6-44.6,260C643,535,613.2,822.6,626.2,885.6C554,910,450.8,835.2,380,843c0.2,16.2,0.2,2.8,0,19c94-2,159,111.2,286.2,50.6c-15-77-17.6-149-8-226.2c8.8-70.8,21.2-141.2,34.6-211.6C720.2,329.2,776.6,187.4,769,38z"/>
+				<path class="logo-md" d="M698.4,69c-52.6,84.2-90.4,158-179.6,276.8c-33.6,44.8-75.6,76.4-113.4,98c18,6.8,64.6,0,106-37.8C591.8,332.6,655,145.8,698.4,69z"/>
+				<path class="logo-md" d="M578.6,401.4c-35.2,49.8-96.2,121.2-164,92.8c18.6,43,105.4-4.6,74.8,63.6l0,0C459,632,432.2,723.6,437.8,774.6C443.4,620,555.6,508.6,619,376c38-79.6,51.2-171.4,94.4-248C661.4,211.2,647.4,293,578.6,401.4z"/>
 			</svg>
 
 			<h1>{{file.meta.title}}</h1>

web/assets/styles/main.css

@@ -2,9 +2,12 @@
 *{box-sizing:border-box;margin:0;padding:0}
 html{font:300 10vmin/1.618 'Open Sans Condensed',sans-serif}
 @media (min-width:600px),(orientation:landscape){html{font-size:6.18vmin}}
-body{background-color:hsla(100,75%,75%,1);color:hsla(0,0%,20%,1)}
+body{background-color:#afef8f;color:#333}
 h1{font:700 1.618em/1 'Open Sans Condensed',sans-serif}
 a{color:inherit;text-decoration:none}
-svg{height:7.5em;width:7.5em}
 .page{-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100vh;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;text-align:center;width:100vw;z-index:1}
-.github{background-color:hsla(0,0%,20%,1);color:hsla(0,0%,95%,1);font-size:.618rem;height:1.618em;position:fixed;right:-5em;text-align:center;top:-.809em;-webkit-transform:translate(-1.618em,1.618em) rotate(45deg);transform:translate(-1.618em,1.618em) rotate(45deg);width:10em;z-index:2}
+.logo{height:6em;margin-bottom:.618em;width:6em}
+.logo-lt{fill:#fff}
+.logo-md{fill:#ccc}
+.logo-dk{fill:#333}
+.github{background-color:#333;color:#f2f2f2;font-size:.618rem;height:1.618em;position:fixed;right:-5em;text-align:center;top:-.809em;-webkit-transform:translate(-1.618em,1.618em) rotate(45deg);transform:translate(-1.618em,1.618em) rotate(45deg);width:10em;z-index:2}

web/index.html

@@ -14,13 +14,13 @@
 
 	<div class="page">
 		<div class="page-bd">
-			<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
-				<path fill="hsla(0, 0%, 20%, 1)" d="M318,779.8h121.5V268.1H283.9v129H166.7V150.9h690.7v246.2H740.1v-129H585.5v511.6H706V897H318V779.8z"/>
-				<path fill="hsla(0, 0%, 20%, 1)" d="M725.8,128.8c-21.1-17.2-65.4-13.4-89.9-7.4c-42.6,55.7-80.3,115.1-126.4,168c-42,48.2-95,97-160.3,108.4 c8.9,148.3,23.1,296.1,5.1,444.3c18.6-7.5,36.4-18.3,54.9-24.1c28.2-8.9,59.5-14.3,89.6-18.2c32.5-4.2,66.6-6.8,97.1,0.6 c12.2,3,24.3,12,37.9,11.7c14.7-0.3,32.2,18.4,46.2,10.6C634.1,590,767.5,361,725.8,128.8z"/>
-				<path fill="hsla(0, 100%, 100%, 1)" d="M710.8,138.3c-14.7-2.3-48.5-3-62.9,0.1c-39.9,54.8-78.4,111-119.6,164.4c-39.3,50.9-85.2,97.7-140.4,132 c11.5,114.2,24,230.1,22.2,345c74.1,3.1,149.7-2.3,215.6,37.2c-11.6-59.7-7.3-115.6,0.1-175.5c6.8-54.9,16.5-109.6,26.8-164.1 C674,364.2,716.7,254.2,710.8,138.3z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M710.8,138.3c-1.4-0.2-3.1-0.4-4.9-0.6c-2.5,47.7-16.1,137.6-34.9,199.3c-57,187-85,385.3-75,434.3 c-25-20.7-153.5-14.1-185.9-7.3c0.1,12.5,0.2,3.3,0,15.8c74.1,3.1,149.7-2.3,215.6,37.2c-11.6-59.7-7.3-115.6,0.1-175.5 c6.8-54.9,16.5-109.6,26.8-164.1C674,364.2,716.7,254.2,710.8,138.3z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M656.7,162.5c-40.8,65.3-70.1,122.5-139.3,214.8c-26,34.7-58.7,59.3-88,76c14,5.3,50.1,0,82.2-29.3 C574,367,623.1,222.2,656.7,162.5z"/>
-				<path fill="hsla(0, 0%, 80%, 1)" d="M563.8,420.5c-27.3,38.6-74.7,94-127.3,72c14.4,33.3,81.7-3.5,58.1,49.3l0,0 C471,599.4,450.2,670.4,454.5,710c4.4-120,91.4-206.4,140.5-309.2c29.5-61.8,39.7-132.9,73.2-192.4 C628,272.9,617.2,336.3,563.8,420.5z"/>
+			<svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+				<path class="logo-dk" d="M264,862h156V202H218v166H68V52h888v316H806V202H604v660h156v150H264V862z"/>
+				<path class="logo-dk" d="M787.4,28C760.2,5.8,703,10.8,671.6,18.4c-55,71.8-103.6,148.4-163,216.6C454.4,297.2,386.2,360,302,374.8c11.4,191.2,29.8,381.6,6.6,572.8c103.2-61.4,268.4,109.8,419.8-25C637.4,623.6,830.8,324.8,787.4,28z"/>
+				<path class="logo-lt" d="M768.2,37.8c-12.6-9.4-58.4-10.6-81,0.2c-51.4,70.6-101,143-154.2,212c-50.6,65.6-109.8,126-181,170.2c14.8,147.2,30.4,293.6,28,441.8c92-2,184,61.2,278.6,51c-15-77-9.4-149,0.2-226.2c8.8-70.8,21.2-141.2,34.6-211.6C720.6,329,775.8,187.2,768.2,37.8z"/>
+				<path class="logo-md" d="M769,38c-1.8-1.2-5.7-3.1-8-4c-3.2,61.4-20.4,180.6-44.6,260C643,535,613.2,822.6,626.2,885.6C554,910,450.8,835.2,380,843c0.2,16.2,0.2,2.8,0,19c94-2,159,111.2,286.2,50.6c-15-77-17.6-149-8-226.2c8.8-70.8,21.2-141.2,34.6-211.6C720.2,329.2,776.6,187.4,769,38z"/>
+				<path class="logo-md" d="M698.4,69c-52.6,84.2-90.4,158-179.6,276.8c-33.6,44.8-75.6,76.4-113.4,98c18,6.8,64.6,0,106-37.8C591.8,332.6,655,145.8,698.4,69z"/>
+				<path class="logo-md" d="M578.6,401.4c-35.2,49.8-96.2,121.2-164,92.8c18.6,43,105.4-4.6,74.8,63.6l0,0C459,632,432.2,723.6,437.8,774.6C443.4,620,555.6,508.6,619,376c38-79.6,51.2-171.4,94.4-248C661.4,211.2,647.4,293,578.6,401.4z"/>
 			</svg>
 
 			<h1>toga.js</h1>