Dustan Kasten iamdustan

---------- Forwarded message ----------

From: Mark S. Miller <[email protected]>
Date: Tue, Nov 16, 2010 at 3:44 PM
Subject: "Future of Javascript" doc from our internal "JavaScript Summit"
last week
To: [email protected]

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

Folder Structure

Please note

While this gist has been shared and followed for years, I regret not giving more background. It was originally a gist for the engineering org I was in, not a "general suggestion" for any React app.

Typically I avoid folders altogether. Heck, I even avoid new files. If I can build an app with one 2000 line file I will. New files and folders are a pain.

	// Ported from Stefan Gustavson's java implementation
	// http://staffwww.itn.liu.se/~stegu/simplexnoise/simplexnoise.pdf
	// Read Stefan's excellent paper for details on how this code works.
	//
	// Sean McCullough banksean@gmail.com

	/**
	* You can pass in a random number generator object if you like.
	* It is assumed to have a random() method.
	*/

	brew update
	brew versions FORMULA
	cd `brew --prefix`
	git checkout HASH Library/Formula/FORMULA.rb # use output of "brew versions"
	brew install FORMULA
	brew switch FORMULA VERSION
	git checkout -- Library/Formula/FORMULA.rb # reset formula

	## Example: Using Subversion 1.6.17
	#

	gifify() {
	if [[ -n "$1" ]]; then
	if [[ $2 == '--good' ]]; then
	ffmpeg -i $1 -r 10 -vcodec png out-static-%05d.png
	time convert -verbose +dither -layers Optimize -resize 600x600\> out-static*.png GIF:- \| gifsicle --colors 128 --delay=5 --loop --optimize=3 --multifile - > $1.gif
	rm out-static*.png
	else
	ffmpeg -i $1 -s 600x400 -pix_fmt rgb24 -r 10 -f gif - \| gifsicle --optimize=3 --delay=3 > $1.gif
	fi
	else

	#!/usr/bin/bash
	ssh new.jroes.net 'cat /dev/null > ~/.the-ding && tail -f ~/.the-ding' \| while read hit
	do
	mplayer -really-quiet -noar /usr/share/sounds/gnome/default/alerts/glass.* &> /dev/null
	done

	(function ($) {
	"use strict";
	if (window.XDomainRequest) {
	$.ajaxTransport(function(s) {
	if (s.crossDomain && s.async) {
	if (s.timeout) {
	s.xdrTimeout = s.timeout;
	delete s.timeout;
	}
	var xdr;

	<head>
	<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
	<link rel='stylesheet' type='text/css' href='js/libs/css/smoothness/jquery-ui-1.8.11.custom.css' />
	</head>
	<body>
	<script type="text/html" id="CalendarTemplate">
	<div id="calendar" style="border:2px solid black;">
	<div class="ui-widget wc-container">
	<div class="ui-widget-header wc-toolbar">
	<div class="wc-display ui-buttonset">

	// Support routines for automatically reporting user timing for common analytics platforms
	// Currently supports Google Analytics, Boomerang and SOASTA mPulse
	// In the case of boomerang, you will need to map the event names you want reported
	// to timer names (for mPulse these need to be custom0, custom1, etc) using a global variable:
	// rumMapping = {'aft': 'custom0'};
	(function() {
	var wtt = function(n, t, b) {
	t = Math.round(t);
	if (t >= 0 && t < 3600000) {
	// Google Analytics