feat: Add /wsl/organizations page

[steverydz]

Done

Adds /wsl/organizations page

QA

• Go to https://ubuntu-com-16161.demos.haus/wsl/organizations
• Compare the page to the copy doc and the design

Issue / Card

Fixes WD-34489

Screenshots

Help

QA steps - Commit guidelines

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 47.75%. Comparing base (0f5859e) to head (98fa666).
⚠️ Report is 3 commits behind head on wsl-bau.

Additional details and impacted files

@@           Coverage Diff            @@
##           wsl-bau   #16161   +/-   ##
========================================
  Coverage    47.75%   47.75%           
========================================
  Files           37       37           
  Lines         5801     5801           
========================================
  Hits          2770     2770           
  Misses        3031     3031           

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[steverydz]

@mattea-turic @Sophie-32 This is ready for design and UX review. Thanks!

[mattea-turic]

Thanks @steverydz for your work on this page! Looks good :)

Comments:

"Ubuntu is the number 1 choice..."

• Could you please apply 50/50 formatting for medium screens, so it's consistent with the resources section below?

"Latest Ubuntu on WSL news from our blog"

• Is it possible to use the blog macro here, or because of the hyperlinking of the title, you have to break it?
• If it must be broken, would you be able to apply the 8-col grid?
• And also omit the shallow wrapping from the heading as there's too much whitespace between itself and the content below

[steverydz]

@mattea-turic I've made the 50-50 update and managed to get the blog macro working with the linked heading. The only thing is that I can't get rid of the author/date section for each post. Is it ok to keep them there?

[mattea-turic]

@steverydz

I can't get rid of the author/date section for each post. Is it ok to keep them there?

No worries, we can keep them there! Is author & date required as part of the macro – because if so, I'll raise a ticket to have these as optional

• Just one more thing too – could the blog use deep padding pls?

+1 ing for design

[steverydz]

@mattea-turic Yes, the author/date section is baked into the blog macro. The only configurable options are the title text and number of articles.

What do you mean using deep padding? The whole blog section here is what the blog macro provides so I can't affect any spacing within that.

[mattea-turic]

What do you mean using deep padding? The whole blog section here is what the blog macro provides so I can affect any spacing within that.

@steverydz

Just to wrap it in a deep section, as the last sections on our pages should all have 128 px bottom padding (right now it seems to be the default 64 px)

Yes, the author/date section is baked into the blog macro. The only configurable options are the title text and number of articles.

Thanks for the info !

[jmuzina]

No worries, we can keep them there! Is author & date required as part of the macro – because if so, I'll raise a ticket to have these as optional

Jumping in at request of @kim-isaac - author & date are currently optional for Static blog patterns but (in practice) not optional for Dynamic blog patterns, there was an oversight in the creation of the dynamic version that causes author/date to always be rendered.

Details here

Article block creates a slot for author & date & Sites' latest-news module automatically populates author and time if present. Because the Blog API always has a date & author for each article, the date & author are always rendered. To make metadata (or, more granularly, author/date) optional we would need a simple change to conditionally render the metadata slot, or the author/time elements here - that way the Latest News module skips populating Author & date.

[thisisrichardferreira]

Hi @steverydz, looking at the demo I see that we've duplicated 2 of the links in the second section, unlike the Figma & copydoc.

Can we do another pass to double check?

[steverydz]

@thisisrichardferreira Good catch. Fixed!

[huwshimi]

A few tiny fixes. I'll give this "+1 with changes" as those changes don't need another review.

[huwshimi]

It looks like "(ESM)" has a link in the design and copy doc.

Suggested change

	Get up to 15 years of security patches for Ubuntu on WSL through Expanded Security Maintenance (ESM), with coverage for thousands of community-sourced packages from Ubuntu software repositories.
	Get up to 15 years of security patches for Ubuntu on WSL through Expanded Security Maintenance (<a href="https://ubuntu.com/security/esm">ESM</a>), with coverage for thousands of community-sourced packages from Ubuntu software repositories.

[huwshimi]

The design doesn't have the arrow in this button.

Suggested change

	Contact us ›
	Contact us

[huwshimi]

Suggested change

	https://docs.google.com/document/d/1M7e2B08GgPA7K6Wx0ThE6s9_xQINM0MSkarfdKUTEYI/edit#
	https://docs.google.com/document/d/1E7ycafq7TujOeCkZqO3-sGhyFaU802NlliPCCDOR-kw/edit?tab=t.jijjhiya0no5