"material for mkdocs" extension to generate flavorwheels with "mkdocs build".
In markdown the wheel should be a block with the data, eg:

{{{wheel
sweet: 4
earthy: 3
}}}

• free option instead of spotify, youtube music?
• design that fits the style of the blog

Locally the sources of the image is different from the production path, therefore markdown preview cannot show the images.
The path of the pages are generated by mkdocs buid from the blog posts date, such as:
..../2023/04/11/post.html
in which case the relative path of the images directory is elsewhere.

A workaround for that:

<img src="../../../img/2023-09-17_fire/fire_kozel.jpeg" onerror="this.src='/img/2023-09-17_fire/fire_kozel.jpeg';this.onerror='';" width="40%" ></img>

The src here is relative in the git repo, so the preview can work - on the production this path is missign, so the onerror handles that and creates the correct path.
Disadvantages are:

• in production it handles via error, which is ugly
• duplication of the path

Possible solution:
using only the repo relative path, and an mkdocs extension rewrites the src in mkdocs build phase

maybe with https://bkrem.github.io/react-d3-tree/?

A plugin that generates a star-based rating from a numerical rating.

rating: 3/5

->

:material-star: :material-star: :material-star: :material-star-outline: :material-star-outline: