Sai Kumar M.K.

ElementsofthisWebsite

Kitchen sink for this site: nav map, search, themes, Mermaid, PythonCode, SlabTitle, patches, math, and slide layout demos—article or fullscreen deck.

· 1 min read · 257 words · updated

or press p to read this as slides

This site in one deck

Article at this URL · present fullscreen by pressing p, the present button, or opening ?present. Mermaid, PythonCode, SlabTitle and Patch come from post_layout.svelte (mdsvex layout exports)—works in split slides and SSR.

  • About — /about
  • Portfolio — /portfolio · Project Dex — /dex
  • Archive — /archive (all posts)
  • Playbook — /playbook → FAQ, timeline, résumé, interviews (guide-to-tech-*)
  • CV — /cv, printable · Garden — /garden, every post’s flower

Features

  • ⌘K / Ctrl+K — full-text search (posts + static pages)
  • Theme — ivory / ink toggle in the header
  • RSS — footer
  • Slides — slides: true in frontmatter, then p or ?present for deck mode (this page)

Diagrams & code embeds

Diagrams&code

PonderNet (annotated Python) loading… · source

Patches

Patch (the old Game Boy frame) is an aside stitched onto the page, from the same mdsvex layout mapping as Mermaid.

Math and prose

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

Display:

∇⋅E=ρε0\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

More content here.

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: press p, or open ?present for fullscreen slides
grown from this post's 257 words · seed ab661c43