Meta:Skins/Naiad/Mediawiki/Documentation

Naiad skin documentation

This document contains a brief description of the structure and functionalities of the wiki skin Naiad. On a general level, the skin is based on previous Blender wiki skin, but with a better integration of extensions such as DPL tree, custom messages and template via hooks. The skin files consist in the folder and file named "naiad" inside the mediawiki/skin folder.

CSS

The skin main.css inside the naiad folder contains the main CSS for the skin. Some temporary properties may be assigned to classes and id's via the MediaWiki:Naiad.css

Javascript

Most of the interactive features of the skin are based on the jQuery framework. Currently the legacy version 1.3.2 is used, because of an issue the more recent releases causing the page to appear blank for a fraction of second at every reload. The files are contained in the naiad/js folder are:

• jquery-1.3.2.min.js minified, compressed version of the jQuery framework
• jquery.blenderwiki.js custom jQuery functions
• jquery.cookie.js plugin for enabling cookie creation and management via jQuery
• jquery.tinyscrollbar.js plugin for enabling custom scrollbars

Markup

A summary of the structure, including the hook functions follows here. The interface is based on a liquid page container, inside of which a fixed header and footer are placed.

<pagecontaier>
	<headerWrapper>
		<subnav boxheader>
		</subnav boxheader>
		<subnav boxheader>
			<?php wfRunHooks( 'Series', array( &$this ) );?>
			<?php wfRunHooks( 'Languages', array( &$this ) );?>
		</subnav boxhader>
	</headerWrapper>
	<globalWrapper>
		<col-content>
		</col-content>
		<column-one>
			<?php wfRunHooks( 'NavTree_TopPages', array( &$this ) );?>
		</column-one>
		<column-two>
		</column-two>
	</globalWrapper>
	<footer>
		<?php wfRunHooks( 'SearchSeries', array( &$this ) );?>
		<?php wfRunHooks( 'SearchLanguages', array( &$this ) );?>
	</footer>
</pagecontainer>

Hooks

Currently hooks are used for two purposes:

• recall extensions (such as NavTree)
• embed custom messages (drop down menus)
  • SearchSeries
  • SearchLanguages