Let content editors add pictures within markdown. Instead of markdown images () with only limited attributes, we use a custom Vue component (such as sog-map for the maps). The component should allow:
[ ] Different image sizes (but adapted to current screen size – fill the full width on smartphones)
[ ] Different image positions (text-flows)
[ ] To extend to a full-size image (potentially a gallery of all images on the page)
[ ] To have the images optimized for the current size and in both webp and jpeg format using nuxtjs/image
[ ] To support alt descriptions and subtitles for explanation
[ ] To support that the image serves as a link to somewhere (potentially using the existing sog-link component)
Most of this should be easily achievable with nuxtjs/image, but will need some additional tweaks.
Let content editors add pictures within markdown. Instead of markdown images (
) with only limited attributes, we use a custom Vue component (such assog-mapfor the maps). The component should allow:sog-linkcomponent)Most of this should be easily achievable with nuxtjs/image, but will need some additional tweaks.