Further optimizations

6 files changed, 192 insertions, 87 deletions

diff --git a/_includes/inline.scss b/_includes/inline.scss
index 24c2062..b0feec9 100644
--- a/_includes/inline.scss
+++ b/_includes/inline.scss
@@ -30,12 +30,16 @@ a {
 footer {
     font-family: $sans;
     text-align: center;
-    padding-top: 2em;
+    padding-top: 1em;
     padding-bottom: 2em;
     text-transform: uppercase;
-    letter-spacing: 2px;
+    letter-spacing: 1px;
     font-weight: 600;
     font-size: 0.8em;
+
+    p {
+        margin: 1em;
+    }
 }
 
 header {
@@ -43,7 +47,7 @@ header {
     font-family: $sans;
 
     a {
-        font-size: 1em;
+        // font-size: 1em;
         font-weight: 600;
         color: rgb(255, 255, 255);
         display: block;
@@ -81,7 +85,6 @@ header {
 }
 
 .portrait {
-    border-radius: 220px;
     width: 220px;
     height: 220px;
     margin-top: 2em;
@@ -121,14 +124,14 @@ pre {
 
 
 
-.project h1 a {
+.projects a {
     color: $blue;
     &:hover {
         color: darken($blue, 15%);
     }
 }
 
-.writing h1 a {
+.writing a {
     color: $magenta;
     &:hover {
         color: darken($magenta, 15%);
@@ -165,35 +168,31 @@ pre {
 
 .social-buttons {
     float: right;
-
-    img {
-        height: 1em;
-    }
 }
 
 // 
 .icon-googleplus {
-        color: #DD4B39;
+    color: $googleplus-color;
 }
 
 // 
 .icon-facebook {
-        color: #3b5998;
+    color: $facebook-color;
 }
 
 // 
 .icon-twitter {
-        color: #55ACEE;
+    color: $twitter-color;
 }
 
 // 
 .icon-tumblr {
-        color: rgb(44, 71, 98);
+    color: $tumblr-color;
 }
 
 // 
 .icon-pinterest {
-        color: #CB2027;
+    color: $pinterest-color;
 }
 
 @media print {
diff --git a/_layouts/master.html b/_layouts/master.html
index a28a6a8..587337a 100644
--- a/_layouts/master.html
+++ b/_layouts/master.html
@@ -88,10 +88,8 @@
                 {{ content }}
             </main>
             <footer class="grid_wide">
-                <p>
-                    <a href="/">Ben</a> / <a href="mailto:hi@benburwell.com">Email</a> / <a href="/pgp/">PGP</a><br>
-                    <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img width="80" height="15" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAISSURBVHjaYmAYYYARiP///z9SfMvIyAJhrdm0Glliz669M6fO7OjoKC8vx9Tm6up66tSptu5WcQlxIFdeVsHVyfXjh4+D3LeQeGXClHj54uXyxctx+RYIdu/ebWZmNrl/CoT74eOHwoLCoRLJWDy8fMkKYWFhXL6FAGBw3Lxxc8PajUD2x08fPHw8vH28h6qHL128lJ6eDmScPXtWWVkZmO6Bafj9+/dAEsgGigDFjY2NXVxcrl29BjWFiQnIRUs/EICcnDDZA+/hSxcvf/70GegfIDssLAzIALoPSHZ2dgL9+e7dO2DM37t3DygLFLxz+w48VQMTOWYJAQQQ78EZQBLIHkQe/vrlC5AUFBQERinQYxCfAxMwkK2kpAQUT0tLCw0NhRXxUKf//PmDkYURs5BA9h7EzwPrWywe5ubhAZJA3wL9BvQhMFYhxTKQC/QzULyiomLWrFloiZOdneP/n/94Ynjw5mE9fV1eXl6IP4ERu2fPHqCjgT4HsoGxLSQkBBSBZNczZ84oKitCdAnwCwArKvwxPLgaHsj1cF9X//Onz+/fv49HGzBETExMouOiA4L9gVxZabnmhuatW7YO8noYGPpYSunouKi3b98AoxSP5rKyMhVVZYhv+fkEdmzZMch9i69aArafUjNTKysr29vbsepxcna6fv16QUkBPD33T+gfbUsP0rb0SOssMQAEGAB0zfzj5yHE/QAAAABJRU5ErkJggg==" alt="Creative Commons Attribution License" title="Creative Commons Licensed"></a>
-                </p>
+                <p><a href="/">Ben</a> / <a href="mailto:hi@benburwell.com">Email</a> / <a href="/pgp/">PGP</a></p>
+                <p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img width="80" height="15" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAPCAIAAAD8q9/YAAAABGdBTUEAANbY1E9YMgAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAISSURBVHjaYmAYYYARiP///z9SfMvIyAJhrdm0Glliz669M6fO7OjoKC8vx9Tm6up66tSptu5WcQlxIFdeVsHVyfXjh4+D3LeQeGXClHj54uXyxctx+RYIdu/ebWZmNrl/CoT74eOHwoLCoRLJWDy8fMkKYWFhXL6FAGBw3Lxxc8PajUD2x08fPHw8vH28h6qHL128lJ6eDmScPXtWWVkZmO6Bafj9+/dAEsgGigDFjY2NXVxcrl29BjWFiQnIRUs/EICcnDDZA+/hSxcvf/70GegfIDssLAzIALoPSHZ2dgL9+e7dO2DM37t3DygLFLxz+w48VQMTOWYJAQQQ78EZQBLIHkQe/vrlC5AUFBQERinQYxCfAxMwkK2kpAQUT0tLCw0NhRXxUKf//PmDkYURs5BA9h7EzwPrWywe5ubhAZJA3wL9BvQhMFYhxTKQC/QzULyiomLWrFloiZOdneP/n/94Ynjw5mE9fV1eXl6IP4ERu2fPHqCjgT4HsoGxLSQkBBSBZNczZ84oKitCdAnwCwArKvwxPLgaHsj1cF9X//Onz+/fv49HGzBETExMouOiA4L9gVxZabnmhuatW7YO8noYGPpYSunouKi3b98AoxSP5rKyMhVVZYhv+fkEdmzZMch9i69aArafUjNTKysr29vbsepxcna6fv16QUkBPD33T+gfbUsP0rb0SOssMQAEGAB0zfzj5yHE/QAAAABJRU5ErkJggg==" alt="Creative Commons Attribution License" title="Creative Commons Licensed"></a></p>
             </footer>
         </div>
     </body>
diff --git a/_sass/global.scss b/_sass/global.scss
index bd17161..9da4a39 100644
--- a/_sass/global.scss
+++ b/_sass/global.scss
@@ -15,6 +15,12 @@ $blue: #268bd2;
 $cyan: #2aa198;
 $green: #859900;
 
+$googleplus-color: #DD4B39;
+$facebook-color: #3b5998;
+$twitter-color: #55ACEE;
+$tumblr-color: rgb(44, 71, 98);
+$pinterest-color: #CB2027;
+
 $sans: 'open_sans', sans-serif;
 $serif: 'crimson_text', serif;
 $monospace: 'source_code_pro', monospace;
diff --git a/_sass/syntax.scss b/_sass/syntax.scss
index dcd41bb..bcd61d2 100644
--- a/_sass/syntax.scss
+++ b/_sass/syntax.scss
@@ -1,60 +1,162 @@
-.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 */
+.highlight {
+    background: #ffffff;
+
+    .c,
+    .cm,
+    .c1 {
+        color: $base1;
+        font-style: italic
+    } /* Comment */
+
+    .gr,
+    .gt,
+    .err {
+        color: $red;
+    } /* Error */
+
+    .k {
+        font-weight: bold;
+    } /* Keyword */
+
+    .o {
+        font-weight: bold;
+    } /* Operator */
+
+    .cp {
+        color: $base1;
+        font-weight: bold;
+    } /* Comment.Preproc */
+
+    .cs {
+        color: $base1;
+        font-weight: bold;
+        font-style: italic;
+    } /* Comment.Special */
+
+    .gd,
+    .gd .x {
+        color: $base03;
+        background-color: $base1;
+    } /* Generic.Deleted */
+
+    .ge {
+        font-style: italic;
+    } /* Generic.Emph */
+
+    .gu,
+    .gh {
+        color: $base1;
+    } /* Generic.Heading */
+
+    .gi .x,
+    .gi {
+        color: $base03;
+        background-color: $base1;
+    } /* Generic.Inserted */
+
+    .go {
+        color: $base1;
+    } /* Generic.Output */
+
+    .gp {
+        color: $base01;
+    } /* Generic.Prompt */
+
+    .gs {
+        font-weight: bold;
+    } /* Generic.Strong */
+
+    .kd,
+    .kp,
+    .kr,
+    .kc {
+        font-weight: bold;
+    } /* Keyword.Constant */
+
+    .kt {
+        color: $violet;
+        font-weight: bold;
+    } /* Keyword.Type */
+
+    .m {
+        color: $cyan;
+    } /* Literal.Number */
+
+    .s {
+        color: $magenta;
+    } /* Literal.String */
+
+    .na,
+    .nb,
+    .no,
+    .ni,
+    .nt,
+    .nv {
+        color: $blue;
+    } /* Name.Variable */
+
+    .nc {
+        color: $blue;
+        font-weight: bold;
+    } /* Name.Class */
+
+    .ne {
+        color: $red;
+        font-weight: bold;
+    } /* Name.Exception */
+
+    .nf {
+        color: $red;
+        font-weight: bold;
+    } /* Name.Function */
+
+    .nn {
+        color: $base01;
+    } /* Name.Namespace */
+
+    .ow {
+        font-weight: bold;
+    } /* Operator.Word */
+
+    .w {
+        color: $base1;
+    } /* Text.Whitespace */
+
+    .mf,
+    .mh,
+    .mi,
+    .mo {
+        color: $cyan;
+    } /* Literal.Number.Oct */
+
+    .sb,
+    .sc,
+    .sd,
+    .s2,
+    .se,
+    .sh,
+    .si,
+    .s1,
+    .sx {
+        color: $magenta;
+    } /* Literal.String.Other */
+
+    .sr,
+    .ss {
+        color: $green;
+    } /* Literal.String.Symbol */
+
+    .bp {
+        color: $base1;
+    } /* Name.Builtin.Pseudo */
+
+    .vc,
+    .vg,
+    .vi {
+        color: $blue;
+    } /* Name.Variable.Instance */
+
+    .il {
+        color: $cyan;
+    } /* Literal.Number.Integer.Long */
+}
diff --git a/projects/index.html b/projects/index.html
index 2c92c36..2036787 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -4,8 +4,8 @@ title: Ben Burwell’s Projects
 description: Projects I’ve done.
 ---
 
-{% for post in site.categories.projects %}
-    <section class="project">
+<section class="projects">
+    {% for post in site.categories.projects %}
         <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
-    </section>
-{% endfor %}
+    {% endfor %}
+</section>
diff --git a/writing/index.html b/writing/index.html
index feee3c1..45c8c6f 100644
--- a/writing/index.html
+++ b/writing/index.html
@@ -4,8 +4,8 @@ title: Ben Burwell’s Writing
 description: A small collection of writing I’ve done on various topics over the years.
 ---
 
-{% for post in site.categories.writing %}
-    <section class="writing">
+<section class="writing">
+    {% for post in site.categories.writing %}
         <h1><a href="{{ post.url }}">{{ post.title }}</a></h1>
-    </section>
-{% endfor %}
+    {% endfor %}
+</section>