starcitizentools / citizen-skin
A responsive skin developed for the Star Citizen Wiki
Installs: 347
Dependents: 0
Suggesters: 0
Security: 1
Stars: 226
Watchers: 9
Forks: 57
Open Issues: 29
Language:Less
Type:mediawiki-skin
Requires
- ext-libxml: *
- composer/installers: >1.0.12
Requires (Dev)
- dev-main
- v2.37.0
- v2.36.0
- v2.35.0
- v2.34.0
- v2.33.0
- v2.32.0
- v2.31.0
- v2.30.0
- v2.29.0
- v2.28.0
- v2.27.0
- v2.26.0
- v2.25.0
- v2.24.0
- v2.23.0
- v2.22.1
- v2.22.0
- v2.21.0
- v2.20.0
- v2.19.0
- v2.18.1
- v2.18.0
- v2.17.2
- v2.17.1
- v2.17.0
- v2.16.1
- v2.16.0
- v2.15.1
- v2.15.0
- v2.14.1
- v2.14.0
- v2.13.5
- v2.13.4
- v2.13.3
- v2.13.2
- v2.13.1
- v2.13.0
- v2.12.0
- v2.11.1
- v2.11.0
- v2.10.1
- v2.10.0
- v2.9.1
- v2.9.0
- v2.8.5
- v2.8.4
- v2.8.3
- v2.8.2
- v2.8.1
- v2.8.0
- v2.7.11
- v2.7.10
- v2.7.9
- v2.7.8
- v2.7.7
- v2.7.6
- v2.7.5
- v2.7.4
- v2.7.3
- v2.7.2
- v2.7.1
- v2.7.0
- v2.6.6
- v2.6.5
- v2.6.4
- v2.6.3
- v2.6.2
- v2.6.1
- v2.6.0
- v2.5.2
- v2.5.1
- v2.5.0
- v2.4.4
- v2.4.3
- v2.4.2
- v2.4.1
- v2.4.0
- v2.3.6
- v2.3.5
- v2.3.4
- v2.3.3
- v2.3.2
- v2.3.1
- v2.3.0
- v2.2.0
- v2.1.0
- v2.0.1
- v2.0.0
- v2.0.0-beta.4
- v2.0.0-beta.3
- v2.0.0-beta.2
- v2.0.0-beta.1
- v2.0.0-beta.0
- v2.0.0-alpha.2
- v2.0.0-alpha.1
- v2.0.0-alpha.0
- v1.17.9
- v1.17.8
- v1.17.7
- v1.17.6
- v1.17.5
- v1.17.4
- v1.17.3
- v1.17.2
- v1.17.1
- v1.17.0
- v1.16.1
- v1.16.0
- v1.15.0
- v1.14.1
- v1.14.0
- v1.13.0
- v1.10.0
- v1.9.5
- v1.9.4
- dev-release-please--branches--main
- dev-develop
- dev-REL1_35
- dev-REL1_31
This package is auto-updated.
Last update: 2024-11-03 04:45:10 UTC
README
πCitizen
Citizen is a beautiful, usable, responsive MediaWiki skin that makes extensions part of the cohesive experience. It was initially created for the Star Citizen Wiki but is flexible to run on various MediaWiki configurations.
Live demo: English, German, Chinese
For the old design, click here for the last release.
Notable features
- Responsive layout: Responsive and able to adapt to different screen sizes. π±π»π₯οΈ
- Light/dark mode: Switch between light and dark mode. βοΈπ
- Improved extension UI: Adjust supported extensions to be more usable and cohesive. π€π
- Reading preferences: Adjust page width, font size, and line height. ππ
- Collapsible sections: Collapse and expand article sections. ππ
- Persistent ToC: Access ToC anywhere in the article. ππ
- Rich search suggestions: More helpful search suggestions with images and descriptions. ππ
- Progressive Web App: Give a more app-like experience when user add your wiki to their home screen. π±
Installation
- Download place the file(s) in a directory called
Citizen
in yourskins/
folder. - Add the following code at the bottom of your LocalSettings.php and after all other extensions:
wfLoadSkin( 'Citizen' );
- βοΈDone - Navigate to Special:Version on your wiki to verify that the skin is successfully installed.
Configurations
The skin works out of the box without any configurations. The config flags allow more customization on the specific features in the skin. Check out this wiki page on how to adapt Citizen styles on your wiki.
Appearance
Search suggestions
Webapp manifest
Requirements
- MediaWiki 1.39.4 or later
- For the legacy versions, check the other release branches.
Recommended extensions
These extensions are optional. They are recommended to enable additional feature in Citizen.
- PageImages (bundled with MediaWiki) - Add image to search suggestion results
- TextExtracts (bundled with MediaWiki) - Add description to search suggestion results
- ShortDescription - Add short description to under page title and search suggestion results (needs to set
$wgCitizenSearchDescriptionSource
towikidata
) - TemplateStylesExtender (if you use TemplateStyles) - Allow the use of CSS variables in TemplateStyles, including the ones provided by Citizen
Extension styles
Citizen overrides some extension styles through skinStyles that applies custom styling to extensions and core libraries.
- Grade A - Overhaul - Major adjustments to UI, plus Grade B.
- Grade B - Dynamic - Colors are converted into CSS variables, little to none style adjustments.
- Grade E - Legacy - Dark mode colors are hardcored as LESS variables. These should be updated to at least Grade B support.
Please feel free to submit PRs if you want to add support for more extensions!
Core
Extensions
Some of the field are tagged as N/A because the information was not tracked before. If you are interested in adding skinstyles, please check out this page on the wiki!