redhatgov.github.io icon indicating copy to clipboard operation
redhatgov.github.io copied to clipboard

Patternfly 4 Sync

Open kenmoini opened this issue 4 years ago • 4 comments

The layout currently uses Patternfly 3 - in updating to Patternfly 4, there's also an opportunity to generate a new Hugo theme that more closely resembles the standardized Red Hat product design and theme.

kenmoini avatar Jun 10 '20 17:06 kenmoini

Annnnnd we've got some progress...thoughts? (outside of many styles still needing to be aligned...more so the shell and alignment to RH branding standards...missing icons are due to updates to Icons going from PF3 > PF4)

image

image

kenmoini avatar Jun 12 '20 18:06 kenmoini

Annnnd a splash of the right paint, some trim, and voila...a pretty usable version now without having to do heavy content modification through all the workshops. Some tweaks still need to be made of course. Maybe with this official branding/styling we can get some dedicated resources to aid in development...be the gold standard of RH Workshops.

You may notice a difference in the styling of two of the info alerts/blocks. This is due to some of the workshop content being written in asciidoc and some of it being written in Markdown without any standardization...we'll get around to unifying on one of the two and fixing that in a while.

(Note the dope user switcher in the last screenshot...)

ansibleWorkshopIndex

workshopAnsibleStyling

workshops2fPrereq

kenmoini avatar Jun 13 '20 03:06 kenmoini

That looks fantastic!

ajacocks avatar Jun 18 '20 18:06 ajacocks

Huzzah: A sneak peak of the massive PR incoming...

https://youtu.be/AXzame3FFAI (skip the first 10 seconds...)

Also, this might be handy to know about in this context... https://github.com/kenmoini/jig

kenmoini avatar Jul 06 '20 02:07 kenmoini