Skip to content

Instantly share code, notes, and snippets.

# I've always disliked the "./configure" incantation - it's right here! I
# shouldn't need to tell the shell where to look for it. But of course,
# putting '.' in your $PATH is terrible -- it's insecure and throws permission
# errors if you try to 'execute' regular files. Bash 4's `shopt -s autocd`
# solves half the problem; and the ability to override
# command_not_found_handle() solves the other.
#
# This is an OS X-oriented script that attempts to do the most intelligent
# thing possible when you enter the name of a file in your $PWD into the bash
# prompt. It will:
# While GNU coreutil's ls is generally more featureful (including colorization
# based on file extensions, SI size formats, ISO date and time formats,
# semantic version sort, etc.), OS X's fork of FreeBSD ls allows viewing HFS+
# extended attributes and access control lists through the -@ and -e flags,
# respectively.
#
# This script provides a shim to allow BSD ls to be invoked with GNU-style
# flags and .dircolor files, and a function that shadows ls, invoking coreutils
# ls by default but automatically switching to the shim when the -@ and/or -e
# flags are detected.
var webpack = require('webpack');
module.exports = {
devtool: 'eval',
entry: [
'./scripts/index'
],
output: {
path: __dirname + '/scripts/',
filename: 'bundle.js',
/* eslint-env es6 */
import React from 'react';
import { addons } from 'react/addons';
const PureRenderMixin = addons.PureRenderMixin;
import { lighten, darken } from './colorHelpers'
import variables from './bootstrapVariables'
export default React.createClass({
mixins: [PureRenderMixin],
// April Arcus 2015 Public Domain
// A higher order React component that will emulate CSS :hover, :active,
// and :focus pseudo selectors by decorating a component with appropriate
// listeners, tracking internal state, and passing it to the component
// argument as additional props.
// Somewhat like Radium, but will not interfere with the use of these
// same event listeners inside the decorated component.
@AprilArcus
AprilArcus / gist:ec2bf19078da83199e93
Last active November 25, 2016 01:53
Thoughts on Typefaces

(c) April Arcus 2015

SANS SERIFS

Many important sans serifs can be organized on a single axis from geometric to humanist.

Radically Geometric

@AprilArcus
AprilArcus / Aphorisms & Principles
Last active August 29, 2015 14:20
aphorisms_and_principles.md
April's Aphorisms & Principles:
* [Rethink best practices](https://www.youtube.com/watch?v=x7cQ3mrcKaY).
* [A dogma is born when the solutions are presented without enough original context,
and newcomers feel pressured to delegate crucial decisions to an authority](https://medium.com/@dan_abramov/the-case-for-flux-379b7d1982c6)
* We like nice things:
* Pure functions when practical, side effects when necessary.
* Self contained, testable modules that do not leak implementation
import React from 'react';
const Component = React.Component;
import angular from 'angular';
const jqLite = angular.element;
export default function(outerHTML) {
class Wrapper extends Component {
static displayName = `React wrapper around Angular fragment ${outerHTML}`;
// bootstrap React Router
import React from 'react';
import { default as Router, Route, DefaultRoute, HistoryLocation, RouteHandler } from 'react-router';
import { Splash } from '../components_angular/splash';
import index from './index';
let oceans;
if (!PRODUCTION) {
oceans = (
<Route handler={require('./oceans/navigation')} path='oceans'>
export default React.createClass({
displayName: 'Oceans Navigation Category',
propTypes: {
list: React.PropTypes.arrayOf(
React.PropTypes.shape({
humanReadableName: React.PropTypes.string,
url: React.PropTypes.string
})