OnTheCeiling

This website is both my personal website and a way of documenting its own creation.

Hosting

The plan for now is to host via Github Pages as the site is likely to be mostly static.

Content

Content is organised into 5 main categories;

/

/index.html (landing page)
/README.md (rendered via jekyll)
/card.html (digital business Card)
/cv.html (digital CV)

/Projects

/Catbug-bot
/Catbug-bot/Module Demos
/Cara Loft
/Cara Loft/Module Demos
/Code Challenges???

The idea here is to have a place to write-up/record my projects and have little demos of different parts of them in action.

/Tools+Toys

Kind of self-explanatory; a place to collect cool tech toys and tools

/Resources

Links and resources

/Meta

/css_test.html (used to check that the CSS is working properly)
/html_template (Jekyll template for using HTML)
/md_template (Jekyll template for using md)

Styling

Rendering

The site mostly relies on normal browser rending using HTML and CSS, but for .md files I intend to use a Markdown renderer. This should make authoring new content easier.

Colour

Inspired by the aesthetics of VSCode.
The site uses 2 palettes from the dark modern and light modern themes.

Colours are handled using oklch format in order to make adjustments more intuitive and enable automation.

Themes

Light/Dark mode is handled using the light-dark() CSS function to swap between modes according to the client’s OS preference.

Font

I make use of the Font Family Monaspace by Github.
The family is variable and dynamic, using techniques such as texture healing and ligatures to improve readability while maintaining monospacing.