Maintenance and a little bit more content

- added favicon
- changes to the gulp sprite module
- changes to gulp linting
- fixed javascript scroll function and added setup function content
- fixed javascript indentation
- new error pages
- changed css for link colors
- fixed css sprites

source/style/hippie/elements/_sections.scss

@@ -1,7 +1,7 @@
 // Root
 // -----------------------------------------------------------------------------
 html {
-	height: 100%;
+	// height: 100%;
 }
 
 

source/style/hippie/elements/_textlevel.scss

@@ -48,6 +48,14 @@ a {
 	}
 }
 
+.a_internal {
+	color: $charlie_color;
+}
+
+.a_external {
+	color: $delta_color;
+}
+
 .a_line {
 	border-bottom-width: $space_tiny;
 	border-bottom-style: dotted;

source/style/hippie/global/_config.scss

@@ -95,7 +95,7 @@ $color_brighter: lighten($color_back_basic, $color_diff_basic);
 $color_bright: darken($color_brightest, $color_diff_double);
 
 $color_head_basic: $color_text_basic !default;
-$color_link_basic: $echo_color !default;
+$color_link_basic: $delta_color !default;
 $color_highlight_basic: $color_front_basic !default;
 $color_action_basic: $foxtrot_color !default;
 

source/style/hippie/mixins/_all.scss

@@ -1,4 +1,5 @@
 @import "media_query";
+@import "sprites";
 @import "flow";
 @import "color";
 @import "user_agent";

source/style/hippie/mixins/_sprites.scss

@@ -18,8 +18,8 @@ $down-width: 32px;
 $down-height: 32px;
 $down-total-width: 64px;
 $down-total-height: 64px;
-$down-image: 'sprites.png';
-$down: (32px, 0px, -32px, 0px, 32px, 32px, 64px, 64px, 'sprites.png', 'down', );
+$down-image: '../art/sprites.png';
+$down: (32px, 0px, -32px, 0px, 32px, 32px, 64px, 64px, '../art/sprites.png', 'down', );
 $meta-name: 'meta';
 $meta-x: 32px;
 $meta-y: 32px;
@@ -29,8 +29,8 @@ $meta-width: 32px;
 $meta-height: 32px;
 $meta-total-width: 64px;
 $meta-total-height: 64px;
-$meta-image: 'sprites.png';
-$meta: (32px, 32px, -32px, -32px, 32px, 32px, 64px, 64px, 'sprites.png', 'meta', );
+$meta-image: '../art/sprites.png';
+$meta: (32px, 32px, -32px, -32px, 32px, 32px, 64px, 64px, '../art/sprites.png', 'meta', );
 $up-name: 'up';
 $up-x: 0px;
 $up-y: 0px;
@@ -40,13 +40,13 @@ $up-width: 32px;
 $up-height: 64px;
 $up-total-width: 64px;
 $up-total-height: 64px;
-$up-image: 'sprites.png';
-$up: (0px, 0px, 0px, 0px, 32px, 64px, 64px, 64px, 'sprites.png', 'up', );
+$up-image: '../art/sprites.png';
+$up: (0px, 0px, 0px, 0px, 32px, 64px, 64px, 64px, '../art/sprites.png', 'up', );
 $spritesheet-width: 64px;
 $spritesheet-height: 64px;
-$spritesheet-image: 'sprites.png';
+$spritesheet-image: '../art/sprites.png';
 $spritesheet-sprites: ($down, $meta, $up, );
-$spritesheet: (64px, 64px, 'sprites.png', $spritesheet-sprites, );
+$spritesheet: (64px, 64px, '../art/sprites.png', $spritesheet-sprites, );
 
 // The provided mixins are intended to be used with the array-like variables
 //

source/style/hippie/modules/media/_media_module.scss

@@ -1,9 +1,4 @@
-.up {
-	@include sprite($up);
-}
-.down {
-	@include sprite($down);
-}
-.meta {
-	@include sprite($meta);
+.nomedia {
+	@extend .box_placeholder;
+	height: inherit;
 }

source/style/modules/demo/_demo_module.scss

@@ -88,24 +88,27 @@
 }
 
 .demo__sprite_down {
-	width: 32px;
-	height: 32px;
-	background-image: url(../art/sprites.png);
-	background-position: -32px 0;
+	@include sprite($down);
+	// width: 32px;
+	// height: 32px;
+	// background-image: url(../art/sprites.png);
+	// background-position: -32px 0;
 }
 
 .demo__sprite_up {
-	width: 32px;
-	height: 64px;
-	background-image: url(../art/sprites.png);
-	background-position: 0 0;
+	@include sprite($up);
+	// width: 32px;
+	// height: 64px;
+	// background-image: url(../art/sprites.png);
+	// background-position: 0 0;
 }
 
 .demo__sprite_meta {
-	width: 32px;
-	height: 32px;
-	background-image: url(../art/sprites.png);
-	background-position: -32px 32px;
+	@include sprite($meta);
+	// width: 32px;
+	// height: 32px;
+	// background-image: url(../art/sprites.png);
+	// background-position: -32px 32px;
 }
 
 .demo__avatar {