Closed eklem closed 3 years ago
Here are the arrow types that needs to be supported: https://hjelp.yr.no/hc/no/articles/360002022134-Vindpiler-og-Beaufortskalaen
Got the basics working. Just need to make 12 arrows and one circle, then fontify it.
Check if uploading SVGs to https://fontello.com/ to get a start on creating the font and CSS will work.
CSS
transform: rotate(90deg);
Should follow Beaufort scale levels and follow the core design of Yr's own arrows:
The direction can be done through css rotation classes, matching what's output from Yr's APIs, so it's easy to template.