Juju ecosystem docs refresh

[abbiesims]

Done

• Refreshes page according to this mock up
• Adds global search across all RTD domains
• Adds redirects for juju.is > RTD documentation

QA

• Check the demo against the design
• Search for documentation and make sure links are all RTD documentation
  • results will load 10 at a time with a "Load more" button rendering 10 more at a time
• Test some /docs/juju/{doc_page} / /docs/sdk/{doc_page} pages and make sure they redirect to RTD

Issue / Card

Fixes WD-18284

[webteam-app]

Demo

Jenkins

demos.haus

[jnsgruk]

This looks like a great improvement, but looks like the alignment is a little odd in places? The "Juju Ecosystem" title feels oddly over to the right, to me?

Also the getting started section could maybe just be removed, with the button moving up to the "Install Juju" card or similar?

I hacked about in DevTools a bit and did this - hopefully makes sense?

[massigori]

I agree with @jnsgruk about the left-alignment of the Juju ecossytem and Getting started with Juju sections, however I think we should keep the latter as a separate section since the downstream link points to a tutorial that takes the user across all the 4 steps

[lukasSerelis]

@jnsgruk @massigori should be still a separate section, we can right align it fully, however keeping it slightly indented makes it more focused on the page. My advice would be keeping it indented, as it highlights it without messing with the "happy path".

However it's not a make or break change so if you're super against the indentation @abbiesims can feel free to ditch it, but it would lose some priority. Just a quick side by side

[jnsgruk]

How about moving the "Get started" CTA right to the top? Alignment is slightly off cos I was just hacking in DevTools, but hopefully gives an idea...

[lukasSerelis]

@jnsgruk your persistence won, we can't fit the "Get started with Juju" without breaking every Vanilla system law, but I can squeeze in the CTA and we call it a day?

[jnsgruk]

Go for it

[codecov]

Codecov Report

Attention: Patch coverage is 24.61538% with 49 lines in your changes missing coverage. Please review.

Project coverage is 49.00%. Comparing base (043a8fb) to head (aec79bf).
Report is 74 commits behind head on main.

Files with missing lines	Patch %	Lines
webapp/docs/search.py	19.23%	42 Missing ⚠️
webapp/app.py	46.15%	7 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main     #565      +/-   ##
==========================================
- Coverage   58.51%   49.00%   -9.51%     
==========================================
  Files           6        7       +1     
  Lines         188      251      +63     
==========================================
+ Hits          110      123      +13     
- Misses         78      128      +50     

Flag	Coverage Δ
python	49.00% <24.61%> (-9.51%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[M7mdisk]

Fantastic work! 👏 🚀
just some minor comments and questions

[M7mdisk]

Looking great!!!!
Amaaaaazing work 🚀 🚀 🚀 🚀 🚀