Diagrams for nets page

[jo-pol]

• The currently textual legend and diagram captions on https://d-bl.github.io/GroundForge/nets might become clearer for the user with these diagrams.

  or more accurately

  Same diagram, download, change txt by svg and open in your browser or vector editor
  bdpq-colors-nets.txt

  See also #202 (comment) for the color scheme.

  • add the legend.
  • add the captions.
  • dynamically add the stitch definitions to the legend, be aware that too long definitions might overlap with the vertical lines (passive pairs), only then the textual legend can be dropped.

• Add the colors to the pair diagrams too. Only for the nets page, the tiles page is a completely different story. Note that the stitches below don't match the ones in the legend above.
  
  For that purpose select the (currently fully transparent) nodes and change the color depending on the content of the title (b1,b2,c1 or c2)

  <path class="node" style="fill: rgb(0, 0, 0); stroke: none; opacity: 0" ...><title>... - b2...</title></path>