I like the nice appearance, unfortunately the html code cannot be customized at will. there is code that looks like it was encoded, there shouldn't be such code in html. sample code what I mean: <svg class="fill-dark opacity-25" width="233" height="209"> <path d="m42.126 51.038c-6.1 0-10.4-3.9-10.8-9.7-0.3-3.4 0.7-6.5 2.6-9.3 2-2.8 6.4-4.9 9.9-2.8 0.3 0.2 0.7 0.3 1.1 0.4 4.6 0.5 8.7 8.6 10.9-0.1 5.1-4.3 9.5-9.7 10.3-0.6 0.1-1.3 0.2-1.7 0.2z"/> <path d="m90.426 20.638c-6.9 0-11.4-5.6-9.8-12.4 0.5-2.3 1.6-4.4 3.3-6 1.9-1.8 4.1-2.7 6.8-2 1.2 0.3 2.4 0.3 3.5 0.6 4 0.8 7 3 6.8003 3 7.2 1.1 4-0.4 7.2-3.4003 9.8-2.3 2-5.1 2.8-8.2 2.8z"/> ... and so on </svg>
about the html code that seems compressed
there is code that looks like it was encoded, there shouldn't be such code in html.
sample code what I mean:
<svg class="fill-dark opacity-25" width="233" height="209">
<path d="m42.126 51.038c-6.1 0-10.4-3.9-10.8-9.7-0.3-3.4 0.7-6.5 2.6-9.3 2-2.8 6.4-4.9 9.9-2.8 0.3 0.2 0.7 0.3 1.1 0.4 4.6 0.5 8.7 8.6 10.9-0.1 5.1-4.3 9.5-9.7 10.3-0.6 0.1-1.3 0.2-1.7 0.2z"/>
<path d="m90.426 20.638c-6.9 0-11.4-5.6-9.8-12.4 0.5-2.3 1.6-4.4 3.3-6 1.9-1.8 4.1-2.7 6.8-2 1.2 0.3 2.4 0.3 3.5 0.6 4 0.8 7 3 6.8003 3 7.2 1.1 4-0.4 7.2-3.4003 9.8-2.3 2-5.1 2.8-8.2 2.8z"/> ... and so on
</svg>
That is SVG inline code. Instead of using img tag, we have used SVG code. There any many advantages to use SVG code over img.
- Fewer http requests.
- You can use css fill property and change the color.
- Svg is part of the content, so it is clickable and you can insert text.
Hope this helps. Please feel free to reach again if you need more help.
Thanks,
Sam