jesstelford

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

jesstelford

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

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:

jesstelford

/**
 * 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) {

jesstelford

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

jesstelford

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

jesstelford

// 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',

jesstelford

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

jesstelford

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

jesstelford

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)