Use SVG / SVG based custom mushaf images

[mr-islam]

See: https://github.com/batoulapps/quran-svg

Their processed PNGs are higher quality and smaller in size than the current ones here

And even better… use custom CSS for the original SVG pages along with a future theming system (#8)… but using SVGs instead of standard raster images brings other layout (ie. sizing) challenges

[mr-islam]

We need some ready made images, or someone with SVG expertise to help setup the page component to render SVGs directly – this has the benefit of allowing dynamic changes to the SVG rendering (such as color)

[mr-islam]

These scripts also look great: https://github.com/quran/ayah-detection

[mr-islam]

I've apparently got a Wiley book on using SVG with HTML and CSS (from an old humble bundle) – now's a good time to give it a read then!