The QualityBox features a grid layout. There is a Top navbar, bottom footer with all your content in the middle. <ref>{{@todo}} Need screenshot of finished demo site</ref> There are two choices for the "Look and Feel" (some projects like [[Drupal]] or [[WordPress]] call this a 'theme', while the MediaWiki project calls it a 'skin'). QualityBox offers both [https://github.com/wikimedia/mediawiki-skins-chameleon Chameleon] and [http://foreground.wikiproject.net/wiki/Main_Page Foreground]. Both of these theme choices take the bland out of the normal MediaWiki Look and Feel. They provide not only a pleasant user experience but also one that is mobile-first; which adds to your Search Engine Optimization. == Chameleon ==The Chameleon skin uses Twitter's [[Bootstrap]] 3 to provide a customizable MediaWiki skin. Not only can you customize the layout internally, but you can also adapt it using free drop-in replacement CSS from places like https://bootswatch.com/ <ref>{{@todo}} test implementation of the '[https://bootswatch.com/spacelab/ spacelab]' and 'paper' themes</ref> == Chameleon Documentation ==https://github.com/wikimedia/mediawiki-skins-chameleon/blob/master/docs/index.md <ref>{{Done}} Actually add Chameleon. Since it's not a download, but rather installed with composer, the steps will be different than the current Vector and Foreground aka shell: composer require "mediawiki/chameleon-skin:~1.0" {{@todo}}Test the implementation and also reconfigure the whole layout of the 'farm' configs and overrides</ref> == Foreground ==Foreground is used by WikiApiary One distinct problem with Foreground is that it's based on '''[https://github.com/zurb/foundation-sites Foundation 4]''' (two versions out-of-date). There is a branch for Foundation 5 https://github.com/thingles/foreground/tree/feature/foundation5, but I believe development has stalled on compatibility issues <ref>https://github.com/thingles/foreground/issues/82</ref><ref>https://github.com/thingles/foreground/pull/102</ref> with newer Foundation and the markup clashing with what's allowed by the MediaWiki parser. I'll ping the community to find more detail on the status and/or other good options. This skin is used by WikiApiary so I expect there to be relatively good support and active development for it. But it looks instead like WikiApiary is stuck because of the evolution of Foreground has made it incompatible with the wiki parser. The mailing list is inactive. The developers are Garrick van Buren, Jamie Thingelstad, Tom Hutchison Chameleon may be the better option at this point. == Foreground Highlights ==* MediaWiki on top and at the bottom, nothing but content in the middle.* [http://foreground.wikiproject.net/wiki/Tabs|Useful Tabs]. Built-in and responsive tabs. Better and faster than HeaderTabs extension.* [http://foreground.wikiproject.net/wiki/Type|Smart Typography]. ?hoose the design of the text that you need.* [http://foreground.wikiproject.net/wiki/Grid|Grid Layout]. Place your information efficiently on desktop and mobile devices* Full support of [http://fortawesome.github.io/Font-Awesome/ Font Awesome] (v4.3)!* Simple customization http://foreground.wikiproject.net/wiki/Customizing == Foundation 4 Documentation ==http://foundation.zurb.com/sites/docs/v/4.3.2/ {{ReferencesDeprecated}}