"Step-navigation" widget thing

[enenra]

Something like this would be great to have to structure tutorials: https://idratherbewriting.com/2016/05/30/building-a-workflow-user-map-with-css-and-js/
https://developer.amazon.com/docs/app-submission/publish-app-login-and-add-app.html (example of it working)

Ideally, we could implement it into mardown in the same way as "navigation" and "sections" currently work:

sections:
  - /tutorials/tools/3d-modelling/seut/installation/download
  - /tutorials/tools/3d-modelling/seut/installation/unpack
  - /tutorials/tools/3d-modelling/seut/installation/install-convert
  - /tutorials/tools/3d-modelling/seut/installation/blender
  - /tutorials/tools/3d-modelling/seut/installation/what-now
navigation:
  - /reference/tools/3d-modelling/seut
  - /tutorials/tools/3d-modelling/seut

The items would be made into their own box, connected by arrows. 4 boxes per row, if there are more items, create a second row that are connected by arrows (but 2 rows are not connected to each other). The boxes contain the titles of the items linked and are clickable to get to the respective pages. The box highlights on mouseover.

Ideally, the step-boxes would be styled similarly to the navigation-boxes.