QuiltMC / quiltmc.org

The source for quiltmc.org
https://quiltmc.org
Other
58 stars 48 forks source link

Switch icon set #225

Closed gdude2002 closed 1 month ago

gdude2002 commented 4 months ago

I've reviewed my Font Awesome Pro usage and finances, and deduced the following:

As a result, Quilt will need to move from the Font Awesome kit on my account.

Here are some alternative approaches:

Sorry, y'all - times are tough lately.

Southpaw1496 commented 1 month ago

Switching to the free version of Font Awesome isn't an option. It has a limit of 10k views in a month, and we've exceeded that in the past 72 hours alone, according to Cloudflare.

For reference, the Pro plan is $99/year. There is a Pro Lite plan for $49/year, but its limit is 100k/month, which we could hit: We've had over 10k views in three days, so we could conceivably have over 100k in 30.

I will investigate switching to Iconify, but it looks like a lot of work. If the libraries are even compatible with the ancient version of Astro that we're using.

Southpaw1496 commented 1 month ago

The good news is that switching to Iconify seems relatively straightforward.

The bad news is that to do so in a future-proof way seems to require updating to a modern version of Astro, which requires gutting the i18n system and rebuilding it from scratch. I tried starting it last year and gave up, but perhaps I'm a slightly better JavaScript developer now.

Pyrofab commented 1 month ago

As a note, updating Astro would also benefit #232. Unfortunately I don't have specific Astro knowledge, but if you pushed a draft PR with your first batch of changes I think I could contribute a bit.

Southpaw1496 commented 1 month ago

An update if you haven't been keeping up with Discord:

I have managed to get the existing i18n stack running on Astro 4.13, and it seems like the rest of the site has come along for the ride without an issue. There's an enormous amount of work to get the site up-to-scratch with modern Astro best practices, but the site we have still works, so I'm going to focus on getting the icons replaced with Iconify icons using astro-icon.

CelDaemon commented 1 month ago

I was going report the icons not working, but it seems you all are figuring it out already! Hopefully it isn't too much work trying to make everything function, if it's needed I'd be willing to help out.

Southpaw1496 commented 1 month ago

I've started the Teams page today and it's been relatively painless. Apart from CSS playing its usual tricks.

Screenshot 2024-08-12 at 3 28 30 PM

Most of the actual implementations of icons are inside of components, so all you need to do is change the implementation once, then all the places that call the component simply need the icon names changed to match what's available.