Move from icon fonts to SVG sprites #153
Description
SVG sprites using <symbol> are more flexible & semantic. Fonts behave oddly & are a old-school hack from a decade ago to support Internet Explorer. Font Awesome provides SVG sprites https://docs.fontawesome.com/web/add-icons/svg-sprites. Additionally this would be a good time to added accessibility
<a class="navbar-item" href="https://www.minetest.net" title="Minetest">
<svg>
<use xlink:href="/your-path-to-fontawesome/sprites/solid.svg#home"></use>
<desc>Minetest</desc>
</svg>
</a>
(& so forth) as right now all icons in the bar have no accessible text (where <desc> provides such text). You can take a peek using a terminal browser such as w3m
$ nix-shell -p w3m --run "w3m https://blog.minetest.net"
Minetest Blog
About
Minetest Blog
Minetest's official blog - see what's new in Minetest!
Post image
13 Oct 2024
Introducing Our New Name
“Is this a Minecraft clone? Is it like Minecraft Alpha?” If you’ve been a member of our community for some time,
you are probably aware of how often these questions remind us of what people think of when they hear the name
“Minetest”: a rip-off of a similar genre-defining game. Truth be told, that was celeron55’s initial plan. But
things change, and Minetest evolved. Now, the time has come for Minetest to assume a new identity and prove it has
moved beyond its original purpose.
Read more& the auxiliary banner navigation is missing. Additionally this “Post image” is the incorrect usage of alt text.
Footnotes
-
Please consider giving up MS GitHub or offering a non-proprietary, non-US-corporate-controlled mirror for this free software project. I wish to delete this Microsoft account in the future, but I need more projects like this to support alternative methods to send patches & contribute. ↩