Code Diary

A small diary for building things. Each entry is a note to my future self: what I tried, what broke, and what I finally understood. Keep the notes short, keep them honest, and the page stays useful for years.

Open index.html in Notepad and type over the words to make this page your own. Everything you can see — the colours, the spacing, the dark code blocks — is described in the comments of style.css, which sits right beside it.

Make it work, make it right, make it fast.

Notes

A running log of small decisions. One honest sentence is worth more than a tidy paragraph written weeks later.

• 02 Sep 2026 Set up the colour tokens

  Moved every hex value into the :root block so the whole page can be recoloured from one place. The blue stayed; the old orange quietly left the building.

• 27 Aug 2026 The sidebar that would not sit still

  The right rail was folding into the text on narrow screens. A media query that turns the grid into a single column sorted it out for good.

• 19 Aug 2026 Showing code on a page

  Browsers read angle brackets as tags, so a snippet has to be written with < and > to appear as text.

Snippets

Two or three short pieces worth keeping. A snippet is easier to reuse than a memory, so the useful ones live here.

style.css — a palette in one place

/* all the colours live together at the top */
:root {
  --paper: #ffffff;
  --ink:   #2b3038;
  --blue:  #2563eb;
}

index.html — a menu of plain links

<nav id="menu">
  <a href="index.html">Home</a>
  <a href="#notes">Notes</a>
</nav>

Terminal — save the day’s work

# a note to self, attached to the code
$ git add .
$ git commit -m "note to self"
$ git push origin main

Projects

The little things currently on the bench. Status is a word, not a feeling.

• Harbour live
• Pixel Pantry in progress
• Night Shift live