Creating a page

CSS

When styling a new page, you should prefix any class names you create that are specific to that page with the page name. For example, when building the faculties and programs page, you could prefix page specific classes with fp-

You should also create a less file for the page in the /less/ualberta/pages folder and add a line to import it into the ualberta.less file. This keeps everything well organized and easy to find if changes are required at a later date.

Markup

Create the html file in the root directory of the project and use the base.html file as a template. Your markup should be valid HTML5 markup. Also, your page should contain the minimal amount of markup required to achieve the required functionality. Extraneous <div> tags should be avoided unless absolutely required. Do not use inline styling

Javascript

If Javascript is required for the page, it should extend the twitter bootstrap jquery plugins. If possible, the plugin should be created so it can be activated through a data attribute in HTML instead of requiring manual activation.

Documentation

A short page should be added to the wiki with the, required markup, css, and javascript for the developers.