Miroirs/noc-book-2
1
0
Fork 0
mirror of https://github.com/nature-of-code/noc-book-2 synced 2024-09-29 05:36:56 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions
Mirror of https://github.com/nature-of-code/noc-book-2
474 commits 23 branches 0 tags 340 MiB
HTML 73.4%
JavaScript 25%
CSS 0.8%
SCSS 0.8%
Find a file
Daniel Shiffman eb0740f0f5
Update FUNDING.yml
2023-09-10 19:12:04 -04:00
.github Update FUNDING.yml 2023-09-10 19:12:04 -04:00
content Notion - Update docs 2023-09-09 23:59:18 +00:00
docs update doc 2023-08-29 23:19:20 +08:00
gatsby fix className check 2023-08-29 23:33:34 +08:00
magicbook remove css grayscale filter 2023-08-30 19:55:57 +08:00
src Merge pull request #408 from fturmel/PR/pause-examples-outside-viewport 2023-09-06 21:52:51 -04:00
.gitignore add test 2022-09-30 15:33:25 -04:00
.prettierrc Create .prettierrc 2022-04-04 16:40:23 -04:00
gatsby-browser.js add codesplit support 2022-08-17 22:02:53 -04:00
gatsby-config.js add local images handling in gatsby 2022-07-28 21:29:28 -04:00
gatsby-node.js fix copying files from examples 2023-02-26 11:04:37 -05:00
magicbook.json bump magicbook@0.1.31 and set output image to grey16 2023-04-23 22:17:23 -04:00
package-lock.json update katex 2023-07-12 09:25:32 -04:00
package.json update katex 2023-07-12 09:25:32 -04:00
postcss.config.js add codesplit support 2022-08-17 22:02:53 -04:00
README.md add attribution to OpenMoji 2023-08-13 07:15:45 +08:00
tailwind.config.js update layout styles / separate components 2022-08-25 15:57:04 -04:00

README.md

The Nature of Code 2nd Edition

This repo contains all the files for the Nature of Code 2nd edition. The book is now being authored in Notion and imported here as raw HTML files (which are then used to build the print PDF and gatsby website).

Data flow chart showing three parts: edit, store, and output.

Edit & Import

Notion Database Screenshot

Content are stored in a Notion Database with the following attributes:

  • Type (Page | Chapter): to be handled differently during builds, now only act in the website build.
  • Title: defines the title
  • Status (Draft | Published): only Published ones will be imported
  • File Name: defines the page sequence in a pdf build
  • Slug: defines the path in web page URL

Each entity also contains a page of its content, which will be transformed to html files based on the schema. The transformation script (nature-of-code/fetch-notion) is written in Node.js, utilized as a GitHub action.

Build

Following are the steps to build the book and website, however, you will have to skip the import-notion-docs as that can only be done with the Notion API key associated with the book. You can find the latest HTML version of the book in /content.

# Install Dependencies
npm install

# Build PDF (Magicbook) in `build` directory
npm run build:pdf

# Build Website in `public` directory
npm run build

Attributions

Icons used in this project:

🖍️ (Crayon) & 🦜 (Parrot) from OpenMoji – CC BY-SA 4.0