Elements
How plain HTML looks before any component is involved. Everything here is unclassed markup inside a prose wrapper.
Headings
Heading level 1
Heading level 2
Heading level 3
Heading level 4
A paragraph following a heading sits close to it, so the two read as one unit.
Text
My background in agency work gives me a strong understanding of how to balance budgets, time
and quality. A paragraph can contain a link, strong text,
emphasis, an abbreviation such as SDLC,
highlighted text, inline code like php artisan migrate and a key such
as Tab.
Small print is set in the secondary text colour.
Lists
- Activity days
-
Camps
- Group camp
- District camp
- Kayaking trips
- Concept
- Build
- Release
- Maintenance
- Degree
- Computing BSc, 2:1
- Final year project
- Web accessibility
Quotation
The irony of working in the digital world is not lost on me and I have always longed for a way to redress the balance.
Code block
export function contrast(a: string, b: string): number {
const [hi, lo] = [luminance(a), luminance(b)].sort((x, y) => y - x);
return (hi + 0.05) / (lo + 0.05);
}Table
| Role | Organisation | From | To |
|---|---|---|---|
| Technical Lead (Web) | Immersive technology studio | June 2024 | Present |
| Development Lead | Healthcare communications agency | August 2020 | June 2024 |
| Senior Developer (Lead) | Digital agency | October 2017 | August 2020 |
Disclosure and divider
Final year project
Designing and implementing an online message board to integrate with an existing online community, using good human-computer interaction practice.
A horizontal rule separates unrelated blocks of text.
Form fields
The site has no forms of its own. These styles exist for the palette controls in this guide and for anything added later.