reference

Testing

January 2022

h1

h2

h3

h4

h5

Paragraph text


Blockquote

Quote

Footnote

Here’s a footnote.1

Code

function js() {
    console.log("js");
}

Image

Tester
Tester

Ordered Lists

  1. Misunderstandings: Clients don’t know the lingo, and often are afraid to say what they want. To the point of horror stories of walking out with tattoos too large or in an unwanted position because they didn’t speak up.
  2. Some content here
    1. Some nested content
    2. More nesting

Unordered Lists

Grid

Element 1

Element 2

Element 3

<Grid columns={3} spacing="1rem"></Grid>

ImageFigure

Alt text
Alt text
<ImageFigure
  src="https://via.placeholder.com/600x300/c0392b/FFFFFF"
  alt="Alt text"
/>

This is with html text.

<ImageFigure
  src="https://via.placeholder.com/600x300/c0392b/FFFFFF"
  alt=""
>
This is with _html_ text.
</ImageFigure>
This has alt text

and html text.

<ImageFigure
  src="https://via.placeholder.com/600x300/c0392b/FFFFFF"
  alt="This has alt text"
>
and _html_ text.
</ImageFigure>

Sidenote

<Sidenote title="University Project">
This project was completed in my 3<sup>rd</sup> year at [Imperial College London](https://imperial.ac.uk).
</Sidenote>
<Sidenote type="success" title="Positive">
Some positive sidenote.
</Sidenote>
<Sidenote type="warning" title="Warning">
Some warning sidenote.
</Sidenote>

Math

Block

x=1+2=3\begin{aligned} x &= 1 + 2 \\ &= 3 \end{aligned}

Inline

Some text 1+31+3

SpeechBubble

Test

Sparkles client:idle

Some normal text with and some with pizazz

Slider

Coarse
Fine

Image Comparison client:load

  1. This is the footnote.