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:
Byefont, the font created by me to be used as a logo
Comic Sans MS, everyone's favourite font. This font falls back on Chalkboard SE, a knockoff preinstalled on Apple devices, and the system
cursive
font, which on Microsoft systems is Comic Sans lmao
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.