Actions

Coding the PFLab wiki skin

From Permanent Future Lab

Do you want to contribute to the wiki skin? Great! You can start immediately.

Introduction

The Wiki skin exists of four parts:

  1. The MediaWiki core
  2. The Foreground skin, used as a good basis for the PFLab wiki
  3. On top of the MediaWiki core and Foreground skin: additional CSS and JavaScript that makes the final PFLab skin

We use the Foreground Skin, so that if there's an update of MediaWIki, the skin gets automatically updated. We only have to think about our own design improvements.

Because we use the Foreground skin as the base of our skin, we have to modify the HTML a bit to make it useful and attractive for the PFLab. To change the Foreground skin presence, we not only have to add css, but also change the HTML/DOM structure. This way we can add header images and new type of content blocks, for example. So, to modify the PFLab wiki presence, we have to modify both a CSS and a JavaScript file.

How to start?

  1. First, log in, so you get the credits for your edits
  2. Contribute to the CSS by modifying https://permanentfuturelab.wiki/wiki/MediaWiki:Foreground.css
  3. Contribute to the JavaScript file by modifying https://permanentfuturelab.wiki/wiki/MediaWiki:Foreground.js

Advanced coder?

If you'd like, you can share your edits via git. Right now there's one user that shares its edits:

You could clone this repository and make your own. This way the wiki skin development is decentralized ánd you can see personal personal preferences.