Optimizations

5 files changed, 661 insertions, 0 deletions

diff --git a/_sass/960-responsive.scss b/_sass/960-responsive.scss
new file mode 100644
index 0000000..0dbbca3
--- /dev/null
+++ b/_sass/960-responsive.scss
@@ -0,0 +1,99 @@
+// Default styles
+body {
+    min-width: 960px;
+}
+
+.container {
+    margin-left: auto;
+    margin-right: auto;
+    width: 960px;
+}
+
+.grid_blob,
+.grid_wide {
+    display: inline;
+    float: left;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.container .grid_blob {
+    width: 220px;
+}
+
+.container .grid_wide {
+    width: 940px;
+}
+
+.container:before,
+.container:after {
+    content: '.';
+    display: block;
+    overflow: hidden;
+    visibility: hidden;
+    font-size: 0;
+    line-height: 0;
+    width: 0;
+    height: 0;
+}
+
+/*
+* 960 Responsive Grid
+* Copyright 2012, Tyler Wolff
+* Free to use under the MIT license.
+* http://www.opensource.org/licenses/mit-license.php
+* 12/10/2012
+*/
+
+/* Tablet Portrait width to 960px */
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+
+  body {
+    min-width: 768px;
+  }
+
+  .container {
+    width: 768px;
+  }
+
+  .container .grid_blob  { width: 172px; }
+  .container .grid_wide { width: 748px; }
+}
+
+/* All Mobile Widths */
+@media only screen and (max-width: 767px) {
+
+  body {
+    min-width: 300px;
+  }
+
+  .container {
+    width: 300px;
+  }
+
+  .container .grid_blob,
+  .container .grid_wide {
+    margin: 0;
+    width: 300px;
+  }
+
+}
+
+/* Mobile Landscape Width to Tablet Portrait Width */
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+
+  body {
+    min-width: 480px;
+  }
+
+  .container {
+    width: 420px;
+  }
+
+  .container .grid_blob,
+  .container .grid_wide {
+    margin: 0;
+    width: 420px;
+  }
+
+}
diff --git a/_sass/fonts.scss b/_sass/fonts.scss
new file mode 100644
index 0000000..74eb9bf
--- /dev/null
+++ b/_sass/fonts.scss
@@ -0,0 +1,57 @@
+@font-face {
+    font-family: 'icomoon';
+    src: url('/assets/fonts/icomoon.eot?-ei3c8u');
+    src: url('/assets/fonts/icomoon.eot?#iefix-ei3c8u') format('embedded-opentype'),
+        url('/assets/fonts/icomoon.woff?-ei3c8u') format('woff'),
+        url('/assets/fonts/icomoon.ttf?-ei3c8u') format('truetype'),
+        url('/assets/fonts/icomoon.svg?-ei3c8u#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'open_sans';
+    src: url('/assets/fonts/OpenSans-Semibold.eot');
+    src: url('/assets/fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
+        url('/assets/fonts/OpenSans-Semibold.woff') format('woff'),
+        url('/assets/fonts/OpenSans-Semibold.ttf') format('truetype'),
+        url('/assets/fonts/OpenSans-Semibold.svg#open_sanssemibold') format('svg');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'crimson_text';
+    src: url('/assets/fonts/crimsontext-regular.eot');
+    src: url('/assets/fonts/crimsontext-regular.eot?#iefix') format('embedded-opentype'),
+        url('/assets/fonts/crimsontext-regular.woff2') format('woff2'),
+        url('/assets/fonts/crimsontext-regular.woff') format('woff'),
+        url('/assets/fonts/crimsontext-regular.ttf') format('truetype'),
+        url('/assets/fonts/crimsontext-regular.svg#crimson_textroman') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'crimson_text';
+    src: url('/assets/fonts/crimsontext-italic.eot');
+    src: url('/assets/fonts/crimsontext-italic.eot?#iefix') format('embedded-opentype'),
+        url('/assets/fonts/crimsontext-italic.woff2') format('woff2'),
+        url('/assets/fonts/crimsontext-italic.woff') format('woff'),
+        url('/assets/fonts/crimsontext-italic.ttf') format('truetype'),
+        url('/assets/fonts/crimsontext-italic.svg#crimson_textitalic') format('svg');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'source_code_pro';
+    src: url('/assets/fonts/sourcecodepro-regular.eot');
+    src: url('/assets/fonts/sourcecodepro-regular.eot?#iefix') format('embedded-opentype'),
+        url('/assets/fonts/sourcecodepro-regular.woff2') format('woff2'),
+        url('/assets/fonts/sourcecodepro-regular.woff') format('woff'),
+        url('/assets/fonts/sourcecodepro-regular.ttf') format('truetype'),
+        url('/assets/fonts/sourcecodepro-regular.svg#source_code_proregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
diff --git a/_sass/global.scss b/_sass/global.scss
new file mode 100644
index 0000000..bd17161
--- /dev/null
+++ b/_sass/global.scss
@@ -0,0 +1,39 @@
+$base03: #002b36;
+$base02: #073642;
+$base01: #586e75;
+$base00: #657b83;
+$base0: #839496;
+$base1: #93a1a1;
+$base2: #eee8d5;
+$base3: #fdf6e3;
+$yellow: #b58900;
+$orange: #cb4b16;
+$red: #dc322f;
+$magenta: #d33682;
+$violet: #6c71c4;
+$blue: #268bd2;
+$cyan: #2aa198;
+$green: #859900;
+
+$sans: 'open_sans', sans-serif;
+$serif: 'crimson_text', serif;
+$monospace: 'source_code_pro', monospace;
+
+// Mixin to deal with cross-browser transitions
+@mixin transition ($param, $time, $type) {
+    -webkit-transition: $param $time $type;
+    -moz-transition: $param $time $type;
+    -o-transition: $param $time $type;
+    -ms-transition: $param $time $type;
+    transition: $param $time $type;
+}
+
+@mixin nav_button($c) {
+    background-color: $c;
+    border-color: $c;
+    @include transition(all, 0.25s, linear);
+    &:hover {
+        background-color: darken($c, 15%);
+        border-color: darken($c, 15%);
+    }
+}
diff --git a/_sass/normalize.scss b/_sass/normalize.scss
new file mode 100644
index 0000000..612a001
--- /dev/null
+++ b/_sass/normalize.scss
@@ -0,0 +1,406 @@
+/* normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+   HTML5 display definitions
+   ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+// aside,
+// details,
+figcaption,
+figure,
+footer,
+header,
+// hgroup,
+main,
+nav,
+section,
+summary {
+    display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+// audio,
+// canvas,
+// video {
+//     display: inline-block;
+// }
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+// audio:not([controls]) {
+//     display: none;
+//     height: 0;
+// }
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+// [hidden],
+// template {
+//     display: none;
+// }
+
+/* ==========================================================================
+   Base
+   ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ *    user zoom.
+ */
+
+// html {
+//     font-family: sans-serif; /* 1 */
+//     -ms-text-size-adjust: 100%; /* 2 */
+//     -webkit-text-size-adjust: 100%; /* 2 */
+// }
+
+/**
+ * Remove default margin.
+ */
+
+body {
+    margin: 0;
+}
+
+/* ==========================================================================
+   Links
+   ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+    background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+// a:focus {
+//     outline: thin dotted;
+// }
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+    outline: 0;
+}
+
+/* ==========================================================================
+   Typography
+   ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+// abbr[title] {
+//     border-bottom: 1px dotted;
+// }
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+    font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+// dfn {
+//     font-style: italic;
+// }
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+    height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+// mark {
+//     background: #ff0;
+//     color: #000;
+// }
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+    font-family: monospace, serif;
+    font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+    white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+// q {
+//     quotes: "\201C" "\201D" "\2018" "\2019";
+// }
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+    font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+}
+
+sup {
+    top: -0.5em;
+}
+
+sub {
+    bottom: -0.25em;
+}
+
+/* ==========================================================================
+   Embedded content
+   ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+    border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+// svg:not(:root) {
+//     overflow: hidden;
+// }
+
+/* ==========================================================================
+   Figures
+   ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+// figure {
+//     margin: 0;
+// }
+
+/* ==========================================================================
+   Forms
+   ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+// fieldset {
+//     border: 1px solid #c0c0c0;
+//     margin: 0 2px;
+//     padding: 0.35em 0.625em 0.75em;
+// }
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+// legend {
+//     border: 0; /* 1 */
+//     padding: 0; /* 2 */
+// }
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+// button,
+// input,
+// select,
+// textarea {
+//     font-family: inherit; /* 1 */
+//     font-size: 100%; /* 2 */
+//     margin: 0; /* 3 */
+// }
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+// button,
+// input {
+//     line-height: normal;
+// }
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+// button,
+// select {
+//     text-transform: none;
+// }
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ *    and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ *    `input` and others.
+ */
+
+// button,
+// html input[type="button"], /* 1 */
+// input[type="reset"],
+// input[type="submit"] {
+//     -webkit-appearance: button; /* 2 */
+//     cursor: pointer; /* 3 */
+// }
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+// button[disabled],
+// html input[disabled] {
+//     cursor: default;
+// }
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+// input[type="checkbox"],
+// input[type="radio"] {
+//     box-sizing: border-box; /* 1 */
+//     padding: 0; /* 2 */
+// }
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ *    (include `-moz` to future-proof).
+ */
+
+// input[type="search"] {
+//     -webkit-appearance: textfield; /* 1 */
+//     -moz-box-sizing: content-box;
+//     -webkit-box-sizing: content-box; /* 2 */
+//     box-sizing: content-box;
+// }
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+// input[type="search"]::-webkit-search-cancel-button,
+// input[type="search"]::-webkit-search-decoration {
+//     -webkit-appearance: none;
+// }
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+// button::-moz-focus-inner,
+// input::-moz-focus-inner {
+//     border: 0;
+//     padding: 0;
+// }
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+// textarea {
+//     overflow: auto; /* 1 */
+//     vertical-align: top; /* 2 */
+// }
+
+/* ==========================================================================
+   Tables
+   ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+    border-collapse: collapse;
+    border-spacing: 0;
+}
diff --git a/_sass/syntax.scss b/_sass/syntax.scss
new file mode 100644
index 0000000..dcd41bb
--- /dev/null
+++ b/_sass/syntax.scss
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: $base1; font-style: italic } /* Comment */
+.highlight .err { color: $red; } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: $base1; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: $base1; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: $base1; font-style: italic } /* Comment.Single */
+.highlight .cs { color: $base1; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: $base03; background-color: $base1 } /* Generic.Deleted */
+.highlight .gd .x { color: $base03; background-color: $base1 } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: $red } /* Generic.Error */
+.highlight .gh { color: $base1 } /* Generic.Heading */
+.highlight .gi { color: $base03; background-color: $base1 } /* Generic.Inserted */
+.highlight .gi .x { color: $base03; background-color: $base1 } /* Generic.Inserted.Specific */
+.highlight .go { color: $base1 } /* Generic.Output */
+.highlight .gp { color: $base01 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: $base1 } /* Generic.Subheading */
+.highlight .gt { color: $red } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: $violet; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: $cyan } /* Literal.Number */
+.highlight .s { color: $magenta } /* Literal.String */
+.highlight .na { color: $blue } /* Name.Attribute */
+.highlight .nb { color: $blue } /* Name.Builtin */
+.highlight .nc { color: $blue; font-weight: bold } /* Name.Class */
+.highlight .no { color: $blue } /* Name.Constant */
+.highlight .ni { color: $blue } /* Name.Entity */
+.highlight .ne { color: $red; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: $red; font-weight: bold } /* Name.Function */
+.highlight .nn { color: $base01 } /* Name.Namespace */
+.highlight .nt { color: $blue } /* Name.Tag */
+.highlight .nv { color: $blue } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: $base1 } /* Text.Whitespace */
+.highlight .mf { color: $cyan } /* Literal.Number.Float */
+.highlight .mh { color: $cyan } /* Literal.Number.Hex */
+.highlight .mi { color: $cyan } /* Literal.Number.Integer */
+.highlight .mo { color: $cyan } /* Literal.Number.Oct */
+.highlight .sb { color: $magenta } /* Literal.String.Backtick */
+.highlight .sc { color: $magenta } /* Literal.String.Char */
+.highlight .sd { color: $magenta } /* Literal.String.Doc */
+.highlight .s2 { color: $magenta } /* Literal.String.Double */
+.highlight .se { color: $magenta } /* Literal.String.Escape */
+.highlight .sh { color: $magenta } /* Literal.String.Heredoc */
+.highlight .si { color: $magenta } /* Literal.String.Interpol */
+.highlight .sx { color: $magenta } /* Literal.String.Other */
+.highlight .sr { color: $green } /* Literal.String.Regex */
+.highlight .s1 { color: $magenta } /* Literal.String.Single */
+.highlight .ss { color: $green } /* Literal.String.Symbol */
+.highlight .bp { color: $base1 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: $blue } /* Name.Variable.Class */
+.highlight .vg { color: $blue } /* Name.Variable.Global */
+.highlight .vi { color: $blue } /* Name.Variable.Instance */
+.highlight .il { color: $cyan } /* Literal.Number.Integer.Long */