Wiki Website Workshop

What is this about?

We want to use the mediaWiki api to turn a wiki page into a website.

How are we going to do it?

1. basics of styling any wiki page using inline css
2. what is an API?
3. Set up and Boilerplate

Style your Wiki page

Styling the wiki with CSS is a bit quirky because we are writing a mix of Wiki-Markdown and inline-CSS.

• why Inline CSS?
• some tips and tricks:
  • most things that you want to style, you can just wrap in a <div></div> HTML element and then apply some styling to the element itself. This will style whatever is contained inside it.
  • Some elements need a little extra care, such as headlines. The above mentioned <div></div> will not work. Instead they want to be wrapped in a <span> like this:
    ==<span style="color:red;">Style your Wiki page</span>==

You can see that I used the wiki markdown syntax to define a header (==) and added some inline styling to the span element.