Jess Telford jesstelford

A fork of Capsize used to generate a typographic scale (https://github.com/seek-oss/capsize)

Generate the typographic scale by running generate-typographic-scale.js:

node generate-typographic-scale.js

Add it to your Chakra UI theme under the key typography:

Read Shape Up by basecamp on a kindle / reMarkable / eReader

Basecamp's new book Shape Up is now available online (https://basecamp.com/shapeup) to read page-by-page.

There is a .pdf version, but that's not the best format for Kindle / other eReaders. Instead, we can convert the page-by-page into an eReader friendly format.

Part 1: Convert to a single page

NOTE: This has only been tested on Chrome

Getting started

Everything except images in a website is text, so it's a lot of reading and writing. As such, it makes sense to use an editor built for the purpose to make your life easier.
Install Visual Studio Code (VSCode): https://code.visualstudio.com/
- This is where you'll do all your code editing
- Really, you only need the text editing portion of the editor, but for all the other features, check out this guide: https://code.visualstudio.com/docs/getstarted/userinterface
There are 3 main technologies that make up a website: HTML, CSS, JavaScript (JS)

	// Available variables:
	// - Machine
	// - interpret
	// - assign
	// - send
	// - sendParent
	// - spawn
	// - raise
	// - actions
	// - XState (all XState exports)

	// Available variables:
	// - Machine
	// - interpret
	// - assign
	// - send
	// - sendParent
	// - spawn
	// - raise
	// - actions
	// - XState (all XState exports)

	/**
	* NOTE: We use console.error for log output below so that the output can be
	* redirected to a file by the user
	*/

	const path = require('path');

	const entryFile = process.argv[2];

	if (!entryFile) {


	// Available variables:
	// - Machine
	// - interpret
	// - assign
	// - send
	// - sendParent
	// - spawn
	// - raise
	// - actions

	// Vocal 'publishStatus' state machine
	const machineId = 'publishing';
	const publishMachine = Machine(
	{
	id: machineId,
	initial: 'draft',
	states: {
	uninitialized: {
	on: {
	draft: 'draft',

	// Partial representation of old `publishStatus` & `reviewStatus` states in Legacy Vocal.
	// See https://xstate.js.org/viz/?gist=6a25309b09bd2a70a9a678ca9ee7fa2b for the latest Replatform version.
	const machineId = 'publishing';
	const publishMachine = Machine({
	id: machineId,
	initial: 'draft',
	states: {
	draft: {
	on: {
	SUBMIT: 'submitted',