byespace Testing > UI
Skip to content

Testing > UI

Let's get all the UI stuff out of the way.

Table of contents:

Typography

This is a paragraph. It contains a link and text that is bold, strong, italic, emphasised, underlined, inserted, strikethrough and deleted.

The site is typeset in FOT-RodinNTLG Pro, falling back on Helvetica, Arial and finally sans-serif.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

There is also a selection of fonts to choose from, other than the system-provided ones:

Colours

Here's a quick rundown of the colours I'm using.

Bye Green

#77b19d

Main

BG: #1a1a1a

FG: #fdfdfd

Secondary

BG: #2f2f2f

FG: #fdfdfd

Warning

BG: #f03e3e (Open Color red-7)

FG: #ffffff

JavaScript

Use this section to test various JavaScript components.

Relative time

By giving a time element the class localise-me, it will convert the timestamp to a relative time string.

For example, the site was last updated .

It will default to the current date in the format YYYY-MM-DD if the JavaScript doesn't work.