This site in one deck

Article at this URL · present with Present Slides on this page (or the button above) for fullscreen. Mermaid, PythonCode, SlabTitle, and PokemonSprite come from post_layout.svelte (mdsvex layout exports)—works in split slides and SSR.

Quick links

Portfolio · Archive · Playbook · About
Project Dex — /portfolio/projects · Yggdrasil 2026 — /growth/2026

About — /about
Portfolio — /portfolio · Project Dex — /portfolio/projects
Archive — /archive (all posts)
Playbook — /playbook → FAQ, timeline, résumé, interviews (guide-to-tech-*)
Documents (header) — résumé PDF, thesis
Monash handbook graph — external link in the nav

Features

⌘K / Ctrl+K — full-text search (posts + static pages)
Theme — palette picker in the header (DaisyUI)
Atom / Sitemap — footer
Slides — slides: true in frontmatter + Present Slides or /cool-stuff/deck/ for deck mode (this page)

Diagrams & code embeds

Diagrams&code

PonderNet (annotated Python)

Loading content...

Sprites (layout component)

PokemonSprite uses the same mdsvex layout mapping as Mermaid—no per-file <script> import.

Block

Inline next to text:

Math and prose

Inline: $e^{i\pi} + 1 = 0$ .

Display:

\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}

Code-heavy slide

python
def hello():
    return "minimal · code-first"

Use class slide-code-focus on a wrapper for tighter code slides (theme CSS).

Two columns (HTML)

Left

Bullet one
Bullet two

Right

Stagger utility

Apply classes stagger-1 … stagger-6 to block elements for delayed fade (see slide-theme.css).

First point

Second point

Full bleed

Wrap content in class="slide-full-bleed" for edge-to-edge (theme variable --slide-bleed).

Next steps

Browse Portfolio and Archive
Search with ⌘K — try company names, tags, or post titles
Deck mode: use Present Slides, or open /cool-stuff/deck/ for fullscreen slides

ElementsofthisWebsite