Index: restore "Resources" block style, remove JQF/Other projects

Krinkle commented 7 months ago

The "Resources" section felt a bit lost on the home page due to the large padding and lack of block styling on its heading. It used to have a custom styling via id="sidebar" which was similar to a block, but was lost at some point without replacement. https://web.archive.org/web/20130301123913/jquery.com

Change it to a proper <h2 class="block"> to look more on par with the rest of the page, and also remove the padding-left: 60px from the .resources class which is redundant now.

Also:

remove outdated "About the jQuery Foundation" link.
remove "Other Related Projects" section, which used low-quality images, was broken on mobile, loaded an extra copy of these logos on the home page, gave high-prominence to deprecated jQuery Mobile, and maintenance-only jQuery UI, used an outdated version of the QUnit logo.

Perhaps the global navigation which points to the same projects already, suffices?

By removing these, we bring the first code example above the fold, which seems valuable. If we keep it, I'd suggest moving it to the bottom of the content section at least.

Before	After

timmywil commented 7 months ago

I don't mind removing the logos, but it would be nice to keep links to all of these somewhere on the page along with their current statuses (e.g. [link to jQuery UI]: maintenance only)

Krinkle commented 6 months ago

@timmywil Something like this?

<section>
    <h2 class="block">Related Projects</h2>

    <h3><a href="https://jqueryui.com/">jQuery UI</a></h3>
    <p>This project is in maintenance-only mode. <a href="https://blog.jquery.com/2021/10/07/jquery-maintainers-update-and-transition-jquery-ui-as-part-of-overall-modernization-efforts/">Learn more</a>.</p>

    <h3><a href="https://jquerymobile.com/">jQuery Mobile</a></h3>
    <p>This project is deprecated. <a href="https://blog.jqueryui.com/2021/10/jquery-maintainers-continue-modernization-initiative-with-deprecation-of-jquery-mobile/">Learn more</a>.</p>
</section>

timmywil commented 6 months ago

That looks good. We can add Sizzle back later when we have an archive blog post.

Krinkle commented 6 months ago

OK. Landing to staging.

jquery / jquery.com

Index: restore "Resources" block style, remove JQF/Other projects #240