From 6fa536f3268bf7bd4fd85df7fa78fbc4c67eaaa1 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Sat, 20 Dec 2014 23:13:09 -0500 Subject: Working on some major changes --- 404.markdown | 4 +- _config.yml | 17 +- _data/shows.yml | 160 ++ _includes/inline.scss | 236 +-- _layouts/master.html | 7 +- _layouts/post.html | 33 +- _posts/2006-01-01-shows.markdown | 160 -- .../2012-08-18-american-education-reform.markdown | 1 + _posts/2012-08-19-art-versus-design.markdown | 1 + ...12-08-20-interoperability-and-firstnet.markdown | 1 + .../2012-08-25-the-apple-samsung-battle.markdown | 1 + _posts/2012-12-12-mobile-design-paradigm.markdown | 1 + _posts/2013-01-13-unified-show-control.markdown | 13 - _posts/2013-12-13-helvetica.markdown | 29 - _posts/2013-12-13-mdengine.markdown | 11 - ...23-quick-application-launcher-for-os-x.markdown | 1 + .../2014-04-28-forest-printer-management.markdown | 29 - ...1-migrating-to-github-pages-and-jekyll.markdown | 1 + _posts/2014-05-03-printing-at-muhlenberg.markdown | 1 + ...le-compilation-for-jekyll-github-pages.markdown | 1 + _posts/2014-06-08-viewtime.markdown | 22 - ...-authentication-and-why-does-it-matter.markdown | 1 + ...10-10-open-bug-tracking-empowers-users.markdown | 1 + ...1-configuring-cloudflare-universal-ssl.markdown | 1 + _sass/960-responsive.scss | 8 + _sass/fonts.scss | 12 +- _sass/global.scss | 9 +- assets/fonts/OpenSans-Light.eot | Bin 0 -> 19514 bytes assets/fonts/OpenSans-Light.svg | 1831 ++++++++++++++++++++ assets/fonts/OpenSans-Light.ttf | Bin 0 -> 37336 bytes assets/fonts/OpenSans-Light.woff | Bin 0 -> 22248 bytes index.html | 6 +- posts/index.html | 11 + projects/forest-printer-management/index.markdown | 28 + projects/helvetica/index.markdown | 28 + projects/index.html | 14 +- projects/mdengine/index.markdown | 10 + projects/unified-show-control/index.markdown | 12 + projects/viewtime/index.markdown | 21 + theatre/index.html | 18 + writing/index.html | 11 - 41 files changed, 2330 insertions(+), 422 deletions(-) create mode 100644 _data/shows.yml delete mode 100644 _posts/2006-01-01-shows.markdown delete mode 100644 _posts/2013-01-13-unified-show-control.markdown delete mode 100644 _posts/2013-12-13-helvetica.markdown delete mode 100644 _posts/2013-12-13-mdengine.markdown delete mode 100644 _posts/2014-04-28-forest-printer-management.markdown delete mode 100644 _posts/2014-06-08-viewtime.markdown create mode 100755 assets/fonts/OpenSans-Light.eot create mode 100755 assets/fonts/OpenSans-Light.svg create mode 100755 assets/fonts/OpenSans-Light.ttf create mode 100755 assets/fonts/OpenSans-Light.woff create mode 100644 posts/index.html create mode 100644 projects/forest-printer-management/index.markdown create mode 100644 projects/helvetica/index.markdown create mode 100644 projects/mdengine/index.markdown create mode 100644 projects/unified-show-control/index.markdown create mode 100644 projects/viewtime/index.markdown create mode 100644 theatre/index.html delete mode 100644 writing/index.html diff --git a/404.markdown b/404.markdown index d103d5a..d2f7885 100644 --- a/404.markdown +++ b/404.markdown @@ -2,9 +2,11 @@ title: Well, this is embarrassing. description: Page not found — that’s a 404 :( permalink: /404.html -layout: post +layout: master --- +# Well, this is embarassing. + Either I screwed up and linked you to a page that doesn’t exist (silly me!), or you went looking for something that I never made (silly me — I should have made it!). Sorry about that! diff --git a/_config.yml b/_config.yml index 3703e13..acf476b 100644 --- a/_config.yml +++ b/_config.yml @@ -1,13 +1,20 @@ -name: Ben Burwell +# Config options markdown: redcarpet highlighter: pygments +sass: + style: :compressed + sass_dir: _sass +permalink: /posts/:title/ +gems: + - jekyll-redirect-from +timezone: America/New_York +lsi: true + +# Site-level data +name: Ben Burwell keywords: - ben burwell - freelance - designer - developer description: "Computer science student, hacker. Passionate about kerning and coffee." -sass: - style: :compressed - sass_dir: _sass -permalink: /:categories/:title/ diff --git a/_data/shows.yml b/_data/shows.yml new file mode 100644 index 0000000..f9c975f --- /dev/null +++ b/_data/shows.yml @@ -0,0 +1,160 @@ +- name: Trifles + role: Lighting Designer + person: dir. William Raynor + date: October 2014 + + +- name: Every Good Boy Deserves Favor + role: Lighting Designer + person: dir. Benjamin Wald + date: Spring 2014 + + +- name: The Problem + role: Lighting Designer + person: dir. Meghan Sullivan + date: Spring 2013 + + +- name: The Bourgeois Pig + role: Sound Programmer + person: dir. Beth Schachter + date: Fall 2012 + + +- name: Dutchman + role: Lighting Designer + person: dir. Rachel Lang + date: Fall 2012 + + +- name: The Drowsy Chaperone + role: Follow Spot Operator + person: + date: Summer 2012 + + +- name: Merrily We Roll Along + role: Sound Board Operator + person: + date: Fall 2011 + + +- name: Zenobia + role: Light Board Operator + person: + date: Summer 2011 + + +- name: 13 + role: Lighting Designer + person: + date: Summer 2011 + + +- name: 12 Incompetent Men (And Women!) + role: Lighting Designer + person: dir. Stan Cahill + date: Spring 2011 + + +- name: Cristos (Since 1976) + role: Technical Advisor + person: dir. Abigail Nover + date: Spring 2011 + + +- name: The Wedding Singer + role: Master Electrician + person: L.D. Josh Benghiat + date: Spring 2011 + + +- name: Almost, Maine + role: Master Electrician + person: L.D. Josh Benghiat + date: Fall 2010 + + +- name: Oh Deer! + role: Light Board Operator + person: + date: Summer 2010 + + +- name: A Midsummer Night’s Dream + role: Lighting Designer + person: dir. Charlie Murray + date: Summer 2010 + + +- name: A Chorus Line + role: Light Board Operator & Master Electrician + person: L.D. Josh Benghiat + date: Spring 2010 + + +- name: Julius Caesar + role: Light Board Operator & Master Electrician + person: L.D. Josh Benghiat + date: Fall 2009 + + +- name: Joseph and the Amazing Technicolor Dreamcoat + role: Sound Board Operator + person: + date: Summer 2009 + + +- name: The Fantasticks + role: Lighting Designer & Master Electrician + person: + date: Spring 2009 + + +- name: Sweet Charity + role: Sound Board Operator + person: + date: Spring 2009 + + +- name: The Crucible + role: Properties Master + person: + date: Fall 2008 + + +- name: Oliver! + role: Deck Crew + person: + date: Summer 2008 + + +- name: Working + role: Deck Crew + person: + date: Spring 2008 + + +- name: The Diviners + role: Deck Crew + person: + date: Fall 2007 + + +- name: The Sound of Music + role: Deck Crew & Rigging + person: + date: Summer 2007 + + +- name: The Velveteen Rabbit + role: Deck Crew + person: + date: Spring 2007 + + +- name: Charlie and the Chocolate Factory + role: Deck Crew + person: + date: Spring 2006 diff --git a/_includes/inline.scss b/_includes/inline.scss index b0feec9..da8c4f0 100644 --- a/_includes/inline.scss +++ b/_includes/inline.scss @@ -7,38 +7,133 @@ body { font-family: $serif; font-size: 20px; - color: $base02; + color: $black; } h1, h2, h3, h4, h5, h6 { font-family: $sans; - font-weight: 600; - margin-top: 0.5em; + font-weight: 200; + margin-top: 1em; margin-bottom: 0.5em; + text-align: center; + width: 80%; + margin-left: auto; + margin-right: auto; } a { color: $red; text-decoration: none; - @include transition(color, 0.25s, linear); + @include transition(color, $link-fade-time, ease); &:hover { - color: darken($red, 15%); + color: darken($red, $link-darken-amount); + } + + &.project { + color: $blue; + &:hover { + color: darken($blue, $link-darken-amount); + } + } + + &.post { + color: $magenta; + &:hover { + color: darken($magenta, $link-darken-amount); + } + } +} + +p { + line-height: 2em; + margin-bottom: 2em; + margin-top: 2em; +} + +pre { + margin-bottom: 1.5em; + border-left: 3px solid $base1; + padding-left: 1em; +} + +blockquote { + width: 80%; + margin-right: auto; + margin-left: auto; + margin-top: 0; + margin-bottom: 0; + position: relative; + + quotes: "\201C""\201D""\2018""\2019"; + + &:before { + content: open-quote; + color: $base1; + font-size: 4em; + margin: 0; + padding: 0; + line-height: 0; + position: absolute; + left: -0.7em; + top: 0.5em; + font-family: $monospace; } } +table { + margin-top: 1em; + margin-bottom: 1em; +} + +td { + font-size: 0.8em; + padding: 0.5em; + vertical-align: top; +} + +ul { + list-style-type: square; +} + +ul, ol { + margin-left: 2em; + margin-bottom: 1em; +} + +li { + margin-bottom: 1em; +} + +code { + font-family: $monospace; + font-size: 0.8em; + color: $base01; +} + footer { - font-family: $sans; + font-family: $monospace; text-align: center; + border-top: 2px solid $red; padding-top: 1em; - padding-bottom: 2em; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 600; + padding-bottom: 1em; font-size: 0.8em; + @include transition(color, $link-fade-time, ease); + color: $base1; - p { - margin: 1em; + a { + color: $base1; + } + + &:hover { + color: $black; + + a { + color: $red; + &:hover { + color: darken($red, $link-darken-amount); + } + } } } @@ -47,16 +142,16 @@ header { font-family: $sans; a { - // font-size: 1em; - font-weight: 600; - color: rgb(255, 255, 255); + font-weight: 200; + color: $white; display: block; + border: none; text-align: center; - padding-top: 0.5em; - padding-bottom: 0.5em; + padding: 0.5em; + @include transition(all, $link-fade-time, ease); &:hover { - color: rgb(255, 255, 255); + color: $white; } } @@ -64,7 +159,7 @@ header { @include nav_button($blue); } - .writing { + .posts { @include nav_button($magenta); } @@ -78,7 +173,10 @@ header { } .about { - text-align: center; + p { + text-align: center; + } + width: 80%; margin-left: auto; margin-right: auto; @@ -94,105 +192,29 @@ header { background-repeat: no-repeat; } -[class^="icon-"], -[class*=" icon-"] { - font-family: 'icomoon'; - speak: none; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - - font-size: 32px; - - /* Better Font Rendering =========== */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -p { - line-height: 1.7em; - margin-bottom: 1.7em; -} - -pre { - margin-bottom: 1.5em; - border-left: 3px solid $base1; - padding-left: 1em; -} - - - -.projects a { - color: $blue; - &:hover { - color: darken($blue, 15%); - } +.right { + text-align: right; } -.writing a { - color: $magenta; - &:hover { - color: darken($magenta, 15%); - } +.arrow { + color: $base1; + font-family: $monospace; + font-size: 2em; } .article { .date { - margin-bottom: 1em; - font-family: $sans; - font-weight: 600; + // margin-bottom: 1em; + font-family: $monospace; + // font-weight: 200; + color: $base1; + text-align: center; } img { max-width: 100%; } - - ul { - list-style-type: square; - } - - ul, ol { - margin-left: 2em; - margin-bottom: 1em; - } - - code { - font-family: $monospace; - font-size: 0.7em; - color: $base01; - } -} - -.social-buttons { - float: right; -} - -//  -.icon-googleplus { - color: $googleplus-color; -} - -//  -.icon-facebook { - color: $facebook-color; -} - -//  -.icon-twitter { - color: $twitter-color; -} - -//  -.icon-tumblr { - color: $tumblr-color; -} - -//  -.icon-pinterest { - color: $pinterest-color; } @media print { diff --git a/_layouts/master.html b/_layouts/master.html index 587337a..c1839b1 100644 --- a/_layouts/master.html +++ b/_layouts/master.html @@ -75,7 +75,7 @@ Projects
- Writing + Posts
GitHub @@ -88,8 +88,9 @@ {{ content }}
diff --git a/_layouts/post.html b/_layouts/post.html index 2094b11..53a4999 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -6,27 +6,26 @@ layout: master

{{ page.title }}

-
- - - - - - - - - +
{{ page.date | date: "%A, %-d %B %Y" }}
- - + {{ content }} + {% if page.previous %} +
+
←
+
{{ page.previous.title }}
+ {% endif %} -
{{ page.date | date: "%A, %-d %B %Y" }}
+ {% if page.next %} +
+
→
+
{{ page.next.title }}
+
+ {% endif %} - {{ content }} + {% for post in site.related_posts limit:3 %} + {{post.title}} + {% endfor %} diff --git a/_posts/2006-01-01-shows.markdown b/_posts/2006-01-01-shows.markdown deleted file mode 100644 index dc3f97d..0000000 --- a/_posts/2006-01-01-shows.markdown +++ /dev/null @@ -1,160 +0,0 @@ ---- -layout: post -title: Theatrical Credits -description: Mostly for my own reference, here’s a list of shows I’ve worked on. -category: projects ---- - -### _Every Good Boy Deserves Favor_ (Spring 2014) - -Lighting Designer — dir. Benjamin Wald - - - -### _The Problem_ (Spring 2013) - -Lighting Designer — dir. Meghan Sullivan - - - -### _The Bourgeois Pig_ (Fall 2012) - -Sound Programmer — dir. Beth Schachter - - - -### _Dutchman_ (Fall 2012) - -Lighting Designer — dir. Rachel Lang - - - -### _The Drowsy Chaperone_ (Summer 2012) - -Follow Spot Operator - - - -### _Merrily We Roll Along_ (Fall 2011) - -Sound Board Operator - - - -### _Zenobia_ (Summer 2011) - -Light Board Operator - - - -### _13_ (Summer 2011) - -Lighting Designer - - - -### _12 Incompetent Men (And Women!)_ (Spring 2011) - -Lighting Designer — dir. Stan Cahill - - - -### _Cristos (Since 1976)_ (Spring 2011) - -Technical Advisor — dir. Abigail Nover - - - -### _The Wedding Singer_ (Spring 2011) - -Master Electrician — L.D. Josh Benghiat - - - -### _Almost, Maine_ (Fall 2010) - -Master Electrician — L.D. Josh Benghiat - - - -### _Oh Deer!_ (Summer 2010) - -Light Board Operator - - - -### _A Midsummer Night’s Dream_ (Summer 2010) - -Supertech (Ran lights & sound, designed lights, installed scenic elements, Master Electrician, etc.) - - - -### _A Chorus Line_ (Spring 2010) - -Light Board Operator & Master Electrician - - - -### _Julius Caesar_ (Fall 2009) - -Light Board Operator & Master Electrician - - - -### _Joseph and the Amazing Technicolor Dreamcoat_ (Summer 2009) - -Sound Board Operator - - - -### _The Fantasticks_ (Spring 2009) - -Lighting Design & Master Electrician - - - -### _Sweet Charity_ (Spring 2009) - -Sound Board Operator - - - -### _The Crucible_ (Fall 2008) - -Properties Master - - - -### _Oliver!_ (Summer 2008) - -Deck Crew - - - -### _Working_ (Spring 2008) - -Deck Crew - - - -### _The Diviners_ (Fall 2007) - -Deck Crew - - - -### _The Sound of Music_ (Summer 2007) - -Deck Crew & Rigging - - - -### _The Velveteen Rabbit_ (Spring 2007) - -Deck Crew - - - -### _Charlie and the Chocolate Factory_ (Spring 2006) - -Deck Crew diff --git a/_posts/2012-08-18-american-education-reform.markdown b/_posts/2012-08-18-american-education-reform.markdown index 2340c35..f5ab578 100644 --- a/_posts/2012-08-18-american-education-reform.markdown +++ b/_posts/2012-08-18-american-education-reform.markdown @@ -4,6 +4,7 @@ description: Thoughts on typography and education. date: 2012-08-18 00:00:00 category: writing layout: post +redirect_from: "/writing/american-education-reform/" --- This was going to be a snarky piece on how good typographic practice is rarely found outside of the professional realm, but nobody would want to read that. Except, perhaps, for other typography nerds. And that is part of what I have to say. But a small part. diff --git a/_posts/2012-08-19-art-versus-design.markdown b/_posts/2012-08-19-art-versus-design.markdown index d93760f..1fee887 100644 --- a/_posts/2012-08-19-art-versus-design.markdown +++ b/_posts/2012-08-19-art-versus-design.markdown @@ -4,6 +4,7 @@ description: The subtle differences between art and design and their impact on s date: 2012-08-19 00:00:00 category: writing layout: post +redirect_from: "/writing/art-versus-design/" --- As I was skimming [a list of observations on art versus design][list], I was struck by one entry in particular: diff --git a/_posts/2012-08-20-interoperability-and-firstnet.markdown b/_posts/2012-08-20-interoperability-and-firstnet.markdown index 110e37d..50e41e2 100644 --- a/_posts/2012-08-20-interoperability-and-firstnet.markdown +++ b/_posts/2012-08-20-interoperability-and-firstnet.markdown @@ -4,6 +4,7 @@ description: The United States is finally putting real effort into building a na date: 2012-08-20 00:00:00 category: writing layout: post +redirect_from: "/writing/interoperability-and-firstnet/" --- The United States is finally putting real effort into building a nationwide public safety network with [FirstNet], the First Responder Network Authority. FirstNet has been tasked by Congress to build, deploy, and maintain a nationwide broadband network for use by public safety agencies in order to provide completely interoperable communications. diff --git a/_posts/2012-08-25-the-apple-samsung-battle.markdown b/_posts/2012-08-25-the-apple-samsung-battle.markdown index e9c307a..e9121c2 100644 --- a/_posts/2012-08-25-the-apple-samsung-battle.markdown +++ b/_posts/2012-08-25-the-apple-samsung-battle.markdown @@ -4,6 +4,7 @@ date: 2012-08-25 00:00:00 description: What Samsung did is not “theft.” There is no doubt that they blatantly copied some of Apple’s design elements, so based on our current legal system, Apple certainly had every right to pursue damages. layout: post category: writing +redirect_from: "/writing/the-apple-samsung-battle/" --- On August 24, a jury in San Jose, California awarded $1,049,343,540 to Apple after Samsung was found to be in violation of their software and design patents. This case is monumental not because of the actual damages to be paid by Samsung, but because of the precedent it sets. There is no question that Samsung’s designs were inspired by (perhaps even copied from) the iPhone and iPad. In a statement following the ruling, Apple hailed the ruling “for sending a loud and clear message that stealing isn’t right,” while Samsung stated that the verdict “will lead to fewer choices, less innovation, and potentially higher prices. It is unfortunate that patent law can be manipulated to give one company a monopoly over rectangles with rounded corners.” diff --git a/_posts/2012-12-12-mobile-design-paradigm.markdown b/_posts/2012-12-12-mobile-design-paradigm.markdown index 3108e33..9bda652 100644 --- a/_posts/2012-12-12-mobile-design-paradigm.markdown +++ b/_posts/2012-12-12-mobile-design-paradigm.markdown @@ -4,6 +4,7 @@ description: When iOS was first introduced, it was filled with beautiful, glossy date: 2012-12-12 00:00:00 category: writing layout: post +redirect_from: "/writing/mobile-design-paradigm/" --- When iOS was first introduced, it was filled with beautiful, glossy icons with shadowing and reflections. However, there’s been a shift in the UI design as the operating system has matured. diff --git a/_posts/2013-01-13-unified-show-control.markdown b/_posts/2013-01-13-unified-show-control.markdown deleted file mode 100644 index 67eded6..0000000 --- a/_posts/2013-01-13-unified-show-control.markdown +++ /dev/null @@ -1,13 +0,0 @@ ---- -layout: post -title: Unified Show Control -description: A paper on unifying all aspects of theatrical show control. -date: 2013-01-13 00:00:00 -category: projects ---- - -For my freshman writing seminar at Muhlenberg, I wrote a paper on a system I devised for controlling many different theatrical cueing consoles from one master console using MIDI Show Control (MSC). I called my system [Unified Show Control (pdf)](/assets/pdf/Unified_Show_Control.pdf). - -Shortly after finishing this project, I discovered that [QLab][] from Figure 53 already has MSC built into it. Though it was slightly disappointing, I was thrilled that my idea already exists, albeit in a slightly different form. - -[QLab]: http://figure53.com/qlab/ diff --git a/_posts/2013-12-13-helvetica.markdown b/_posts/2013-12-13-helvetica.markdown deleted file mode 100644 index 9e94eb6..0000000 --- a/_posts/2013-12-13-helvetica.markdown +++ /dev/null @@ -1,29 +0,0 @@ ---- -layout: post -title: Helvetica for Safari and Chrome -description: Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). -date: 2013-12-13 00:00:00 -category: projects ---- - -Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). - -Installing Helvetica in Safari ------------------------------- - -* [Download Helvetica](http://updates.benburwell.com/safari/helvetica/latest.safariextz) to your computer. -* Click on the Downloads icon in the toolbar. -* Double-click on `helvetica.safariextz` to install. - -Installing Helvetica in Google Chrome -------------------------------------- - -* [Download Helvetica](http://updates.benburwell.com/chrome/helvetica/latest.crx) to your computer. -* Click the ![triple bar](/assets/images/icons/settings-icon.png) icon on the Chrome toolbar -* Select Tools > Extensions. -* Locate the extension file on your computer and drag the file onto the Extensions page. -* Review the list of permissions in the dialog that appears. If you would like to proceed, click Install. - -It’s not perfect; there will be some text that is not Helvetica since this is simply the application of a stylesheet. If a site is using significant amounts of JavaScript, some text may not be transformed. This will be corrected in later versions. - -For the most part, fonts will be replaced on sites that don’t have very specific typography. In general, you’ll find that sites that have put care into their typeface choices will have those choices preserved. diff --git a/_posts/2013-12-13-mdengine.markdown b/_posts/2013-12-13-mdengine.markdown deleted file mode 100644 index 4555659..0000000 --- a/_posts/2013-12-13-mdengine.markdown +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: post -title: MDEngine -description: A drag-and-drop PHP script enabling simple serving of rendered Markdown files. -date: 2013-12-13 00:00:00 -category: projects ---- - -MDEngine was born of my need to serve static Markdown files simply and beautifully. I accomplished this by creating MDEngine, the PHP Markdown Engine. - -It’s extremely lightweight and takes the form of a small collection of files you can drop into any web directory served with Apache which will then serve all `.md` files as beautiful HTML. MDEngine is [available on GitHub](https://github.com/bburwell/mdengine). diff --git a/_posts/2014-04-23-quick-application-launcher-for-os-x.markdown b/_posts/2014-04-23-quick-application-launcher-for-os-x.markdown index 4d4f77e..bc0a937 100644 --- a/_posts/2014-04-23-quick-application-launcher-for-os-x.markdown +++ b/_posts/2014-04-23-quick-application-launcher-for-os-x.markdown @@ -4,6 +4,7 @@ title: Quick App Launcher for OS X description: How to remap your keyboard to quickly launch applications. date: 2014-04-23 00:00:00 category: writing +redirect_from: "/writing/quick-application-launcher-for-os-x/" --- I’ve been using [Alfred][] for some time now as an application launcher. If you’re not familiar with application launchers such as Alfred, it’s essentially Spotlight supercharged. It can find and launch applications, open files, perform custom web searches, even shut down your computer for you — all from commands you type in. diff --git a/_posts/2014-04-28-forest-printer-management.markdown b/_posts/2014-04-28-forest-printer-management.markdown deleted file mode 100644 index 772c7c8..0000000 --- a/_posts/2014-04-28-forest-printer-management.markdown +++ /dev/null @@ -1,29 +0,0 @@ ---- -layout: post -title: Forest™ Printer Management System -description: For my Software Engineering class, we built a printer management infrastructure. -date: 2014-04-28 00:00:00 -category: projects ---- - -In the Fall 2013 semester, I took a Software Engineering class. After a few weeks studying about development lifecycles, scheduling techniques, and such, we split the class into groups to propose and develop large software projects. I joined the team that was building a system that would track printer usage, display status, and collect statistics. Having previously created [a printer status project](http://mathcs.muhlenberg.edu/~bb246500/printers/), I found the idea intriguing. - -Several of the team members had experience using GitHub, so we decided to [create an organization](https://github.com/printerSystemCSI210) to store documents and provide version control. We had the school Math/CS department web server running Apache available for web hosting. Additionally, I had experience with [Node.js](http://nodejs.org) running on [Heroku](https://www.heroku.com/), so we had that technology in our arsenal as well. - -One of the first challenges we encountered that would have an impact on our architecture was the fact that most printers do not have public IP addresses and thus would need to be queried from inside the local network, while we wanted the public-facing site to be accessible regardless of physical location. This led us to developing the concept of an API which would enable a master database to be queried and updated by various components. In developing an API-central infrastructure, we were also looking down th line towards supporting client-developed applications and native applications for various platforms (iOS, Android, Windows, OS X). - -

- - Forest Interaction Diagram - -

- -Our first task was to develop a data format and database schema. As we intended to use [actionhero](http://actionherojs.com) for the API server, we created a [schema for MongoDB](https://github.com/printerSystemCSI210/api-server/blob/master/initializers/_project.js) and a base [set of API commands](https://github.com/printerSystemCSI210/api-server/tree/master/actions) we would need to implement in order to get a framework of the service up and running. We [deployed this on Heroku](https://forest-api.herokuapp.com). - -Simultaneously, we began work on a [web frontend](https://github.com/printerSystemCSI210/frontend) [hosted on the Math/CS server](http://mathcs.muhlenberg.edu/~mb247142/forest/frontend/home.php) that would communicate with the API to display graphs using [chart.js](http://www.chartjs.org). You can make an account here and add printers, though the interface is probably still a bit buggy. - -Additionally, we created a [Ruby program](https://github.com/printerSystemCSI210/query-agent) that would be running on the local network and would pull printer addresses from the API and query their status and properties via SNMP and push this information back to the API at a specified interval. We began working on bundling the gem as a standalone application using [Omnibus](https://github.com/opscode/omnibus-ruby), but due to lack of time at the end of the semester, this was never completed. - -At the end of the semester, we had built three interacting components, each using a different technology (Node.js/Mongoose, PHP/Apache, Ruby). You can [read our final Venture Proposal (pdf)](/assets/pdf/forest_venture_proposal.pdf). While all of our components communicated over HTTP using JSON, it’s worth noting that actionhero supports socket connections over TCP/TLS, which would have been a better choice for some of our infrastructure in production. We decided to use HTTP since it was easier to deploy on Heroku’s free tier and easier to interact with without writing additional components in Ruby and PHP. - -We’ve talked about continuing to develop the project beyond the class, but no progress has really been made. It’s probably possible to get a working monitoring system up and running based off our code (which is [all on GitHub](https://github.com/printerSystemCSI210)), but it would require quite a bit of legwork as it currently stands. diff --git a/_posts/2014-05-01-migrating-to-github-pages-and-jekyll.markdown b/_posts/2014-05-01-migrating-to-github-pages-and-jekyll.markdown index f2dbe27..5271a57 100644 --- a/_posts/2014-05-01-migrating-to-github-pages-and-jekyll.markdown +++ b/_posts/2014-05-01-migrating-to-github-pages-and-jekyll.markdown @@ -4,6 +4,7 @@ title: Migrating to GitHub Pages and Jekyll description: How I moved my website to GitHub Pages using the Jekyll static site generator in under three hours. category: writing date: 2014-05-01 00:00:00 +redirect_from: "/writing/migrating-to-github-pages-and-jekyll/" --- ## Background diff --git a/_posts/2014-05-03-printing-at-muhlenberg.markdown b/_posts/2014-05-03-printing-at-muhlenberg.markdown index f4e4260..64d949b 100644 --- a/_posts/2014-05-03-printing-at-muhlenberg.markdown +++ b/_posts/2014-05-03-printing-at-muhlenberg.markdown @@ -4,6 +4,7 @@ title: Enhancing Printing at Muhlenberg description: Avoiding frustration and wasted paper by providing remote status reporting and logical DNS names. category: writing date: 2014-05-03 00:00:00 +redirect_from: "/writing/printing-at-muhlenberg/" --- A common frustration of Muhlenberg students is to print a document to a dorm printer only to find that the printer had no paper when going to collect it. This leads to both frustration and wasted paper, since when more paper is put into the printer, it will print out all the queued jobs from when the tray was empty. By that time, students have often given up and printed their document to another printer. 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 c5e66f9..6762b7c 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 @@ -4,6 +4,7 @@ title: LESS File Compilation for Jekyll and GitHub Pages description: Git’s pre-commit hook allows one-click static site deployment — including LESS file compilation — to GitHub pages. category: writing date: 2014-05-31 00:00:00 +redirect_from: "/writing/less-file-compilation-for-jekyll-github-pages/" --- I recently wrote about [migrating my website to GitHub Pages](/writing/migrating-to-github-pages-and-jekyll) and noted that I wasn’t completely satisfied with my deployment workflow. Ideally, [creating a build should be done in a single step](http://www.joelonsoftware.com/articles/fog0000000043.html). As I wrote, my previous build workflow required me to manually compile my [LESS](http://lesscss.org) files before committing if I’d made changes. While my stylesheet doesn’t change often, this method is certainly not ideal. diff --git a/_posts/2014-06-08-viewtime.markdown b/_posts/2014-06-08-viewtime.markdown deleted file mode 100644 index a6628e4..0000000 --- a/_posts/2014-06-08-viewtime.markdown +++ /dev/null @@ -1,22 +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 -category: projects -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:_ Click to install or [view on the Chrome Webstore](https://chrome.google.com/webstore/detail/viewtime/jcplgieacjacdjabiiedcdfcpbgohbpp). - -![ViewTime example](/assets/images/viewtime-example.png) diff --git a/_posts/2014-09-30-what-is-two-factor-authentication-and-why-does-it-matter.markdown b/_posts/2014-09-30-what-is-two-factor-authentication-and-why-does-it-matter.markdown index 372d49c..bbca8d6 100644 --- a/_posts/2014-09-30-what-is-two-factor-authentication-and-why-does-it-matter.markdown +++ b/_posts/2014-09-30-what-is-two-factor-authentication-and-why-does-it-matter.markdown @@ -5,6 +5,7 @@ description: As more web services allow users to enable two-factor authenticatio date: 2014-09-30 00:00:00 category: writing image: http://www.benburwell.com/assets/images/padlock.png +redirect_from: "/writing/what-is-two-factor-authentication-and-why-does-it-matter/" --- With subversions of the security measures of cloud-based services on the rise, many service providers are implementing a strategy known as multi-factor authentication or simply educating their users about the implementations they’ve had for years. diff --git a/_posts/2014-10-10-open-bug-tracking-empowers-users.markdown b/_posts/2014-10-10-open-bug-tracking-empowers-users.markdown index 515f7f6..c627add 100644 --- a/_posts/2014-10-10-open-bug-tracking-empowers-users.markdown +++ b/_posts/2014-10-10-open-bug-tracking-empowers-users.markdown @@ -5,6 +5,7 @@ description: Allowing users to view the status of bugs and file bug reports cont date: 2014-10-10 00:00:00 category: writing image: http://www.benburwell.com/assets/images/heisenbug.svg +redirect_from: "/writing/open-bug-tracking-empowers-users/" --- diff --git a/_posts/2014-10-11-configuring-cloudflare-universal-ssl.markdown b/_posts/2014-10-11-configuring-cloudflare-universal-ssl.markdown index 4a5549a..0e873dc 100644 --- a/_posts/2014-10-11-configuring-cloudflare-universal-ssl.markdown +++ b/_posts/2014-10-11-configuring-cloudflare-universal-ssl.markdown @@ -5,6 +5,7 @@ description: CloudFlare recently began enabling SSL for all its customers. Here date: 2014-10-11 00:00:00 category: writing image: https://www.benburwell.com/assets/images/universal-ssl.png +redirect_from: "/writing/configuring-cloudflare-universal-ssl/" --- On September 29, 2014, [CloudFlare](https://www.cloudflare.com/), a web security company and CDN provider, [announced](http://blog.cloudflare.com/introducing-universal-ssl/) that they would begin offering free, automatic SSL to all its customers (including those on their free plan). This is an enormous step forward for enhancing security and privacy on the Internet; while website owners would previously need to purchase an SSL certificate for their site and often pay extra for SSL hosting, CloudFlare now makes this all free. Plus, you get the benefits of their other services such as DDoS protection. diff --git a/_sass/960-responsive.scss b/_sass/960-responsive.scss index 0dbbca3..feb8070 100644 --- a/_sass/960-responsive.scss +++ b/_sass/960-responsive.scss @@ -10,6 +10,7 @@ body { } .grid_blob, +.grid_half, .grid_wide { display: inline; float: left; @@ -21,6 +22,10 @@ body { width: 220px; } +.container .grid_half { + width: 440px; +} + .container .grid_wide { width: 940px; } @@ -57,6 +62,7 @@ body { } .container .grid_blob { width: 172px; } + .container .grid_half { widht: 344px; } .container .grid_wide { width: 748px; } } @@ -72,6 +78,7 @@ body { } .container .grid_blob, + .container .grid_half, .container .grid_wide { margin: 0; width: 300px; @@ -91,6 +98,7 @@ body { } .container .grid_blob, + .container .grid_half, .container .grid_wide { margin: 0; width: 420px; diff --git a/_sass/fonts.scss b/_sass/fonts.scss index 74eb9bf..fd4e871 100644 --- a/_sass/fonts.scss +++ b/_sass/fonts.scss @@ -11,12 +11,12 @@ @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; + 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; } diff --git a/_sass/global.scss b/_sass/global.scss index 9da4a39..d0bfa42 100644 --- a/_sass/global.scss +++ b/_sass/global.scss @@ -14,6 +14,8 @@ $violet: #6c71c4; $blue: #268bd2; $cyan: #2aa198; $green: #859900; +$black: #000000; +$white: #ffffff; $googleplus-color: #DD4B39; $facebook-color: #3b5998; @@ -25,6 +27,9 @@ $sans: 'open_sans', sans-serif; $serif: 'crimson_text', serif; $monospace: 'source_code_pro', monospace; +$link-fade-time: 0.4s; +$link-darken-amount: 20%; + // Mixin to deal with cross-browser transitions @mixin transition ($param, $time, $type) { -webkit-transition: $param $time $type; @@ -36,10 +41,8 @@ $monospace: 'source_code_pro', monospace; @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/assets/fonts/OpenSans-Light.eot b/assets/fonts/OpenSans-Light.eot new file mode 100755 index 0000000..1486840 Binary files /dev/null and b/assets/fonts/OpenSans-Light.eot differ diff --git a/assets/fonts/OpenSans-Light.svg b/assets/fonts/OpenSans-Light.svg new file mode 100755 index 0000000..11a472c --- /dev/null +++ b/assets/fonts/OpenSans-Light.svg @@ -0,0 +1,1831 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/fonts/OpenSans-Light.ttf b/assets/fonts/OpenSans-Light.ttf new file mode 100755 index 0000000..63af664 Binary files /dev/null and b/assets/fonts/OpenSans-Light.ttf differ diff --git a/assets/fonts/OpenSans-Light.woff b/assets/fonts/OpenSans-Light.woff new file mode 100755 index 0000000..e786074 Binary files /dev/null and b/assets/fonts/OpenSans-Light.woff differ diff --git a/index.html b/index.html index c24781f..bca626e 100644 --- a/index.html +++ b/index.html @@ -6,5 +6,9 @@ title: Ben Burwell

Ben Burwell

-

Passionate about kerning & coffee. I’m available for freelance work on a limited basis; if you’re interested in hiring me for your project, please get in touch.

+

Software engineer, student, hacker. Passionate about kerning & coffee.

+ + {% for post in site.posts limit:1 %} +

Latest post: {{ post.title }}

+ {% endfor %}
diff --git a/posts/index.html b/posts/index.html new file mode 100644 index 0000000..75fa783 --- /dev/null +++ b/posts/index.html @@ -0,0 +1,11 @@ +--- +layout: master +title: Ben Burwell’s Writing +description: A small collection of writing I’ve done on various topics over the years. +--- + +
+ {% for post in site.posts %} +

{{ post.title }}

+ {% endfor %} +
diff --git a/projects/forest-printer-management/index.markdown b/projects/forest-printer-management/index.markdown new file mode 100644 index 0000000..45faf05 --- /dev/null +++ b/projects/forest-printer-management/index.markdown @@ -0,0 +1,28 @@ +--- +layout: post +title: Forest™ Printer Management System +description: For my Software Engineering class, we built a printer management infrastructure. +date: 2014-04-28 00:00:00 +--- + +In the Fall 2013 semester, I took a Software Engineering class. After a few weeks studying about development lifecycles, scheduling techniques, and such, we split the class into groups to propose and develop large software projects. I joined the team that was building a system that would track printer usage, display status, and collect statistics. Having previously created [a printer status project](http://mathcs.muhlenberg.edu/~bb246500/printers/), I found the idea intriguing. + +Several of the team members had experience using GitHub, so we decided to [create an organization](https://github.com/printerSystemCSI210) to store documents and provide version control. We had the school Math/CS department web server running Apache available for web hosting. Additionally, I had experience with [Node.js](http://nodejs.org) running on [Heroku](https://www.heroku.com/), so we had that technology in our arsenal as well. + +One of the first challenges we encountered that would have an impact on our architecture was the fact that most printers do not have public IP addresses and thus would need to be queried from inside the local network, while we wanted the public-facing site to be accessible regardless of physical location. This led us to developing the concept of an API which would enable a master database to be queried and updated by various components. In developing an API-central infrastructure, we were also looking down th line towards supporting client-developed applications and native applications for various platforms (iOS, Android, Windows, OS X). + +

+ + Forest Interaction Diagram + +

+ +Our first task was to develop a data format and database schema. As we intended to use [actionhero](http://actionherojs.com) for the API server, we created a [schema for MongoDB](https://github.com/printerSystemCSI210/api-server/blob/master/initializers/_project.js) and a base [set of API commands](https://github.com/printerSystemCSI210/api-server/tree/master/actions) we would need to implement in order to get a framework of the service up and running. We [deployed this on Heroku](https://forest-api.herokuapp.com). + +Simultaneously, we began work on a [web frontend](https://github.com/printerSystemCSI210/frontend) [hosted on the Math/CS server](http://mathcs.muhlenberg.edu/~mb247142/forest/frontend/home.php) that would communicate with the API to display graphs using [chart.js](http://www.chartjs.org). You can make an account here and add printers, though the interface is probably still a bit buggy. + +Additionally, we created a [Ruby program](https://github.com/printerSystemCSI210/query-agent) that would be running on the local network and would pull printer addresses from the API and query their status and properties via SNMP and push this information back to the API at a specified interval. We began working on bundling the gem as a standalone application using [Omnibus](https://github.com/opscode/omnibus-ruby), but due to lack of time at the end of the semester, this was never completed. + +At the end of the semester, we had built three interacting components, each using a different technology (Node.js/Mongoose, PHP/Apache, Ruby). You can [read our final Venture Proposal (pdf)](/assets/pdf/forest_venture_proposal.pdf). While all of our components communicated over HTTP using JSON, it’s worth noting that actionhero supports socket connections over TCP/TLS, which would have been a better choice for some of our infrastructure in production. We decided to use HTTP since it was easier to deploy on Heroku’s free tier and easier to interact with without writing additional components in Ruby and PHP. + +We’ve talked about continuing to develop the project beyond the class, but no progress has really been made. It’s probably possible to get a working monitoring system up and running based off our code (which is [all on GitHub](https://github.com/printerSystemCSI210)), but it would require quite a bit of legwork as it currently stands. diff --git a/projects/helvetica/index.markdown b/projects/helvetica/index.markdown new file mode 100644 index 0000000..3b3454c --- /dev/null +++ b/projects/helvetica/index.markdown @@ -0,0 +1,28 @@ +--- +layout: post +title: Helvetica for Safari and Chrome +description: Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). +date: 2013-12-13 00:00:00 +--- + +Those who believe the web should be made more beautiful will appreciate this extension for Safari and Google Chrome that makes all text display in Helvetica Neue (with regular old Helvetica as a backup). + +Installing Helvetica in Safari +------------------------------ + +* [Download Helvetica](http://updates.benburwell.com/safari/helvetica/latest.safariextz) to your computer. +* Click on the Downloads icon in the toolbar. +* Double-click on `helvetica.safariextz` to install. + +Installing Helvetica in Google Chrome +------------------------------------- + +* [Download Helvetica](http://updates.benburwell.com/chrome/helvetica/latest.crx) to your computer. +* Click the ![triple bar](/assets/images/icons/settings-icon.png) icon on the Chrome toolbar +* Select Tools > Extensions. +* Locate the extension file on your computer and drag the file onto the Extensions page. +* Review the list of permissions in the dialog that appears. If you would like to proceed, click Install. + +It’s not perfect; there will be some text that is not Helvetica since this is simply the application of a stylesheet. If a site is using significant amounts of JavaScript, some text may not be transformed. This will be corrected in later versions. + +For the most part, fonts will be replaced on sites that don’t have very specific typography. In general, you’ll find that sites that have put care into their typeface choices will have those choices preserved. diff --git a/projects/index.html b/projects/index.html index 2036787..f19f3c7 100644 --- a/projects/index.html +++ b/projects/index.html @@ -4,8 +4,14 @@ title: Ben Burwell’s Projects description: Projects I’ve done. --- -
- {% for post in site.categories.projects %} -

{{ post.title }}

- {% endfor %} +
+

ViewTime, a Browser Extension for YouTube™

+ +

Forest™ Printer Management System

+ +

MDEngine

+ +

Helvetica for Safari and Chrome

+ +

Unified Show Control

diff --git a/projects/mdengine/index.markdown b/projects/mdengine/index.markdown new file mode 100644 index 0000000..57433d2 --- /dev/null +++ b/projects/mdengine/index.markdown @@ -0,0 +1,10 @@ +--- +layout: post +title: MDEngine +description: A drag-and-drop PHP script enabling simple serving of rendered Markdown files. +date: 2013-12-13 00:00:00 +--- + +MDEngine was born of my need to serve static Markdown files simply and beautifully. I accomplished this by creating MDEngine, the PHP Markdown Engine. + +It’s extremely lightweight and takes the form of a small collection of files you can drop into any web directory served with Apache which will then serve all `.md` files as beautiful HTML. MDEngine is [available on GitHub](https://github.com/bburwell/mdengine). diff --git a/projects/unified-show-control/index.markdown b/projects/unified-show-control/index.markdown new file mode 100644 index 0000000..cbbaa74 --- /dev/null +++ b/projects/unified-show-control/index.markdown @@ -0,0 +1,12 @@ +--- +layout: post +title: Unified Show Control +description: A paper on unifying all aspects of theatrical show control. +date: 2013-01-13 00:00:00 +--- + +For my freshman writing seminar at Muhlenberg, I wrote a paper on a system I devised for controlling many different theatrical cueing consoles from one master console using MIDI Show Control (MSC). I called my system [Unified Show Control (pdf)](/assets/pdf/Unified_Show_Control.pdf). + +Shortly after finishing this project, I discovered that [QLab][] from Figure 53 already has MSC built into it. Though it was slightly disappointing, I was thrilled that my idea already exists, albeit in a slightly different form. + +[QLab]: http://figure53.com/qlab/ diff --git a/projects/viewtime/index.markdown b/projects/viewtime/index.markdown new file mode 100644 index 0000000..d16bc2d --- /dev/null +++ b/projects/viewtime/index.markdown @@ -0,0 +1,21 @@ +--- +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:_ Click to install or [view on the Chrome Webstore](https://chrome.google.com/webstore/detail/viewtime/jcplgieacjacdjabiiedcdfcpbgohbpp). + +![ViewTime example](/assets/images/viewtime-example.png) diff --git a/theatre/index.html b/theatre/index.html new file mode 100644 index 0000000..71d4067 --- /dev/null +++ b/theatre/index.html @@ -0,0 +1,18 @@ +--- +layout: master +title: Theatrical Credits +description: Mostly for my own reference, here’s a list of shows I’ve worked on. +--- + +

Theatrical Credits

+ + + {% for show in site.data.shows %} + + + + + + + {% endfor %} +
{{ show.name }}{{ show.role }}{{ show.person }}{{ show.date }}
diff --git a/writing/index.html b/writing/index.html deleted file mode 100644 index 45c8c6f..0000000 --- a/writing/index.html +++ /dev/null @@ -1,11 +0,0 @@ ---- -layout: master -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 %} -

{{ post.title }}

- {% endfor %} -
-- cgit v1.2.3 From a1d227aac979416ae4368a715b2bec983be65cca Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Mon, 22 Dec 2014 21:15:33 -0500 Subject: Removed next and previous post links --- _layouts/post.html | 18 ------------------ 1 file changed, 18 deletions(-) diff --git a/_layouts/post.html b/_layouts/post.html index 53a4999..be602fb 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -10,22 +10,4 @@ layout: master {{ content }} - {% if page.previous %} -
-
←
- -
- {% endif %} - - {% if page.next %} -
-
→
- -
- {% endif %} - - {% for post in site.related_posts limit:3 %} - {{post.title}} - {% endfor %} -
-- cgit v1.2.3 From ced87d4c3a3331012c93a7a92c2788023dbe6c30 Mon Sep 17 00:00:00 2001 From: Ben Burwell Date: Mon, 22 Dec 2014 21:19:59 -0500 Subject: Fix typo --- _sass/960-responsive.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_sass/960-responsive.scss b/_sass/960-responsive.scss index feb8070..16fcd10 100644 --- a/_sass/960-responsive.scss +++ b/_sass/960-responsive.scss @@ -62,7 +62,7 @@ body { } .container .grid_blob { width: 172px; } - .container .grid_half { widht: 344px; } + .container .grid_half { width: 344px; } .container .grid_wide { width: 748px; } } -- cgit v1.2.3