diff options
| -rw-r--r-- | _includes/inline.scss | 29 | ||||
| -rw-r--r-- | _layouts/master.html | 6 | ||||
| -rw-r--r-- | _sass/global.scss | 6 | ||||
| -rw-r--r-- | _sass/syntax.scss | 222 | ||||
| -rw-r--r-- | projects/index.html | 8 | ||||
| -rw-r--r-- | writing/index.html | 8 |
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> |