|
1 | | -# 2018 Skin |
| 1 | +# 2018 MediaWiki skin |
2 | 2 |
|
3 | | -This [MediaWiki](https://www.mediawiki.org/) skin is intended to demonstrate the use of off-the-shelf components and libraries in creating a clean UI with excellent article readability. |
| 3 | +_2018_ is a proof of concept [MediaWiki](https://www.mediawiki.org/) skin designed with the following goals: |
| 4 | + |
| 5 | +* Provide a clean, modern and unobtrusive reading environment |
| 6 | +* Promote readability through page layout and type |
| 7 | +* Enhance the reading experience by providing context and supplementary tools |
| 8 | +* Be fully accessible to users with visual or motor impairments |
| 9 | +* Render properly on a broad range of user agents |
| 10 | + |
| 11 | +We intend to do that by: |
| 12 | + |
| 13 | +* Using off the shelf technologies and UI components |
| 14 | +* Segmenting content into [Schema](https://schema.org/)-friendly, HTML5 semantic elements |
| 15 | +* Implementing a [progressively enhancing](https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement) design with a mix of server-side and client-side logic, with as much of the presentation as possible handled by CSS |
| 16 | + |
| 17 | +## Installation |
| 18 | + |
| 19 | +### Prerequisites |
| 20 | + |
| 21 | +To deploy this skin either for development or production purposes (_not recommended_) you will need: |
| 22 | + |
| 23 | +1. A running instance of MediaWiki 1.30.0 or higher |
| 24 | +2. [npm](https://www.npmjs.com/get-npm) |
| 25 | +3. [Composer](https://getcomposer.org/) |
| 26 | + |
| 27 | +### Fetching the skin |
| 28 | + |
| 29 | +From your MediaWiki root, run the following commands: |
| 30 | + |
| 31 | +``` |
| 32 | +git clone https://gitlab.com/morags/mediawiki-2018-skin.git skins && cd skins/2018 |
| 33 | +npm install |
| 34 | +``` |
| 35 | + |
| 36 | +### Enabling the skin in MediaWiki |
| 37 | + |
| 38 | +Add the following line to `LocalSettings.php`, which is located in your MediaWiki root: |
| 39 | + |
| 40 | +```php |
| 41 | +require_once "$IP/skins/2018/2018.php"; |
| 42 | +``` |
| 43 | + |
| 44 | +You can then enable the skin per user through the MediaWiki GUI (Preferences > Appearance > Skin), or set it as default for all users by adding the following to `LocalSettings.php`: |
| 45 | + |
| 46 | +```php |
| 47 | +$wgDefaultSkin = "2018"; |
| 48 | +``` |
| 49 | + |
| 50 | +## Testing |
| 51 | + |
| 52 | +Frontend tests are covered by npm and Grunt: |
| 53 | + |
| 54 | +``` |
| 55 | +npm test |
| 56 | +``` |
| 57 | + |
| 58 | +Backend tests are covered by Composer: |
| 59 | + |
| 60 | +``` |
| 61 | +composer test |
| 62 | +``` |
| 63 | + |
| 64 | +## License |
4 | 65 |
|
5 | 66 | The skin is released under the MIT license. For more details see the LICENSE file. |
0 commit comments