Rebrand /iot/smart-displays

[britneywwc]

Done

• Apply rebranding on /internet-of-things/smart-displays
• No changes to content, only design

QA

• Go to https://ubuntu-com-14538.demos.haus/internet-of-things/smart-displays
• Check that design matches Figma
• No changes to design

Issue / Card

Fixes WD-16639

Screenshots

[If relevant, please include a screenshot.]

Help

QA steps - Commit guidelines

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (feature-rebrand-iot@dae8ba9). Learn more about missing BASE report.
Report is 21 commits behind head on feature-rebrand-iot.

Additional details and impacted files

@@                  Coverage Diff                   @@
##             feature-rebrand-iot   #14538   +/-   ##
======================================================
  Coverage                       ?   69.64%           
======================================================
  Files                          ?      120           
  Lines                          ?     3419           
  Branches                       ?     1178           
======================================================
  Hits                           ?     2381           
  Misses                         ?     1013           
  Partials                       ?       25           

[mattea-turic]

ty @britneywwc ! :) a couple assets changes, sorry!

For this section, for smaller screens:

• Could you maintain the images pls?

For this section:

• The logos look a lil small to me so I've uploaded new ones in the assets server (they've got the suffix "-updated". The container for these is also a lot smaller, so it should look good on smaller screens to now

For this section:

• The logos look too big to me, so I've added new assets, again with the suffix "-updated"
• Something strange is going on with this section on smaller screens btw:

For this section, for smaller screens:

• Could you maintain the images pls

[eliman11]

Thanks Britney looks great! Some comments:

• Fix typo under 'Get started now with Ubuntu Core and Frame' to "Your graphical application will instantly run in full screen with all input modalities seamlessly on all hardware."
• Link 'More information about Ubuntu Frame graphics support ›' to https://discourse.ubuntu.com/t/where-does-ubuntu-frame-work/23193
• 'Get in touch ›' under 'Learn how we can get your device to market for you' to link to contact modal instead of page
• Change h5s into h3 without changing styling

• Just got a reply from the stakeholder - could we change 'deep learning' into 'deep learning hardware' under 'Faster innovation'? Marked as a suggestion on copydoc if it's easier to spot that way

[eliman11]

Thanks for the changes @britneywwc, looks great! Adding +1

[mattea-turic]

ty @britneywwc and sorry for late pr review ;-;

I just had a couple questions:

• Would you be able to use the wrap variant here for the equal heights row so that the aspect ratio self-adjusts for smaller screens, and so tablets use a 2x2 layout? – and same thing for the "ready for all boards..." section

And then for this section:

• Could you reduce the size of the images, particularly for smaller screens? With the previous asset I provided, the logos were smaller but there was a lot of whitespace. Now, there is less whitespace, but the logos are v big :') is there a format of the logos I could send over that would work better for both?

All else is good tho!

[britneywwc]

@mattea-turic Thanks for the review. I'm not sure about the image dimensions for Ubuntu Core and Frame, maybe something similar to the images that are being used in the Hero Signpost? Either that or I could hide the logos on smaller screens.

[mattea-turic]

@mattea-turic Thanks for the review. I'm not sure about the image dimensions for Ubuntu Core and Frame, maybe something similar to the images that are being used in the Hero Signpost? Either that or I could hide the logos on smaller screens.

Got it, I've added a resized version for Ubuntu Core and for Frame. Hopefully this'll work better now :)

[muhammad-ali-pk]

Looks great @britneywwc ! Just a few tiny corrections.

[muhammad-ali-pk]

Looks great! Approved.