Redesigned Installer box + Rounded UI + Other UI Improvements #15

UltimatChamp · 2023-11-19T07:45:00Z

[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

Light

Dark

MOBILE

Light

Dark

Also when hovering the dropdowns:

Light

Dark

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

UltimatChamp · 2023-11-19T09:48:41Z

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 · 2023-11-19T11:32:54Z

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 · 2023-11-19T13:38:22Z

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

sciwhiz12 · 2023-11-19T13:42:29Z

assets/js/neoforge.js

+		mcvers = "1.20.1";
+        note = `<b>Note:</b> This file is still called <i>forge</i> because we're trying to maintain compatibility with launchers, assuming they don't hardcode things too much.`;
+        dropDown_VAL = ` open="open"`;
+        badges_one = `<font class="badges_stable">RECOMMENDED</font>`;


I don't know of a good reason why 1.20.1 would be marked as "recommended". We don't recommend 1.20.1 over any other version.

Because 1.20.2 is still in beta. OK, I will change recommend with Stable.

I would prefer not having a badge for 1.20.1 that remarks it as either recommended or stable. There's nothing particularly important about 1.20.1 which merits a badge.

On the other hand, NF 20.1 merits a BETA badge because it is in beta.

OK, I am drafting the pull, to make the changes.

And I thought that 20.1 installer is made upwards than 20.2 because it is the stable version.

UltimatChamp · 2023-11-19T14:23:19Z

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 · 2023-11-20T10:50:36Z

Here's the final pull:

UltimatChamp · 2023-12-10T15:04:08Z

Here are the changes:
Home Page:

All Versions page:

UltimatChamp · 2023-12-11T11:34:38Z

Fixes Issue: #25

Technici4n · 2023-12-13T13:53:13Z

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

Technici4n

I like that design and I think the badges look really cool, just a few questions. :)

layouts/shortcodes/files.html

content/_index.md

layouts/shortcodes/versions.html

assets/js/neoforge.js

Also fixed the indenting!

UltimatChamp · 2023-12-15T05:47:08Z

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

Also, removed the social widget links animations, since, it feels out of place!

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.

UltimatChamp · 2024-01-15T07:30:20Z

Everything in 0be0287:

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.
Fixed the Mastodon icon to follow other social icon's color scheme.
Some more rounded UI implementations.
Updated the 'hugo-notice' submodule to the newest commit.
Modified the the warning notice to not look odd, from other notices.
Old neoforged website-styled code blocks!

Technici4n

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.

UltimatChamp · 2024-01-16T10:22:41Z

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!

layouts/shortcodes/box.html

assets/js/neoforge.js

UltimatChamp added 6 commits November 19, 2023 11:58

Dropdowns

f90a30f

Hard-coded versions dropdown COMPAT

7dcfb6f

Added Dropdown Badges

3e08573

Dropdown Badges Fixes

1efce90

Better-looking Dropdown Badges

c0e6c2b

Minor change

4ffcc4d

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) November 19, 2023 11:32 Active

sciwhiz12 reviewed Nov 19, 2023

View reviewed changes

UltimatChamp marked this pull request as draft November 20, 2023 09:16

Removed Recommended Badge + 20.2-stable future support

2c71d6f

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) November 20, 2023 10:35 Active

UltimatChamp marked this pull request as ready for review November 20, 2023 10:44

UltimatChamp requested a review from sciwhiz12 December 3, 2023 06:35

Support for 20.4 and 20.3 and Added a new Versions page

b958af9

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) December 10, 2023 15:00 Active

Fixed all 20.x versions to be marked as NEW

a8ea8b3

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) December 11, 2023 10:10 Active

UltimatChamp changed the title ~~Dropdowns in Installer Page with Cool Badges~~ [FINAL & UPDATED] 20.4-20.3 Links + New All Versions page + Redesigned Installer box Dec 11, 2023

UltimatChamp mentioned this pull request Dec 11, 2023

[BUG] 1.20.3-1.20.4 links not available #25

Closed

Merge branch 'main' into main

fa035b5

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) December 14, 2023 04:47 Active

UltimatChamp changed the title ~~[FINAL & UPDATED] 20.4-20.3 Links + New All Versions page + Redesigned Installer box~~ [UPDATED] New All Versions page + Redesigned Installer box Dec 14, 2023

Technici4n reviewed Dec 14, 2023

View reviewed changes

layouts/shortcodes/files.html Show resolved Hide resolved

content/_index.md Outdated Show resolved Hide resolved

layouts/shortcodes/versions.html Outdated Show resolved Hide resolved

assets/js/neoforge.js Outdated Show resolved Hide resolved

De-Hardcoded the Latest Version Installer

