Code

After Dark

Hugo Dark Theme Website Generator

:: Node / Vue / ES6 / Fuse / Docker / CSS3 / Bash

Click image to browse After Dark documentation.

After fighting with WordPress on my personal blog for 5 years starting back in 2008 I like many others switched over to static. With Jekyll as my generator I found a lot to love over the years. After 3 years and an increasing amount of content I became familiar with Jekyll’s speed and scaling issues and ended up resorting to workarounds to avoid them, hurting my publishing cadence in the process.

Dissatisfied with Jekyll and after considerable product analysis I eventually discovered Hugo. Before switching I performed a multi-year experiment with Hugo before deciding to jump ship for good. After Dark was the result.

Hyperdrive

Increase the speed of WordPress 300% or more with one plug-in.

:: Fetch Inject / PHP / WordPress / Kahlan / Patchwork / Composer / Packagist

hyperdrive logo

Hyperdrive is a WordPress plugin wrapping Fetch Inject library to increase site performance using modern Web standards. Based on initial testing Hyperdrive was shown to reduce perceived latency in WordPress by 200-300%.

High Tea

Self-hosted full-stack Gitea service designed for use with Traefik.

:: Gitea / Traefik / Docker / Ini

High Tea is an After Dark extra that pairs Gitea with Traefik enabling you to manage source code online using an intuitive and fast web-based interface:

Lumpen Radio

React Native iOS app for WLPN-LP 105.5 Chicago.

:: CocoaPods / Swift / Objective-C / React / Flux / Babel / Webpack / Test Flight

iOS app built without recompense for the charity of Public Media Institute in 2015. One of the very first React Native apps to be accepted to the Apple App Store and selected for Facebook’s React Native Showcase in 2015-2016.

Toxic Swamp

Monetize attention to earn a passive, borderless income on your website.

:: HTML / CSS / JavaScript / Wasm

Toxic Swamp is a crypto miner add-on for After Dark providing an interactive toolbar UI enabling content creators a means of monetizing their creative work.

Fetch Inject

Fetching async loader and DOM injection sequencer for the Web.

:: JavaScript / ES2015 / Rollup

I conceived of a new technique for managing asynchronous dependencies hacking away at a coffee shop called 9-11 in Bali back in 2017. Fetch Inject is a tiny JavaScript library and Node module making it possible to deep link to full-sized After Dark Image Gallery images without blocking or slowing down page load.

Jekyll Money

A Ruby Gem for dealing with money in Jekyll and Liquid templates.

:: Ruby / Bundler / Jekyll / BigDecimal / Money

While trying to calulate discount promotion costs for Lovarindo Rentals I ran into friction calculating promotions in Jekyll. It wasn’t Jekyll’s fault, per se, though it was a shortcoming in Liquid and had to be fixed.

Brunch with Panache

A modular approach to building web apps with Brunch.

:: Node / CoffeeScript / Cordova / Backbone / Chaplin / Brunch / Sass / Handlebars / Swag / Hapi / Browser Sync / Jake

I created BWP while leading the UI team at Trunk Club, a Chicago startup I joined 18 months prior to exit. Apps using this framework were based on my experiences scaling up an enterprise e-commerce Web app for sears.com and kmart.com.

React Native Webpack Starter Kit

Build your React Native app with Webpack and Babel.

:: Docker / Webpack / React / React Native / Babel / ES2015

Starter Kit developed to add a Webpack asset pipeline to early versions of React Native winning more than 888 stargazers while still hosted on GitHub. Used to simplify the development workflow of early versions of React Native, making it possible to develop applications cross-platform – unsupported at the time.

I created this originally to help me build the React Native iOS app for Lumpen Radio, a non-profit radio station in Chicago and the first in the world to broadcast both over LPFM, Web and iOS using the React Native Lumpen Radio app.