Example page

Copy and past code from this page as a template for the rest of the site

Headers

Title Header	`<h1>Title Header</h1>`
Section Header	`<h2>Section Header</h2>`
Subsection Header	`<h3>Subsection Header</h3>`
Normal Header	`<h4>Normal Header</h4>`
Small Header	`<h5>Small Header</h5>`
Extra Small Header	`<h6>Extra Small Header</h6>`

Collapsible Group Item #1 (open by default) Panel Toggle

Text 1


<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingOne">
            <h4 class="panel-title">
            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            Collapsible Group Item #1 (open by default)
            <span class="hidden-xs toggle-arrow pull-right">Panel Toggle</span>
            </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
            <div class="panel-body">
                Text 1
            </div>
        </div>
    </div>
</div>

Collapsible Group Item #2 (closed on default) Panel Toggle

Text 2


<div class="panel-group" id="accordion2" role="tablist" aria-multiselectable="true">
    <div class="panel panel-default">
        <div class="panel-heading" role="tab" id="headingTwo">
            <h4 class="panel-title">
            <a class="collasped" role="button" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
            Collapsible Group Item #2 (closed on default)
            <span class="hidden-xs toggle-arrow pull-right">Panel Toggle</span>
            </a>
            </h4>
        </div>
        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
            <div class="panel-body">
                Text 2
            </div>
        </div>
    </div>
</div>

Text

Paragraph text

link

Text of the quote

Quote author, caption, or citation

Text with class="highlightBox"

Text with class="prevHighlightBox" (reserved for default wiki content that is to be removed)

References

This is a minimal example of the cite tag . Citations can be added with this: <cite ref="Khelifa2010"></cite>. Good to check if your changes will work . This sentence is followed by a non-existent cite tag which just displays "undefined". I don't think that's much of a problem. This sentence is to confirm that referencing the same thing twice doesn't repeat the reference in the list . To add a new reference, enter it on this page. The references should have the JSON format "FirstauthorlastnameYear" : "textToAddToReferenceList" which you'll be able to see examples of in the file. References will show up in a list at the bottom of the page, like so:

Tables

Tabular data should be in a table, as below

Name	Value	Units	Rationale
beta_1	0.1	min^-1	Found it in a paper.
volume	1	mL	Made it up, to be honest.

Math

MathJax is used to write equations using $.

Inline math

Equation is $a = \frac{p}{q}$.

Block equation

$$\nabla \times \vec B = \mu_0 \left( \vec J + \epsilon_0 \frac{\partial \vec E}{\partial t}\right)$$

Greek

You can either use the regular unicode with &greek_letter; (ex. α = α) inline as if you were using LaTeX with $\greek_letter$ (ex. $alpha$ = $\alpha$).

Images & Files

Colour Scheme

Green (#92cc78) rgb(146, 204, 120)
Blue (#79bcc7) rgb(121, 188, 199)
Orange (#fbb67a) rgb(251, 182, 122)
Charcoal (#373b40) rgb(55, 59, 64)
Teal (#23b593) rgb(35, 181, 147)

Top

Team:Waterloo/Example