Heading 1

Heading 2

Heading 3

Heading 4

Here's some dummy text: in bold, in italics, underlined, highlighted, code, and links.

(Highlight) There's also custom styling for spoilers that require the viewer to highlight the text to read it. This can be done with <spoiler>spoiled text</spoiler>. Inner formatted text will override the spoiler styling.

Try out <p> to create a paragraph, and </p> to end it.
You can also use <br /> for line breaks.

1. Check out this ordered list too.
2. Each list starts with <ol> (for ordered list), and each item starts with <li> (list item.)
3. Be sure to close your tags at the end by adding a forward slash in the code, like </li>

• You can also make unordered lists (<ul>).
• Look at me, I love bulletpoints.

Here's some text to break up this preview better.

Above is a horizontal rule, which you can add by inputting <hr />. It can act as a divider on your page.

This is text inside a blockquote.

Be sure to close your code!

(I'm adding text here so some spacing is more distinct.)

The code for each individual fic is prepended with <div class="filterFic fandom-name">, wherein fandom-name is the fandom that the fic is for, and matches at least one fandom filter option under fandom-navigation a la filterSelection('fandom-name').

Each fic item must be closed with </div> before listing another one.

To add a new fandom, under <nav id="fandom-navigation">, add a new button option like so:

	<button class="fandomButton" onclick="filterSelection('new-fandom')">New Fandom</button>

When adding a new fic for the fandom, put what you named the fandom under filterSelection as an additional class. In this case, I'll use new-fandom.

	<div class="filterFic new-fandom">
		<ul>
			<li><a href="">Title</a></li>
			<li>Fandom</li>
			<li>Pairing</li>
			<li>Rating</li>
			<li>Word count</li>
		</ul>
		<fic-summary>Summary of my awesome fanfiction.</fic-summary>
	</div>

Each pic can have multiple filter classes,To add another filter to a pic item, add it to an individual pic's div class.

	<div class="filterFic new-fandom second-fandom ship-pairing rated-explicit">
		<ul>
			<li><a href="">Title</a></li>
			<li>Fandom</li>
			<li>Pairing</li>
			<li>Rating</li>
			<li>Word count</li>
		</ul>
		<fic-summary>Summary of my awesome fanfiction.</fic-summary>
	</div>