summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--404.html2
-rw-r--r--_includes/site.scss311
-rw-r--r--_layouts/blog.html13
-rw-r--r--_layouts/post.html8
-rw-r--r--_posts/2015-06-01-facebook-now-sends-pgp-encrypted-email-notifications.markdown2
-rw-r--r--_sass/fonts.scss20
-rw-r--r--_sass/icons.scss56
-rw-r--r--assets/fonts/fontello.eotbin6084 -> 0 bytes
-rw-r--r--assets/fonts/fontello.svg17
-rw-r--r--assets/fonts/fontello.ttfbin5916 -> 0 bytes
-rw-r--r--assets/fonts/fontello.woffbin3560 -> 0 bytes
-rw-r--r--assets/fonts/merriweather-lightitalic-webfont.eotbin29170 -> 0 bytes
-rw-r--r--assets/fonts/merriweather-lightitalic-webfont.ttfbin60484 -> 0 bytes
-rw-r--r--assets/fonts/merriweather-lightitalic-webfont.woffbin33320 -> 0 bytes
-rw-r--r--assets/fonts/merriweather_light-webfont.eotbin28224 -> 0 bytes
-rw-r--r--assets/fonts/merriweather_light-webfont.ttfbin57452 -> 0 bytes
-rw-r--r--assets/fonts/merriweather_light-webfont.woffbin31620 -> 0 bytes
-rw-r--r--index.html21
-rw-r--r--posts/index.html8
-rw-r--r--projects/index.html18
-rw-r--r--theatre/index.html4
21 files changed, 141 insertions, 339 deletions
diff --git a/404.html b/404.html
index 73be2cd..cca3b86 100644
--- a/404.html
+++ b/404.html
@@ -4,7 +4,7 @@ description: Page not found — that’s a 404 :(
layout: blog
---
-<h1>404 - Not Found</h1>
+<h1>HTTP 404 - Not Found</h1>
<p>Perhaps you'd be interested in one of the following?</p>
diff --git a/_includes/site.scss b/_includes/site.scss
index c2a29db..eec856c 100644
--- a/_includes/site.scss
+++ b/_includes/site.scss
@@ -1,81 +1,81 @@
-$brand-color: #00819B;
-$muted-color: lighten(desaturate($brand-color, 100%), 15%);
-$base-color: #222;
-
-$base-font-size: 20px;
-$line-height: $base-font-size * 1.5;
-$serif: merriweather_light, serif;
+$monokai-royal-blue: #204a87;
+$monokai-dark-blue: #243955;
+$monokai-gray-0: #272822;
+$monokai-gray-1: #31322c;
+$monokai-gray-2: #3c3d37;
+$monokai-forest: #46830c;
+$monokai-gray-3: #49483e;
+$monokai-gray-4: #64645e;
+$monokai-blue: #66d9ef;
+$monokai-tan: #75715e;
+$monokai-red: #8b0807;
+$monokai-gray-5: #90908a;
+$monokai-lime: #a6e22e;
+$monokai-violet: #ae81ff;
+$monokai-yellow: #e6db74;
+$monokai-light: #f8f8f0;
+$monokai-magenta: #f92672;
+$monokai-orange: #fd971f;
+
+$base-font-size: 22px;
$monospace: Consolas, "Liberation Mono", Menlo, Courier, monospace !default;
-$sans: "Helvetica Neue", "Helvetica", "Arial", "Liberation Sans", sans-serif;
-
-$container-width: 900px;
+$container-width: 1200px;
-@import "fonts";
-@import "icons";
-
-* {
- margin: 0;
- padding: 0;
- color: $base-color;
- background-color: transparent;
- text-decoration: none;
- border: none;
- font-weight: normal;
- font-size: $base-font-size;
+@mixin container {
+ max-width: $container-width;
+ padding: 0 1rem;
+ margin-left: auto;
+ margin-right: auto;
}
-html {
- font-family: $serif;
+.muted {
+ color: $monokai-gray-5;
}
body {
- padding: $base-font-size;
- background-color: #fcfcfc;
-}
-
-main {
- max-width: $container-width;
- margin-left: auto;
- margin-right: auto;
+ font-family: $monospace;
+ background-color: $monokai-gray-0;
+ color: $monokai-light;
+ font-size: $base-font-size;
+ padding: 5rem 0 0 0;
+ margin: 0;
}
header {
+ position: fixed;
+ top: 0;
+ left: 0;
width: 100%;
- min-height: $base-font-size * 3;
- font-family: $monospace;
-
- a {
- padding: $base-font-size * 0.5;
- }
+ height: 5rem;
+ padding: 0;
+ margin: 0;
+ text-align: center;
+ background-color: $monokai-gray-0;
+ box-shadow: 0 1rem 1rem $monokai-gray-0;
}
footer {
- margin-top: $base-font-size * 2;
-}
-
-footer, footer * {
+ @extend .muted;
+ padding: 2rem;
text-align: center;
- font-size: $base-font-size * 0.8;
- color: $muted-color;
- font-family: $sans;
}
section {
- margin-bottom: $base-font-size * 4;
+ padding-left: 5rem;
}
-h1, h1 * {
- margin-top: $base-font-size;
- font-size: $base-font-size * 2;
+h1 {
+ @include container;
+ color: $monokai-orange;
+ font-size: 2rem;
font-weight: bold;
- font-family: $sans;
}
-h2, h2 * {
- margin-top: $base-font-size;
- font-size: $base-font-size * 1.5;
+h2 {
+ @include container;
+ color: $monokai-orange;
+ font-size: 1.5rem;
font-weight: bold;
- font-family: $sans;
}
table {
@@ -83,92 +83,85 @@ table {
}
td {
- padding: $base-font-size * 0.5;
+ padding: 0.5rem;
}
p {
- margin-top: $base-font-size;
- line-height: $line-height;
+ @include container;
+ line-height: 2rem;
}
ol, ul {
- margin: $base-font-size 0;
+ @include container;
}
li {
- margin-left: $base-font-size * 2;
- margin-right: $base-font-size * 2;
- padding: $base-font-size * 0.25;
+ margin-left: 2rem;
+ margin-right: 2rem;
+ padding: 1rem;
}
pre {
- margin: $base-font-size 0;
+ margin: 1rem 0;
}
-code {
- font-family: $monospace;
- font-size: 0.8em;
- color: $muted-color;
+kbd {
+ color: $monokai-lime;
}
-kbd {
- font-family: $monospace;
- font-size: $base-font-size * 0.7;
- color: $muted-color;
- border: 1px solid $muted-color;
- padding: 2px 4px;
- border-radius: 3px;
+code {
+ color: $monokai-gray-5;
+ background-color: $monokai-gray-1;
}
hr {
- border-top: 1px dotted $muted-color;
+ border: none;
margin-top: $base-font-size;
margin-bottom: $base-font-size;
-}
-
-a, a * {
- color: $brand-color !important;
- &:hover {
- color: darken($brand-color, 10%) !important;
+ text-align: center;
+ &:after {
+ @extend .muted;
+ content: '~ ~ ~';
}
}
-time {
- color: $muted-color;
-}
-
-.column {
- display: inline-block;
-}
-
-.left, .right {
+.d3container {
text-align: center;
- display: block;
}
-@media (min-width: $container-width) {
-.left {
- text-align: left;
- float: left;
+blockquote {
+ font-style: italic;
+ p {
+ box-sizing: border-box;
+ border-left: 1rem solid $monokai-gray-1;
+ padding: 0 1rem;
+ }
}
-.right {
- text-align: right;
- float: right;
-}
+a {
+ color: $monokai-blue;
+ text-decoration: none;
+ &:hover {
+ color: $monokai-magenta;
+ }
}
-.muted, .muted * {
- color: $muted-color;
+time {
+ @extend .muted;
}
-.sans, .sans * {
- font-family: $sans;
+aside {
+ @extend .muted;
}
.text-center {
text-align: center;
- margin: $base-font-size 0;
+}
+
+.flex-justify {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
}
.home {
@@ -177,121 +170,25 @@ time {
left: 0;
width: 100%;
height: 100%;
- background: linear-gradient(0deg, darken($brand-color, 5%), darken($brand-color, 15%));
text-align: center;
-
pre {
margin-top: 2em;
- font-size: 18px;
display: inline-block;
- color: #fff;
text-align: left;
- line-height: 28px;
-
- a {
- color: #fff !important;
- border-bottom: 1px solid #ccc;
- &:hover {
- text-shadow: 0 0 2px #fff !important;
- }
- }
+ line-height: 2rem;
}
}
-svg text {
- font-family: $sans;
+.highlight {
+ margin: 0;
+ padding: 1rem;
+ background-color: $monokai-gray-1;
}
-$monokai-blue-light: #89BDFF;
-$monokai-gray: #595959;
-$monokai-gray-darker: #383830;
-$monokai-gray-darkest: #141411;
-$monokai-gray-lightest: #595959;
-$monokai-gray-light: #E6E6E6;
-$monokai-green: #A6E22A;
-$monokai-green-light: #A6E22E;
-$monokai-grey-dark: #272822;
-$monokai-magenta: #F92672;
-$monokai-purple: #AE81FF;
-$monokai-purple-light: #FD5FF1;
-$monokai-yellow: #E6DB74;
-$monokai-yellow-dark: #75715E;
-$monokai-yellow-light: #F8F8F2;
-
.highlight pre {
- background-color: $monokai-gray-darker;
- padding: $base-font-size * 0.5;
- overflow-x: scroll;
- code {
- color: #fff;
- }
+ @include container;
}
-.highlight * {
- font-size: $base-font-size * 0.8;
+.hl.string {
+ color: $monokai-yellow;
}
-
-.highlight pre code .hll { background-color: #49483e }
-.highlight pre code .c { color: #75715e } /* Comment */
-.highlight pre code .err { color: #960050; background-color: #1e0010 } /* Error */
-.highlight pre code .k { color: #66d9ef } /* Keyword */
-.highlight pre code .l { color: #ae81ff } /* Literal */
-.highlight pre code .n { color: #f8f8f2 } /* Name */
-.highlight pre code .o { color: #f92672 } /* Operator */
-.highlight pre code .p { color: #f8f8f2 } /* Punctuation */
-.highlight pre code .cm { color: #75715e } /* Comment.Multiline */
-.highlight pre code .cp { color: #75715e } /* Comment.Preproc */
-.highlight pre code .c1 { color: #75715e } /* Comment.Single */
-.highlight pre code .cs { color: #75715e } /* Comment.Special */
-.highlight pre code .ge { font-style: italic } /* Generic.Emph */
-.highlight pre code .gs { font-weight: bold } /* Generic.Strong */
-.highlight pre code .kc { color: #66d9ef } /* Keyword.Constant */
-.highlight pre code .kd { color: #66d9ef } /* Keyword.Declaration */
-.highlight pre code .kn { color: #f92672 } /* Keyword.Namespace */
-.highlight pre code .kp { color: #66d9ef } /* Keyword.Pseudo */
-.highlight pre code .kr { color: #66d9ef } /* Keyword.Reserved */
-.highlight pre code .kt { color: #66d9ef } /* Keyword.Type */
-.highlight pre code .ld { color: #e6db74 } /* Literal.Date */
-.highlight pre code .m { color: #ae81ff } /* Literal.Number */
-.highlight pre code .s { color: #e6db74 } /* Literal.String */
-.highlight pre code .na { color: #a6e22e } /* Name.Attribute */
-.highlight pre code .nb { color: #f8f8f2 } /* Name.Builtin */
-.highlight pre code .nc { color: #a6e22e } /* Name.Class */
-.highlight pre code .no { color: #66d9ef } /* Name.Constant */
-.highlight pre code .nd { color: #a6e22e } /* Name.Decorator */
-.highlight pre code .ni { color: #f8f8f2 } /* Name.Entity */
-.highlight pre code .ne { color: #a6e22e } /* Name.Exception */
-.highlight pre code .nf { color: #a6e22e } /* Name.Function */
-.highlight pre code .nl { color: #f8f8f2 } /* Name.Label */
-.highlight pre code .nn { color: #f8f8f2 } /* Name.Namespace */
-.highlight pre code .nx { color: #a6e22e } /* Name.Other */
-.highlight pre code .py { color: #f8f8f2 } /* Name.Property */
-.highlight pre code .nt { color: #f92672 } /* Name.Tag */
-.highlight pre code .nv { color: #f8f8f2 } /* Name.Variable */
-.highlight pre code .ow { color: #f92672 } /* Operator.Word */
-.highlight pre code .w { color: #f8f8f2 } /* Text.Whitespace */
-.highlight pre code .mf { color: #ae81ff } /* Literal.Number.Float */
-.highlight pre code .mh { color: #ae81ff } /* Literal.Number.Hex */
-.highlight pre code .mi { color: #ae81ff } /* Literal.Number.Integer */
-.highlight pre code .mo { color: #ae81ff } /* Literal.Number.Oct */
-.highlight pre code .sb { color: #e6db74 } /* Literal.String.Backtick */
-.highlight pre code .sc { color: #e6db74 } /* Literal.String.Char */
-.highlight pre code .sd { color: #e6db74 } /* Literal.String.Doc */
-.highlight pre code .s2 { color: #e6db74 } /* Literal.String.Double */
-.highlight pre code .se { color: #ae81ff } /* Literal.String.Escape */
-.highlight pre code .sh { color: #e6db74 } /* Literal.String.Heredoc */
-.highlight pre code .si { color: #e6db74 } /* Literal.String.Interpol */
-.highlight pre code .sx { color: #e6db74 } /* Literal.String.Other */
-.highlight pre code .sr { color: #e6db74 } /* Literal.String.Regex */
-.highlight pre code .s1 { color: #e6db74 } /* Literal.String.Single */
-.highlight pre code .ss { color: #e6db74 } /* Literal.String.Symbol */
-.highlight pre code .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
-.highlight pre code .vc { color: #f8f8f2 } /* Name.Variable.Class */
-.highlight pre code .vg { color: #f8f8f2 } /* Name.Variable.Global */
-.highlight pre code .vi { color: #f8f8f2 } /* Name.Variable.Instance */
-.highlight pre code .il { color: #ae81ff } /* Literal.Number.Integer.Long */
-
-.highlight pre code .gh { } /* Generic Heading & Diff Header */
-.highlight pre code .gu { color: #75715e; } /* Generic.Subheading & Diff Unified/Comment? */
-.highlight pre code .gd { color: #f92672; } /* Generic.Deleted & Diff Deleted */
-.highlight pre code .gi { color: #a6e22e; } /* Generic.Inserted & Diff Inserted */
diff --git a/_layouts/blog.html b/_layouts/blog.html
index feda43c..9f15d01 100644
--- a/_layouts/blog.html
+++ b/_layouts/blog.html
@@ -2,19 +2,12 @@
layout: master
---
<header>
- <div class="left column">
- <a href="/">benburwell.com</a>
- <a href="/posts/">posts</a>
- <a href="/projects/">projects</a>
- </div>
- <div class="right column">
- <a href="https://github.com/benburwell"><i class="lg-icon icon-github"></i></a>
- <a href="https://twitter.com/bburwell"><i class="lg-icon icon-twitter"></i></a>
- </div>
+ <h1><a href="../">../</a></h1>
</header>
<main>
{{ content }}
</main>
<footer>
- <a href="/license/">&copy; 2015</a> &bull; <a href="/privacy/">Privacy</a>
+ <p><a href="/">about</a> ~ <a href="/posts/">posts</a> ~ <a href="/projects/">projects</a> ~ <a href="https://github.com/benburwell">github</a></p>
+ <p><a href="/license/">&copy; 2015</a> ~ <a href="/privacy/">privacy</a></p>
</footer>
diff --git a/_layouts/post.html b/_layouts/post.html
index 5df27d2..c77a65c 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -14,15 +14,21 @@ layout: blog
<footer>
<p>
Share on:<br>
+ <!--
<a title="Share/Discuss on Hacker News" target="_blank" href="https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="lg-icon icon-share-hacker-news"></i></a>
<a title="Share on Twitter" target="_blank" href="https://twitter.com/intent/tweet?text={{ page.title }}&amp;url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="lg-icon icon-share-twitter"></i></a>
<a title="Share on Facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}"><i class="lg-icon icon-share-facebook"></i></a>
<a title="Share on Google+" target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}"><i class="lg-icon icon-share-gplus"></i></a>
+ -->
+ <a title="Share/Discuss on Hacker News" target="_blank" href="https://news.ycombinator.com/submitlink?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}">Hacker News</a><br>
+ <a title="Share on Twitter" target="_blank" href="https://twitter.com/intent/tweet?text={{ page.title }}&amp;url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}">Twitter</a><br>
+ <a title="Share on Facebook" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}">Facebook</a><br>
+ <a title="Share on Google+" target="_blank" href="https://plus.google.com/share?url=http%3A%2F%2Fwww.benburwell.com{{ page.url | cgi_escape }}&amp;t={{ page.title }}">Google Plus</a>
</p>
<p>
Read more:<br>
- {% for related in site.related_posts %}
+ {% for related in site.related_posts | limit: 3 %}
<a href="{{ related.url }}">{{ related.title }}</a><br>
{% endfor %}
</p>
diff --git a/_posts/2015-06-01-facebook-now-sends-pgp-encrypted-email-notifications.markdown b/_posts/2015-06-01-facebook-now-sends-pgp-encrypted-email-notifications.markdown
index a111c90..7be8aae 100644
--- a/_posts/2015-06-01-facebook-now-sends-pgp-encrypted-email-notifications.markdown
+++ b/_posts/2015-06-01-facebook-now-sends-pgp-encrypted-email-notifications.markdown
@@ -10,7 +10,7 @@ Today, I noticed that Facebook now has a place for you to list your PGP public k
<!--more-->
-<p><a href="/assets/images/facebook_gpg.png"><img src="/assets/images/facebook_gpg.png" style="width:100%" alt="Facebook now gives the option to list your PGP public key"></a></p>
+<p><a href="/assets/images/facebook_gpg.png"><img src="/assets/images/facebook_gpg.png" style="max-width:100%" alt="Facebook now gives the option to list your PGP public key"></a></p>
The mouseover help text states:
diff --git a/_sass/fonts.scss b/_sass/fonts.scss
deleted file mode 100644
index edfde73..0000000
--- a/_sass/fonts.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-// Merriweather
-@font-face {
- font-family: 'merriweather_light';
- src: url('/assets/fonts/merriweather-lightitalic-webfont.eot');
- src: url('/assets/fonts/merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
- url('/assets/fonts/merriweather-lightitalic-webfont.woff') format('woff'),
- url('/assets/fonts/merriweather-lightitalic-webfont.ttf') format('truetype');
- font-weight: normal;
- font-style: italic;
-}
-
-@font-face {
- font-family: 'merriweather_light';
- src: url('/assets/fonts/merriweather_light-webfont.eot');
- src: url('/assets/fonts/merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
- url('/assets/fonts/merriweather_light-webfont.woff') format('woff'),
- url('/assets/fonts/merriweather_light-webfont.ttf') format('truetype');
- font-weight: normal;
- font-style: normal;
-}
diff --git a/_sass/icons.scss b/_sass/icons.scss
deleted file mode 100644
index a56bb5f..0000000
--- a/_sass/icons.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-@font-face {
- font-family: 'fontello';
- src: url('/assets/fonts/fontello.eot?46807042');
- src: url('/assets/fonts/fontello.eot?46807042#iefix') format('embedded-opentype'),
- url('/assets/fonts/fontello.woff?46807042') format('woff'),
- url('/assets/fonts/fontello.ttf?46807042') format('truetype'),
- url('/assets/fonts/fontello.svg?46807042#fontello') format('svg');
- font-weight: normal;
- font-style: normal;
-}
-
- [class^="icon-"]:before, [class*=" icon-"]:before {
- font-family: "fontello";
- font-style: normal;
- font-weight: normal;
- speak: none;
-
- display: inline-block;
- text-decoration: inherit;
- width: 1em;
- margin-right: .2em;
- text-align: center;
- /* opacity: .8; */
-
- /* For safety - reset parent styles, that can break glyph codes*/
- font-variant: normal;
- text-transform: none;
-
- /* fix buttons height, for twitter bootstrap */
- line-height: 1em;
-
- /* Animation center compensation - margins should be symmetric */
- /* remove if not needed */
- margin-left: .2em;
-
- /* you can be more comfortable with increased icons size */
- /* font-size: 120%; */
-
- /* Font smoothing. That was taken from TWBS */
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-
- /* Uncomment for 3D effect */
- /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
-}
-
-.lg-icon:before {
- font-size: 200%;
-}
-
-.icon-twitter:before { content: '\e800'; } /* '' */
-.icon-share-twitter:before { content: '\e801'; } /* '' */
-.icon-share-gplus:before { content: '\e803'; } /* '' */
-.icon-share-facebook:before { content: '\e804'; } /* '' */
-.icon-share-hacker-news:before { content: '\e805'; } /* '' */
-.icon-github:before { content: '\e808'; } /* '' */
diff --git a/assets/fonts/fontello.eot b/assets/fonts/fontello.eot
deleted file mode 100644
index 777c8ae..0000000
--- a/assets/fonts/fontello.eot
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/fontello.svg b/assets/fonts/fontello.svg
deleted file mode 100644
index 47a66c4..0000000
--- a/assets/fonts/fontello.svg
+++ /dev/null
@@ -1,17 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>Copyright (C) 2015 by original authors @ fontello.com</metadata>
-<defs>
-<font id="fontello" horiz-adv-x="1000" >
-<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
-<missing-glyph horiz-adv-x="1000" />
-<glyph glyph-name="twitter" unicode="&#xe800;" d="m904 622q-37-54-90-93 0-8 0-23 0-73-21-145t-64-139-103-117-144-82-181-30q-151 0-276 81 19-3 43-3 126 0 224 77-59 2-105 36t-64 89q19-2 34-2 24 0 48 6-63 13-104 62t-41 115v2q38-21 82-23-37 25-59 64t-22 86q0 49 25 91 68-83 164-133t208-55q-5 21-5 41 0 75 53 127t127 53q79 0 132-57 61 12 114 44-20-64-79-100 52 6 104 28z" horiz-adv-x="928.6" />
-<glyph glyph-name="share-twitter" unicode="&#xe801;" d="m714 510q-31-14-67-19 38 22 52 65-37-21-75-29-34 37-85 37-49 0-83-34t-35-83q0-16 3-27-72 4-135 37t-107 86q-16-28-16-59 0-64 51-98-27 1-56 15v-1q0-42 28-75t68-40q-16-5-28-5-7 0-22 2 12-35 42-58t67-23q-64-50-145-50-15 0-28 1 82-52 180-52 62 0 117 20t93 53 68 76 42 91 13 94q0 10 0 15 35 25 58 61z m143 108v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
-<glyph glyph-name="share-gplus" unicode="&#xe803;" d="m463 170q0-42-33-62t-78-21q-23 0-45 6t-42 15-32 30-13 44q0 25 14 44t37 29 46 14 47 4q11 0 17-1 1-1 13-9t15-11 12-10 14-12 11-13 9-14 5-15 3-18z m-42 304q0-33-18-55t-51-22q-30 0-52 24t-32 53-10 60q0 34 18 58t51 24q30 0 52-25t33-57 9-60z m59 144l50 36h-148q-48 0-90-18t-71-55-29-85q0-52 36-87t88-34q13 0 24 2-7-16-7-30 0-25 22-53-97-6-143-35-26-16-42-41t-16-53q0-24 10-43t27-31 39-21 43-12 43-3q33 0 67 8t63 26 48 46 19 65q0 28-11 50t-28 38-32 26-27 25-12 24 9 24 21 22 25 24 21 33 8 46q0 33-12 55t-41 51h46z m163-250h71v35h-71v72h-36v-72h-71v-35h71v-90h36v90z m214 250v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
-<glyph glyph-name="share-facebook" unicode="&#xe804;" d="m696 779q67 0 114-48t47-113v-536q0-66-47-113t-114-48h-104v332h111l16 130h-127v83q0 31 13 46t51 16l68 1v115q-35 5-100 5-75 0-121-45t-45-126v-95h-112v-130h112v-332h-297q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535z" horiz-adv-x="857.1" />
-<glyph glyph-name="share-hacker-news" unicode="&#xe805;" d="m460 298l192 328h-84q-12-22-35-66t-38-72-33-66-34-71h-2q-11 26-24 54t-29 59-26 51-31 58-27 53h-84l181-328v-243h74v243z m397 320v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
-<glyph glyph-name="github" unicode="&#xe808;" d="m857 350q0-140-82-252t-211-155q-15-3-22 4t-7 17v118q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 68-44 115 21 51-5 114-15 5-45-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-48 7q-24-63-4-114-44-47-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-22-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l5-13q8-21 25-34t37-17 39-4 31 2l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58 215-58 156-156 57-215z" horiz-adv-x="857.1" />
-</font>
-</defs>
-</svg> \ No newline at end of file
diff --git a/assets/fonts/fontello.ttf b/assets/fonts/fontello.ttf
deleted file mode 100644
index b0789c6..0000000
--- a/assets/fonts/fontello.ttf
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/fontello.woff b/assets/fonts/fontello.woff
deleted file mode 100644
index fc74ad3..0000000
--- a/assets/fonts/fontello.woff
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather-lightitalic-webfont.eot b/assets/fonts/merriweather-lightitalic-webfont.eot
deleted file mode 100644
index a677e49..0000000
--- a/assets/fonts/merriweather-lightitalic-webfont.eot
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather-lightitalic-webfont.ttf b/assets/fonts/merriweather-lightitalic-webfont.ttf
deleted file mode 100644
index aa60615..0000000
--- a/assets/fonts/merriweather-lightitalic-webfont.ttf
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather-lightitalic-webfont.woff b/assets/fonts/merriweather-lightitalic-webfont.woff
deleted file mode 100644
index 5cb6ac3..0000000
--- a/assets/fonts/merriweather-lightitalic-webfont.woff
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather_light-webfont.eot b/assets/fonts/merriweather_light-webfont.eot
deleted file mode 100644
index 1796417..0000000
--- a/assets/fonts/merriweather_light-webfont.eot
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather_light-webfont.ttf b/assets/fonts/merriweather_light-webfont.ttf
deleted file mode 100644
index 7600dd6..0000000
--- a/assets/fonts/merriweather_light-webfont.ttf
+++ /dev/null
Binary files differ
diff --git a/assets/fonts/merriweather_light-webfont.woff b/assets/fonts/merriweather_light-webfont.woff
deleted file mode 100644
index ebd04ce..0000000
--- a/assets/fonts/merriweather_light-webfont.woff
+++ /dev/null
Binary files differ
diff --git a/index.html b/index.html
index 582b476..cf87df5 100644
--- a/index.html
+++ b/index.html
@@ -5,18 +5,17 @@ title: Ben Burwell - Software Engineer
<div class="home">
<pre>{
- "name": "Ben Burwell",
- "email": "<a href="mailto:ben@benburwell.com">ben@benburwell.com</a>",
- "pgp": "<a href="https://keybase.io/benburwell/key.asc">6661 12D9 67A3 6ECD</a>",
- "blog": "<a href="/posts/">/posts/</a>",
- "projects": "<a href="/projects/">/projects/</a>",
- "resume": "<a href="/resume.pdf">/resume.pdf</a>",
- "github": "<a href="https://github.com/benburwell">@benburwell</a>",
- "twitter": "<a href="https://twitter.com/bburwell">@bburwell</a>",
- "likes": [
+ "<span class="hl string">name</span>": "<span class="hl string">Ben Burwell</span>",
+ "<span class="hl string">email</span>": "<a href="mailto:ben@benburwell.com">ben@benburwell.com</a>",
+ "<span class="hl string">pgp</span>": "<a href="https://keybase.io/benburwell/key.asc">6661 12D9 67A3 6ECD</a>",
+ "<span class="hl string">blog</span>": "<a href="/posts/">/posts/</a>",
+ "<span class="hl string">projects</span>": "<a href="/projects/">/projects/</a>",
+ "<span class="hl string">resume</span>": "<a href="/resume.pdf">/resume.pdf</a>",
+ "<span class="hl string">github</span>": "<a href="https://github.com/benburwell">@benburwell</a>",
+ "<span class="hl string">likes</span>": [
"<a href="https://en.wikipedia.org/wiki/Unix_philosophy">unix philosophy</a>",
- "crypto",
- "infosec",
+ "<span class="hl string">crypto</span>",
+ "<span class="hl string">infosec</span>",
"<a href="/theatre/">lighting design</a>"
]
}</pre>
diff --git a/posts/index.html b/posts/index.html
index 1aac46e..6d96cd0 100644
--- a/posts/index.html
+++ b/posts/index.html
@@ -6,10 +6,10 @@ redirect_from: /writing/
---
<h1>Posts</h1>
-<p>An irregularly updated blogish thing about stuff I’m interested in</p>
-<ul>
{% for post in site.posts %}
- <li><a href="{{ post.url }}">{{ post.title }}</a> <time datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: "%-d %B %Y" }}</time></li>
+<p class="flex-justify">
+ <a href="{{ post.url }}">{{ post.title }}</a>
+ <time datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | date: "%-d %B %Y" }}</time>
+</p>
{% endfor %}
-</ul>
diff --git a/projects/index.html b/projects/index.html
index b5e863a..79461a4 100644
--- a/projects/index.html
+++ b/projects/index.html
@@ -4,22 +4,22 @@ title: Ben Burwell’s Projects
description: Projects I’ve done.
---
-<h1>Projects</h1>
+<h1>My Projects</h1>
{% for project in site.data.projects %}
+<h2>
+ {% if project.live %}
+ <a href="{{ project.live }}" target="_blank">{{ project.name }}</a>
+ {% else %}
+ {{ project.name }}
+ {% endif %}
+</h2>
<section>
- <h2>
- {% if project.live %}
- <a href="{{ project.live }}" target="_blank">{{ project.name }}</a>
- {% else %}
- {{ project.name }}
- {% endif %}
- </h2>
<p class="muted sans">
{{ project.tech }}
{% if project.github %}
&bull;
- <a href="https://github.com/{{ project.github }}"><i class="icon-github"></i>{{ project.github }}</a>
+ <a href="https://github.com/{{ project.github }}">{{ project.github }}</a>
{% endif %}
</p>
<p>{{ project.description }}</p>
diff --git a/theatre/index.html b/theatre/index.html
index 4781fd6..d281275 100644
--- a/theatre/index.html
+++ b/theatre/index.html
@@ -4,9 +4,9 @@ title: Theatrical Credits
description: Mostly for my own reference, here’s a list of shows I’ve worked on.
---
-<h1>Theatrical Credits</h1>
+<h1 class="text-center">Theatrical Credits</h1>
-<table class="fancy-table">
+<table>
{% for show in site.data.shows %}
<tr>
<td><i>{{ show.name }}</i></td>