Design the resources page UX

[amylily1011]

Summary

Follow up with Anton to design the navigation for the resources page

• finalise the design for how we want to navigate around and what will be on the resources page.

Process

Content is as shown below. https://docs.google.com/document/d/1OXio660sPmWUllHW0CO8Dl24p6E6Jasl7be8szP6z-k/edit#

[list the steps to replicate the issue]

Current and expected result

[describe what happened and what you expected]

Screenshot

[if relevant, include a screenshot]

[amylily1011]

Scheduled to work on this on Friday Nov 12.

• [x] sync with Anton on the Content in the resources page.

Todo:

• [x] sync with @lyubomir-popov and @rayito about how to align the content
• [x] Design the page based on the content
• [x] Get the designs approved by Anton

[amylily1011]

Figma file: https://www.figma.com/file/954HKiH1lpsUzzUwaMpPDR/22.04-maas.io-resources?fuid=826455171323929644

[antongisli]

+1 design is ok. please use higher image res for the kubernetes + maas image (pull it from the blog article itself)

https://ubuntu.com/blog/bare-metal-kubernetes-clusters-spectro-cloud-maas here is the clean image for maas + kubernetes

[lyubomir-popov]

Visual design issue: https://github.com/canonical-web-and-design/maas.io/issues/640 (the mockup is in the same file, page Visual)