home page

Races

Warning:

This is a notice box, to warn about stubs / spoilers / etc.

Infobox

example image

Infobox Subheader

Info: xyz
Longer Info: lorem ipsum dolor sit amet
consectetuer adipiscing elit

Infobox Subheader

Info: xyz

This is an example of a real link. This is an example of a redlink that doesn't go anywhere. You can adjust the colors of these (and everything else in the template) by going into the CSS file and changing the color variables at the top of the file.

Table of Contents
  1. Humankind
    1. History
    2. Attributes
  2. Ogre
    1. History
    2. Attributes
  3. Gnomes
    1. History
    2. Attributes
  4. Mutants
    1. History
    2. Attributes

Humans

example image
Left image example. next one has no caption
example image

Humans are the most numerous of the worldly peoples. Their bodies and faces resemble our own.

History

The table of contents is open by default. You can make it closed by default by removing the word open from the tag.

This is a static template, so you'll have to set up the table of contents on each page manually. Add an id="headername" to each header in your code, then add a corresponding link with href="#headername" to the table of contents. IDs cannot contain spaces or begin with a number.

(NEW) The table of contents sub-ordered-lists are numbered properly now! Sorry it took me two years. If you're already using this theme, you can just redownload the style.css file to get the update. You might have to change the HTML of your table of contents, since this update requires you to nest the ol element inside the li element it's under.

Attributes

Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.

Ogre

Living closely alongside humans, the Ogre are human-esque, but with generally larger physical frames and pig or boar-like facial features. Sexual dimorphism is more pronounced among ogre, with ogre women being hairier and sporting facial tusks, unlike ogre men. Skin tone varies from pale greys and browns to more vibrant pink, orange, and blue-ish hues.

History

Ogre society originated in Ur, a parallel world where they prospered for millennia before the realm's destruction upon the arrival of the Chariot. At the time of their exodus from Ur, humans had recently constructed the first "Slipgates," which allowed for limited communication and eventually facilitated transportation of matter and beings between worlds. From early communications it was clear that the Ogre also possessed knowledge of the Truth, despite having never made contact with our world. Human engineers surmised that they had reached "The Outer World," and thus hastened the development of the Slipgates with help from their contacts on the other side. It was only when ogre refugees came through that this theory proved false. What remained of the architecture on the other side looked nothing like the shadows found on Earth, and these shadows in turn were completely alien to Ogre scholars. Thus Ur was dubbed "The World-Between-Worlds," and hope of any journey to the true "Outer World" was abandoned by both civilizations.

After the desolation of the ogre homeworld, humanity quickly determined that their fates and the fate of the Ogre were intertwined, and great pains were taken to show their new compatriots the utmost hospitality. Ogre craftspeople were masters of the forge and had developed a sophisticated intuition for machinery, beyond what humans had thought possible at the time. Ur-al liturgy also provided nuance and much-desired insights to mankind's own religious doctrine.

example image
Right image example.

There are some utility classes in the CSS:

Subheader 3

Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.

(NEW) This code now contains gallery rows - see below for an example. If you're already using this theme, you can use "view page source" to grab the HTML/CSS for the gallery, and drop them into your code.