feat(/kubernetes/resources): Rebranding

[petesfrench]

Done

• Rebrands /kubernetes/resources based on the copydoc and figma design
• Creates a new macro _macros-resource.jinja to help handle the build of the individual resource. My thinking here is that it will be a lot easier to update the content and make changes to the design

QA

• Open the demo
• Compare against the figma design
• Compare against the copydoc
• Check the form submits and the payload look good
• Check on different screen sizes

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-12887

[webteam-app]

Demo

Jenkins

demos.haus

[mattea-turic]

Looks good, thanks @petesfrench !
A couple of small comments:

• On smaller screens, the horizontal line under the tabs doesn't extend to occupy the whole width of the tabs
• Ik you mentioned on MM that 'title' and 'date & author' switch – I'm guessing this hierarchy is a workaround till it can be fixed? I think it works, but it's still not a common way of structuring content and might be a lil confusing for users to not see the heading first

[petesfrench]

Looks good, thanks @petesfrench ! A couple of small comments:

• On smaller screens, the horizontal line under the tabs doesn't extend to occupy the whole width of the tabs

I have created an issue against the vanilla repo to address this separately

• Ik you mentioned on MM that 'title' and 'date & author' switch – I'm guessing this hierarchy is a workaround till it can be fixed? I think it works, but it's still not a common way of structuring content and might be a lil confusing for users to not see the heading first

So I have been doing a bit of research into this case, as it require duplicating content within the page. This of course won't be visible to users. but will be visible to web crawlers. This may have a negative effect on the SEO performance of the page.

I am going to implement it this time, but it is something we need to look further into moving forward.

[eliman11]

Thanks @petesfrench! Just have a few minor copy updates:

• Author for "Containers-as-a-service: deploy faster with Canonical and Portainer" should be Alex Chalkias and dated 23 September 2021
• Author for "Deliver your software with Kubernetes" should be Alex Chalkias, Mark Lewis and dated 7 March 2022
• "Micro clouds: Secure container orchestration at the edge" should be dated 3 March 2021
• Change to US spelling: organisations -> organizations in "Many organisations are using managed services for commodity operations to free up their resources for more strategic activities."

[eliman11]

Thanks for the quick change @petesfrench! Sorry just noticed one super minor thing - the aria-label for the author links in "Introduction to bare-metal cloud with Kubernetes and MAAS" is missing the author name. Adding UX+1 though!

[mattea-turic]

Thank you @petesfrench ! The design itself is good, but apparently I can't read so ended up adding wrong authors for a few of the blog posts. I've added replacement assets here:
"Containers-as-a-service: deploy faster..."
"Deliver your software with Kubernetes"
"Micro clouds: Secure container orchestration..."

I'll +1 as I trust nothing will go wrong following this

[mtruj013]

LGTM! Just a few minor comments: