New layout for Working Group pages

[exoticDFT]

The DEI-WG was going over the PR for adding a page to represent the group and noticed the layout is a bit hard to read. Specifically, the headers (h2,h3,h4) all seem comparable in size and hard to distinguish between levels of hierarchy.

We didn't come up with any solutions, but wanted to have a discussion about improving the layout for the WG pages in general/

[vsoch]

It would be fairly straight forward to change sizes for the font - feel free to test out and then give some a try (or others reading to do the same!)

[vsoch]

Also there is nothing special about the working group pages - they are blank canvases for whatever you want them to be. So this issue is more about header sizes, which would be for across the site.

[exoticDFT]

Thanks for the quick response @vsoch. I believe our conversation was geared towards creating a common layout between all working group pages. As we somewhat envisioned there would be consistency throughout them.

However, if we want to have the layouts be independent for each working group, then I agree this is definitely a more generic website change we could employ.

[vsoch]

That would work too! It would definitely require conversation between different groups about what is needed - I figured markdown (and control of the entire page) would make sense to allow this flexibility. I wonder if it would make sense for working groups to create includes (e.g., components you add like):

{% include wg/component.html %}

and then mix and match what is desired. But again, I'm not sure about overlap of needs. Please feel free to take the reins on this one!