diff options
| -rw-r--r-- | _config.yml | 6 | ||||
| -rw-r--r-- | _includes/fonts.scss | 35 | ||||
| -rw-r--r-- | _layouts/master.html | 10 | ||||
| -rw-r--r-- | _layouts/post.html | 19 | ||||
| -rw-r--r-- | _posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown | 10 | ||||
| -rw-r--r-- | _sass/fonts.scss | 57 | ||||
| -rw-r--r-- | assets/images/ben_circle.png | bin | 75304 -> 74428 bytes | |||
| -rw-r--r-- | assets/stylesheets/site.scss (renamed from _includes/inline.scss) | 65 | ||||
| -rw-r--r-- | assets/stylesheets/viewtime.css (renamed from assets/css/viewtime.css) | 0 | ||||
| -rw-r--r-- | index.html | 10 | ||||
| -rw-r--r-- | posts/index.html | 7 | ||||
| -rw-r--r-- | projects/index.html | 10 | ||||
| -rw-r--r-- | projects/viewtime/index.html (renamed from viewtime/index.html) | 30 | ||||
| -rw-r--r-- | projects/viewtime/index.markdown | 21 |
14 files changed, 97 insertions, 183 deletions
diff --git a/_config.yml b/_config.yml index acf476b..52c444c 100644 --- a/_config.yml +++ b/_config.yml @@ -14,7 +14,7 @@ lsi: true name: Ben Burwell keywords: - ben burwell - - freelance - - designer + - software engineer - developer -description: "Computer science student, hacker. Passionate about kerning and coffee." + - web applications +description: "I like to make awesome things with code. Software engineer, student, hacker. Passionate about kerning and coffee." diff --git a/_includes/fonts.scss b/_includes/fonts.scss new file mode 100644 index 0000000..58cc0d2 --- /dev/null +++ b/_includes/fonts.scss @@ -0,0 +1,35 @@ +@font-face { + font-family: 'open_sans'; + src: url('/assets/fonts/OpenSans-Light.eot'); + src: url('/assets/fonts/OpenSans-Light.woff') format('woff'), + url('/assets/fonts/OpenSans-Light.ttf') format('truetype'); + font-weight: 200; + font-style: normal; +} + +@font-face { + font-family: 'crimson_text'; + src: url('/assets/fonts/crimsontext-regular.eot'); + src: url('/assets/fonts/crimsontext-regular.woff') format('woff'), + url('/assets/fonts/crimsontext-regular.ttf') format('truetype'); + 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.woff') format('woff'), + url('/assets/fonts/crimsontext-italic.ttf') format('truetype'); + 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.woff') format('woff'), + url('/assets/fonts/sourcecodepro-regular.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/_layouts/master.html b/_layouts/master.html index c1839b1..92f6006 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -6,12 +6,14 @@ <meta charset="UTF-8"> <style type="text/css"> - {% capture inline %} - {% include inline.scss %} + {% capture fonts %} + {% include fonts.scss %} {% endcapture %} - {{ inline | scssify }} + {{ fonts | scssify }} </style> + <link rel="stylesheet" type="text/css" href="/assets/stylesheets/site.css"> + <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <link rel="shortcut icon" href="/assets/images/icons/favicon.ico" sizes="128x128"> @@ -90,7 +92,7 @@ <footer class="grid_wide"> <div><a href="/">Ben</a> / <a href="/pgp/">PGP</a> / <a href="/theatre/">Theatre</a></div> <div><a href="mailto:hi@benburwell.com">Email</a> / <a href="https://twitter.com/bburwell">Twitter</a> / <a href="https://ello.co/benburwell">Ello</a> / <a href="https://github.com/benburwell">GitHub</a></div> - <div><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">CC-BY</a></div> + <div><a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution License</a></div> </footer> </div> </body> diff --git a/_layouts/post.html b/_layouts/post.html index be602fb..ca44314 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -2,12 +2,13 @@ layout: master --- -<section class="article"> - - <h1>{{ page.title }}</h1> - - <div class="date">{{ page.date | date: "%A, %-d %B %Y" }}</div> - - {{ content }} - -</section> +<article itemscope itemtype="http://schema.org/BlogPosting" class="article"> + <header> + <h1 itemprop="headline">{{ page.title }}</h1> + <div class="date"><time itemprop="datePublished">{{ page.date | date: "%A, %-d %B %Y" }}</time></div> + </header> + + <div itemprop="articleBody"> + {{ content }} + </div> +</article> diff --git a/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown index 6762b7c..56e0410 100644 --- a/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown +++ b/_posts/2014-05-31-less-file-compilation-for-jekyll-github-pages.markdown @@ -11,14 +11,6 @@ I recently wrote about [migrating my website to GitHub Pages](/writing/migrating Using [Git hooks](http://git-scm.com/book/en/Customizing-Git-Git-Hooks), it’s possible to run a script at certain points during the Git workflow. To take advantage of this in my case, I added a small bash script to `.git/hooks/pre-commit`: -```bash -#!/bin/sh - -export PATH=/usr/local/bin:$PATH -cd /Users/Ben/Documents/Code/benburwell.github.io/assets/less -lessc --clean-css style.less ../css/style.css -cd /Users/Ben/Documents/Code/benburwell.github.io -git add /Users/Ben/Documents/Code/benburwell.github.io/assets/css/style.css -``` +{% gist benburwell/0ef673f6311b5191186e %} This is a pretty rough script, but it gets the job done for me. For a much more thorough script, see [this article by TJ VanToll](http://tjvantoll.com/2012/07/07/the-ideal-less-workflow-with-git/). diff --git a/_sass/fonts.scss b/_sass/fonts.scss deleted file mode 100644 index fd4e871..0000000 --- a/_sass/fonts.scss +++ /dev/null @@ -1,57 +0,0 @@ -@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-Light.eot'); - src: url('/assets/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), - url('/assets/fonts/OpenSans-Light.woff') format('woff'), - url('/assets/fonts/OpenSans-Light.ttf') format('truetype'), - url('/assets/fonts/OpenSans-Light.svg#open_sanslight') format('svg'); - font-weight: 200; - 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/assets/images/ben_circle.png b/assets/images/ben_circle.png Binary files differindex 352bff8..4963faa 100644 --- a/assets/images/ben_circle.png +++ b/assets/images/ben_circle.png diff --git a/_includes/inline.scss b/assets/stylesheets/site.scss index da8c4f0..a2ae002 100644 --- a/_includes/inline.scss +++ b/assets/stylesheets/site.scss @@ -1,8 +1,10 @@ -@import "fonts"; +--- +--- + @import "normalize"; @import "global"; @import "960-responsive"; -@import "syntax"; +// @import "syntax"; body { font-family: $serif; @@ -16,9 +18,8 @@ h1, h2, h3, h4, h5, h6 { margin-top: 1em; margin-bottom: 0.5em; text-align: center; - width: 80%; - margin-left: auto; - margin-right: auto; + padding-left: 10%; + padding-right: 10%; } a { @@ -52,9 +53,8 @@ p { } pre { - margin-bottom: 1.5em; - border-left: 3px solid $base1; - padding-left: 1em; + margin-bottom: 2em; + margin-top: 2em; } blockquote { @@ -108,13 +108,13 @@ li { code { font-family: $monospace; font-size: 0.8em; - color: $base01; + // color: $base1; } footer { font-family: $monospace; text-align: center; - border-top: 2px solid $red; + border-top: 2px solid $base1; padding-top: 1em; padding-bottom: 1em; font-size: 0.8em; @@ -138,10 +138,8 @@ footer { } header { - - font-family: $sans; - a { + font-family: $sans; font-weight: 200; color: $white; display: block; @@ -172,19 +170,15 @@ header { } } -.about { - p { - text-align: center; - } - +.about { width: 80%; margin-left: auto; margin-right: auto; } .portrait { - width: 220px; - height: 220px; + width: 200px; + height: 200px; margin-top: 2em; margin-left: auto; margin-right: auto; @@ -192,26 +186,23 @@ header { background-repeat: no-repeat; } +.center { + text-align: center; +} + .right { text-align: right; } -.arrow { - color: $base1; +.date { + // margin-bottom: 1em; font-family: $monospace; - font-size: 2em; + // font-weight: 200; + color: $base1; + text-align: center; } -.article { - - .date { - // margin-bottom: 1em; - font-family: $monospace; - // font-weight: 200; - color: $base1; - text-align: center; - } - +article { img { max-width: 100%; } @@ -226,16 +217,8 @@ header { color: #000; } - code { - color: #999; - } - header, footer { display: none; visibility: hidden; } - - .social-buttons { - display: none; - } } diff --git a/assets/css/viewtime.css b/assets/stylesheets/viewtime.css index b37bebc..b37bebc 100644 --- a/assets/css/viewtime.css +++ b/assets/stylesheets/viewtime.css @@ -1,14 +1,14 @@ --- layout: master -title: Ben Burwell +title: Ben Burwell - Software Engineer --- -<section class="about"> +<section itemscope itemtype="http://schema.org/Person" class="about"> <p class="portrait"></p> - <h1>Ben Burwell</h1> - <p>Software engineer, student, hacker. Passionate about kerning & coffee.</p> + <h1 itemprop="name">Ben Burwell</h1> + <p itemprop="description" class="center">Software engineer, student, hacker. Passionate about kerning & coffee.</p> {% for post in site.posts limit:1 %} - <p><i>Latest post:</i> <a href="{{ post.url }}">{{ post.title }}</a></p> + <p class="center"><i>Latest post:</i> <a href="{{ post.url }}">{{ post.title }}</a></p> {% endfor %} </section> diff --git a/posts/index.html b/posts/index.html index 75fa783..62b7c66 100644 --- a/posts/index.html +++ b/posts/index.html @@ -1,11 +1,12 @@ --- layout: master -title: Ben Burwell’s Writing -description: A small collection of writing I’ve done on various topics over the years. +title: Posts - Ben Burwell +description: Irregularly updated blogish thing about stuff I’m interested in. +redirect_from: /writing/ --- <section> {% for post in site.posts %} - <h1><a class="post" href="{{ post.url }}">{{ post.title }}</a></h1> + <h2><a class="post" href="{{ post.url }}">{{ post.title }}</a></h2> {% endfor %} </section> diff --git a/projects/index.html b/projects/index.html index f19f3c7..7c7202d 100644 --- a/projects/index.html +++ b/projects/index.html @@ -5,13 +5,13 @@ description: Projects I’ve done. --- <section> - <h1><a class="project" href="/projects/viewtime/">ViewTime, a Browser Extension for YouTube™</a></h1> + <h2><a class="project" href="/projects/viewtime/">ViewTime, a Browser Extension for YouTube™</a></h2> - <h1><a class="project" href="/projects/forest-printer-management/">Forest™ Printer Management System</a></h1> + <h2><a class="project" href="/projects/forest-printer-management/">Forest™ Printer Management System</a></h2> - <h1><a class="project" href="/projects/mdengine/">MDEngine</a></h1> + <h2><a class="project" href="/projects/mdengine/">MDEngine</a></h2> - <h1><a class="project" href="/projects/helvetica/">Helvetica for Safari and Chrome</a></h1> + <h2><a class="project" href="/projects/helvetica/">Helvetica for Safari and Chrome</a></h2> - <h1><a class="project" href="/projects/unified-show-control/">Unified Show Control</a></h1> + <h2><a class="project" href="/projects/unified-show-control/">Unified Show Control</a></h2> </section> diff --git a/viewtime/index.html b/projects/viewtime/index.html index 94767fd..ee6c866 100644 --- a/viewtime/index.html +++ b/projects/viewtime/index.html @@ -6,7 +6,7 @@ <meta charset="UTF-8"> <!-- Stylesheets --> - <link rel="stylesheet" href="/assets/css/viewtime.css"> + <link rel="stylesheet" href="/assets/stylesheets/viewtime.css"> <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"> <!-- Scripts --> @@ -25,7 +25,7 @@ <meta property="og:title" content="ViewTime, A YouTube Extension for Google Chrome and Safari"> <meta property="og:site_name" content="ViewTime"> <meta property="og:description" content="ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count."> - <meta property="og:image" content="http://www.benburwell.com/assets/images/viewtime-icon.png"> + <meta property="og:image" content="https://www.benburwell.com/assets/images/viewtime-icon.png"> <meta property="og:type" content="website"> <meta property="fb:admins" content="1439777397"> @@ -35,34 +35,12 @@ <meta name="twitter:title" content="ViewTime, A YouTube Extension for Google Chrome and Safari"> <meta name="twitter:creator" content="@bburwell"> <meta property="twitter:description" content="ViewTime is an extension for Safari and Google Chrome that inserts the total amount of time a YouTube video has been watched just below the view count."> - <meta name="twitter:image:src" content="http://www.benburwell.com/assets/images/viewtime-icon.png"> + <meta name="twitter:image:src" content="https://www.benburwell.com/assets/images/viewtime-icon.png"> <meta name="twitter:domain" content="BenBurwell.com"> <!-- Chrome Extension --> <link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/jcplgieacjacdjabiiedcdfcpbgohbpp"> - <!-- TypeKit --> - <script type="text/javascript"> - (function() { - var config = { - kitId: 'xgd2xxh' - }; - var d = false; - var tk = document.createElement('script'); - tk.src = '//use.typekit.net/' + config.kitId + '.js'; - tk.type = 'text/javascript'; - tk.async = 'true'; - tk.onload = tk.onreadystatechange = function() { - var rs = this.readyState; - if (d || rs && rs != 'complete' && rs != 'loaded') return; - d = true; - try { Typekit.load(config); } catch (e) {} - }; - var s = document.getElementsByTagName('script')[0]; - s.parentNode.insertBefore(tk, s); - })(); - </script> - <script type="text/javascript"> $(function() { if (window.chrome && window.chrome.webstore) { @@ -110,7 +88,7 @@ '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="/assets/images/icons/social/gplus_large.png" alt="Share on Google+"></a> </p> <p> - <a class="home_link" href="http://www.benburwell.com/">www.benburwell.com</a> + <a class="home_link" href="https://www.benburwell.com/">www.benburwell.com</a> </p> </div> </body> diff --git a/projects/viewtime/index.markdown b/projects/viewtime/index.markdown deleted file mode 100644 index d16bc2d..0000000 --- a/projects/viewtime/index.markdown +++ /dev/null @@ -1,21 +0,0 @@ ---- -layout: post -title: ViewTime, A Browser Extension for YouTube -description: ViewTime adds the amount of time a YouTube video has been played under its view count. -date: 2014-06-08 00:00:00 -image: http://www.benburwell.com/assets/images/viewtime-icon.png -chrome-webstore-item: jcplgieacjacdjabiiedcdfcpbgohbpp ---- - -It’s rather astonishing to consider the amount of time for which some viral videos have been watched. For example, Ylvis’ “The Fox” has been watched for nearly 3000 years. - -ViewTime is a plugin for Safari and Google Chrome that adds the duration the video has been played under its view count. - -Installation ------------- - -_Safari:_ [Download latest version](http://updates.benburwell.com/safari/viewtime/latest.safariextz) and double-click to install. - -_Chrome:_ <a href="javascript:chrome.webstore.install();" onclick="chrome.webstore.install();return false;">Click to install</a> or [view on the Chrome Webstore](https://chrome.google.com/webstore/detail/viewtime/jcplgieacjacdjabiiedcdfcpbgohbpp). - - |
