How navigation works

This deck has horizontal sections (top-level slides) and vertical subsections (deeper dives inside one topic).

The keys in the bottom-right show which directions have content. Brightened means a slide exists; dim means you're at the boundary.

Press ↓ right now to see a vertical subsection.

Horizontal sections

Press → to advance to a new topic. The bottom row of keys lights up when there's a slide to the left or right.

Vertical subsections

Press ↓ within a topic to drill into a subsection. The vertical keys (up / down) light up the same way.

Press ↑ a couple of times to come back, or jump straight ahead with →.

Content patterns

What you can drop into a slide without writing custom CSS:

• Headings, paragraphs, lists.
• Inline code and full code blocks.
• Quotes, links, images, KaTeX (add the script if needed).
• Multiple subsections per section (you're in one now).

Code blocks

Syntax-highlighted with copy-to-clipboard on hover. Ligatures on.

// Reveal initialised with our custom indicator
Reveal.initialize({
  hash: true,
  controls: false,     // we draw our own arrow keys
  progress: true,
  transition: "slide",
  plugins: [ RevealHighlight ],
});

Teaching walkthrough

Ligature samples: => != === -> <=

def gradient_descent(x, lr=0.01, steps=100):
    for _ in range(steps):
        grad = compute_gradient(x)
        if abs(grad) < 1e-6:        # converged
            break
        x = x - lr * grad
    return x

"The purpose of computing is insight, not numbers."
— Richard Hamming