Redesigned Installer box + Rounded UI + Other UI Improvements

[UltimatChamp]

[CHECK NEWER COMMENTS FOR UPDATES]

The stable 1.20.1 installer-dropdown is open by default, while the beta version will be closed. The badges will also guide the user to install the correct version.

Here are some images:

DESKTOP 1) Light

2) Dark

MOBILE 1) Light

2) Dark

---

Also when hovering the dropdowns: 1) Light

2) Dark

---

Preview URL: https://pr-15.neoforged-website-previews.pages.dev

[UltimatChamp]

The color of the recommended badge may need to change. Any suggestions.

Also, the text color of the badges is made different, for visibility, in dark mode for recommend.

I may also set the text color to white in both the light and dark modes.

Either way, the pull request is complete.

[neoforged-pages-deployments[bot]]

Deploying with Cloudflare Pages

Name	Result
Last commit:	fc8263827ff3445dd380c2911d54f0612f66c2e0
Status:	✅ Deploy successful!
Preview URL:	https://091a0077.neoforged-website-previews.pages.dev
PR Preview URL:	https://pr-15.neoforged-website-previews.pages.dev

[UltimatChamp]

I will also make the badges more elegant by separating them from the version-name in summary tag. (by not centering the badges too)

[UltimatChamp]

Instead of hard-coding the 20.2 releases as beta, I'm going to make it dynamic, so that the website do not need to change when stable versions start releasing.

[UltimatChamp]

Here's the final pull:

[UltimatChamp]

Here are the changes: Home Page: All Versions page:

[UltimatChamp]

Fixes Issue: https://github.com/neoforged/websites/issues/25

[Technici4n]

Well I didn't see this. Fixed in a different way.

[UltimatChamp]

The projects.neoforged.net page is very helpful. Not drafting the pull, since, the redesigned installer box is still a good addition. Changing the pull to integrate this new page.

[UltimatChamp]

Integrated the projects.neoforged.net page and also, redesigned the All Versions button.

[UltimatChamp]

Found an easy way to fetch the latest version! Now the website doesn't need to update when new versions come out.

[UltimatChamp]

Everything in 0be0287eb7cb18f8e0a0b7fea0c9201565fdfd28:

1) Fixed an issue where the notice boxes follow only the system's/browser's color-scheme/theme, instead of the website's theme (when the theme is toggled in the website); now layout 'box' will be used instead of 'notice' to call a tip/warning/note/...; this means that the 'hugo-notice' submodule can be used, without the need of just copying the whole repo into the website just to bring some small modifications.

2) Fixed the Mastodon icon to follow other social icon's color scheme.

3) Some more rounded UI implementations.

4) Updated the 'hugo-notice' submodule to the newest commit.

5) Modified the the warning notice to not look odd, from other notices.

6) Old neoforged website-styled code blocks!

[UltimatChamp]

Could you maybe change the mouse to a hand when hovering the text in the dropdowns? Might also be worth making the text non-selectable.

Done!