hot-fix: hamburger dropdown, download buttons, download icons, all news

[cwhite911]

Fixes

• Dropdown hamburger button not opening (Bug Report: Hamburger Menu Not Working on Mobile (Production + Development) #573)
• Dropdown hamburger color (it's now white)
• Brand download buttons (Brand page: download buttons don't work #581)
• Incorrect path to download page logos (Images in the download site are missing #602)
• the white gap between navbar and banner on mobile.
• News feed collapse functionally (Arrows in news page do not fold/unfold content #511 , Bug: “Latest New 2025” Dropdown Arrow Points Up When Closed #575 )

The root issue was caused when we introduced Bootstrap 5 without removing past bootstrap versions and accounting for breaking changes in the bootstrap API.

Main Issue

In this PR I removed Bootstrap 5 and fixed everything to work with Bootstrap 4.1.3 (the current version in our static plugins directory)

Testing

I've also included docker-compose.yml so you can test the changes locally how they will be rendered on the server.

To use install docker and then run.

docker compose -f docker-compose.yml up

The site will be available at http://localhost:1313/.

Moving Forward

This should resolve most of the major issues with the website at the moment and will give us more time to address PR #599 and issue #600 .

I have 3 main goals I'm suggesting we accomplish.

1. Modernize the websites dependency management to improve consistency between development environments and production. (devcontainer support #552 , Hugo dart scss #599)
2. Update our dependencies to the latest versions
   • We already introduced renovate which will help (chore: Configure Renovate #591)
3. Switch from css to dart-scss using hugo-extended (Hugo dart scss #599)

The biggest challenges are migrating to Bootstrap 5 (#600) and then we should migrate from Hugo v0.113.0 to v0.157.0. Both of these migrations need planning (Bootstrap issue #600) as they will break parts of the site, but in my opinion it is worth the effort to use the latest features.

[cwhite911]

This PR also addresses PR #580

[wenzeslaus]

The hamburger menu works for me as well as the docker setup I tested. (I did not test with my local non-docker setup, but that does not matter much for this.)

In #603, I actually tried to use the green logo without text from static/images/logos/grass-logo-simple for conda. I think actually made it work only for the page itself. I think that's much better than logos with text and old logos.

[cwhite911]

In #603, I actually tried to use the green logo without text from static/images/logos/grass-logo-simple for conda. I think actually made it work only for the page itself. I think that's much better than logos with text and old logos.

I agree when I was initially doing this I was just fixing the links and wasn't trying to update the design, but it's an easy switch and it will all change anyways once PR #546 is merged.

[wenzeslaus]

I would hate to postpone this, but only 2 or 3 small fixes to the image would avoid this (Chromium):

1. source: use the same img as elsewhere
2. addons: use img instead of object
3. sample dataset: use img width

[cwhite911]

I would hate to postpone this, but only 2 or 3 small fixes to the image would avoid this (Chromium):

@wenzeslaus Nice catch. I didn't notice the mixing of object and image tags in the list view when I first looked at it.

[wenzeslaus]

I did not build the latest version, but assuming there's no typo...