Skip to content

Comments

format 2.0 typography tutorial for better readability#1170

Merged
ksen0 merged 1 commit intoprocessing:2.0from
nbogie:nb-fix-indentation-in-typography-tut
Feb 19, 2026
Merged

format 2.0 typography tutorial for better readability#1170
ksen0 merged 1 commit intoprocessing:2.0from
nbogie:nb-fix-indentation-in-typography-tut

Conversation

@nbogie
Copy link
Contributor

@nbogie nbogie commented Feb 14, 2026

Fixes #1169

changes

Edited only src/content/tutorials/en/typography-2.0.mdx

  1. For all uses of EditableSketch, add two spaces at the start of every line in the code span. Markdown parser seems to eat two from each line that has them (before the component gets access).
    This way, the remaining relative indentation the author sees is what will be rendered.
    I would suggest it for all tutorials using EditableSketch or code spans.
    Code fences with triple-backtick do not have this problem.

  2. Wrap various long code lines intentionally, for readability

  3. make banner comments shorter.

testing

Tested all examples are still running
Manually checked wrapping and readability on the tutorial

  • at 765px width (just under 770px breakpoint where the side banner gets hidden)
  • at 1920px width

screenshots

  • Bodies of setup, draw functions are now indented.
  • Banner comments don't wrap (at full width window).
image image

paperImg,
0, 0, width, height, // Destination size
0, 0, paperImg.width, paperImg.height, // Source size
0, 0, paperImg.width, paperImg.height, //Src size
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Very minor: I think // Source size is better (more direct, the space is good?)

Copy link
Member

@ksen0 ksen0 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Just 1 minor note @nbogie , thanks for this! Happy to merge or another maintainer can.

@nbogie nbogie force-pushed the nb-fix-indentation-in-typography-tut branch from a7c94ca to c7db93c Compare February 18, 2026 18:46
@ksen0 ksen0 merged commit efceb48 into processing:2.0 Feb 19, 2026
4 checks passed
@nbogie nbogie deleted the nb-fix-indentation-in-typography-tut branch February 19, 2026 14:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants