Add permalinks for headings in tutorials

Increasing Access

Our tutorials are fairly long and cover a lot of things, so it's helpful to be able to send someone a link directly scrolled to a section in the middle of the tutorial.

Most appropriate sub-area of p5.js?

Home

Feature request details

See for example how MDN lets you do this: when you hover over a heading, you'll notice it's a link. Clicking it scrolls to that heading and changes the URL (e.g. https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/globalCompositeOperation#examples) which can then be copied and sent to people.

Under the hood this means either adding an <a> tag to each heading with a unique id attribute, ideally uniquely made from the text of the heading. Will also need some CSS styling to make this discoverable but not overwhelming (we should probably not style headings like regular links.)