magicbook.json

{
  "title": "Programming Design Systems",
  "author": "Rune Madsen",
  "twitter": "https://twitter.com/runemadsen",
  "permalink": ":parts/:title/index.html",
  "addPlugins": ["magicbook-codesplit", "magicbook-webpack", "./plugins/p5"],
  "files": [
    "content/index.html",
    "content/introduction.html",
    "content/what-is-a-design-system.html",
    {
      "label": "Shape",
      "files": [
        "content/shape/figure-and-ground.html",
        "content/shape/basic-shapes.html",
        "content/shape/custom-shapes.html",
        "content/shape/procedural-shapes.html"
      ]
    },
    {
      "label": "Color",
      "files": [
        "content/color/a-short-history-of-color-theory.html",
        "content/color/color-models-and-color-spaces.html",
        "content/color/perceptually-uniform-color-spaces.html",
        "content/color/color-schemes.html"
      ]
    },
    {
      "label": "Layout",
      "files": [
        "content/layout/a-short-history-of-geometric-composition.html",
        "content/layout/geometric-composition.html"
      ]
    },
    "content/more-to-come.html"
  ],
  "webpack": "webpack.config.js",
  "stylesheets": {
    "bundle": true,
    "compress": true,
    "digest": true,
    "files": ["stylesheets/html.scss"]
  },
  "builds": [
    {
      "format": "html"
    }
  ],
  "codesplit": {
    "includes": "examples"
  },
  "layout": "layouts/default.html"
}