--- isTemplate: false ---

// TODO: images, buttons, maybe rename toc-container to box because it is just a box

The following classes exist for fonts:

- .font--monospace-regular (aka .font--monospace)
- .font--monospace-semibold
- .font--monospace-bold
- .font--small

Secondary text looks like this.

Link styles look like this and images that are links (like the one below) have hover effects.

- This is an unordered list
- With another point
- And another point

1. This is a slightly rarer ordered list
2. Look! It has numbers!
3. Ain't that crazy?

`.bg-brand--{n}`, `.brand--{n}`
05
10
20
30
40
50
60
70
80
90
95
`.bg-grey--{n}`, `.grey--{n}`
05
10
20
30
40
50
60
70
80
90
95

Elements can be arranged into a horizontal row with vertically centered items using `.items-as-centered-row`, and gaps can be added using `.gap--{5,10,15,20,25}` to set a gap of `n` pixels.

This thing is a pill, made using a span with the `.pill` class applied to it. Note that there are also special rules that apply when a pill is a direct child of an anchor.

This is a note with some content inside of it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris interdum magna sit amet turpis lobortis semper. Sed laoreet nibh id massa vehicula, nec tincidunt ligula sollicitudin. Mauris a arcu vestibulum, iaculis dolor sed, mollis quam. Phasellus pulvinar sagittis orci vel viverra. Nulla facilisi. Sed et nibh blandit, varius elit et.

gdunsk

Here `is a small section of inline code`.

`// This is a bigger section of code that acts like a pre func (endpoints) authLogout(ctx *fiber.Ctx) error { ctx.Cookie(newSessionTokenDeletionCookie()) titleLine := config.Get().Platform.SocietyName + " voting" return htmlutil.SendPage(ctx, htmlutil.SkeletonPage( titleLine, html.H1(g.Text("You're all signed out!")), html.A(g.Attr("href", "/auth/login"), g.Text("Click here to login again")), )) }`

> Don't believe everything you read on the internet, even if it's enclosed in a blockquote.
> -Albert Einstein

Population of the United Kingdom by country (2022)
Country | Land area | Population | Density (/km2)
--- | --- | --- | ---
(km2) | (%) | People | (%)
England | 130,310 | 54% | 57,106,398 | 84% | 438
Northern Ireland | 13,547 | 6% | 1,910,543 | 3% | 141
Scotland | 77,901 | 32% | 5,447,700 | 8% | 70
Wales | 20,737 | 9% | 3,131,640 | 5% | 151
United Kingdom | 242,495 | 100% | 67,596,281 | 100% | 279

On this page

This is just a box

- This is a list intended to be used as a list of links to places in a page
- camera
- pouch
- deodorant

This is a button This is a button

Here's a `<hr>`:

# This is a h1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

## This is a h2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

### This is a h3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

#### This is a h4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

##### This is a h5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

###### This is a h6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus ipsum sed leo lacinia ultricies. In et dolor sit amet nibh pharetra consectetur et vulputate risus. In facilisis auctor tellus, at ultrices ante mattis nec. Morbi scelerisque nibh mauris, id consequat est egestas eu. Integer pulvinar augue sit amet velit.

# Abigail Pain

she/her

Oh, hi there!

You've found the aside.

This is just a box