606f23a

Also fixed the indenting!

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) December 15, 2023 05:44 Active

UltimatChamp requested a review from Technici4n December 15, 2023 05:47

Better All Versions Button/Dropdown

04be427

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) December 30, 2023 11:29 Active

Merge branch 'neoforged:main' into main

080ce46

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 4, 2024 07:09 Active

Merge branch 'main' into main

7d585e5

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 12, 2024 07:56 Active

UltimatChamp added 2 commits January 12, 2024 13:58

Updated style.css to adapt to 0aae4b8

a1b702e

Also, removed the social widget links animations, since, it feels out of place!

Merge branch 'main' of https://github.com/UltimatChamp/neoforged-web-pr

9cc4ac3

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 12, 2024 08:39 Active

UltimatChamp changed the title ~~[UPDATED] New All Versions page + Redesigned Installer box~~ Redesigned Installer box + Rounded UI + Other UI Improvements Jan 13, 2024

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 15, 2024 07:30 Active

Technici4n requested changes Jan 15, 2024

View reviewed changes

More Installer Box Improvements

ee54036

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 16, 2024 10:22 Active

UltimatChamp requested a review from Technici4n January 16, 2024 10:22

Technici4n reviewed Jan 16, 2024

View reviewed changes

layouts/shortcodes/box.html Show resolved Hide resolved

Technici4n reviewed Jan 16, 2024

View reviewed changes

assets/js/neoforge.js Show resolved Hide resolved

Indenting fixes

fc82638

neoforged-pages-deployments bot deployed to neoforged-website-previews (Preview) January 16, 2024 10:48 Active

UltimatChamp requested a review from Technici4n January 16, 2024 10:53

Technici4n approved these changes Jan 16, 2024

View reviewed changes

Technici4n merged commit aa834d7 into neoforged:main Jan 16, 2024
1 check passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Redesigned Installer box + Rounded UI + Other UI Improvements #15

Redesigned Installer box + Rounded UI + Other UI Improvements #15

UltimatChamp commented Nov 19, 2023 •

edited

Loading

UltimatChamp commented Nov 19, 2023 •

edited

Loading

neoforged-pages-deployments bot commented Nov 19, 2023 •

edited

Loading

UltimatChamp commented Nov 19, 2023

sciwhiz12 Nov 19, 2023

UltimatChamp Nov 20, 2023

sciwhiz12 Nov 20, 2023

UltimatChamp Nov 20, 2023

UltimatChamp Nov 20, 2023

UltimatChamp commented Nov 19, 2023

UltimatChamp commented Nov 20, 2023

UltimatChamp commented Dec 10, 2023

UltimatChamp commented Dec 11, 2023

Technici4n commented Dec 13, 2023

Technici4n left a comment

UltimatChamp commented Dec 15, 2023

UltimatChamp commented Jan 15, 2024 •

edited

Loading

Technici4n left a comment

UltimatChamp commented Jan 16, 2024

Redesigned Installer box + Rounded UI + Other UI Improvements #15

Redesigned Installer box + Rounded UI + Other UI Improvements #15

Conversation

UltimatChamp commented Nov 19, 2023 • edited Loading

[CHECK NEWER COMMENTS FOR UPDATES]

UltimatChamp commented Nov 19, 2023 • edited Loading

neoforged-pages-deployments bot commented Nov 19, 2023 • edited Loading

Deploying with Cloudflare Pages

UltimatChamp commented Nov 19, 2023

sciwhiz12 Nov 19, 2023

Choose a reason for hiding this comment

UltimatChamp Nov 20, 2023

Choose a reason for hiding this comment

sciwhiz12 Nov 20, 2023

Choose a reason for hiding this comment

UltimatChamp Nov 20, 2023

Choose a reason for hiding this comment

UltimatChamp Nov 20, 2023

Choose a reason for hiding this comment

UltimatChamp commented Nov 19, 2023

UltimatChamp commented Nov 20, 2023

UltimatChamp commented Dec 10, 2023

UltimatChamp commented Dec 11, 2023

Technici4n commented Dec 13, 2023

Technici4n left a comment

Choose a reason for hiding this comment

UltimatChamp commented Dec 15, 2023

UltimatChamp commented Jan 15, 2024 • edited Loading

Technici4n left a comment

Choose a reason for hiding this comment

UltimatChamp commented Jan 16, 2024

UltimatChamp commented Nov 19, 2023 •

edited

Loading

UltimatChamp commented Nov 19, 2023 •

edited

Loading

neoforged-pages-deployments bot commented Nov 19, 2023 •

edited

Loading

UltimatChamp commented Jan 15, 2024 •

edited

Loading