Posts on Mihajlo Madić

How This Site Draws Its Post Cards

Wed, 29 Jul 2026 00:00:00 +0200

Every post on this site now receives a mathematical card: the image above the article and the image shown when its link is shared. It is generated from the post itself, not selected from a stock library and not drawn by hand. The system treats a post as a compact, reproducible input to a visual program.

That property matters more than novelty. A social image may be cached, indexed, or inspected long after it was first rendered. Regenerating a card from the same committed post must produce the same pixels, while an edit to the post should be able to change the result. The implementation uses no external random state, network call, or generation service: it is a deterministic function of the authored text.

Notebooks as Posts: A Python Demo

Sat, 25 Jul 2026 00:00:00 +0000

This post is written as a Quarto .qmd document rather than plain Markdown. The prose you’re reading and the code below live in the same source file, and the code actually runs: Quarto executes it at build time via Jupyter, then hands the rendered Markdown — prose, code, and figures — to Hugo, which lays it out with the site’s usual typography, table of contents, and tags. (Quarto 2026)

Notebooks as Posts: A Raw Jupyter Notebook

Sat, 25 Jul 2026 00:00:00 +0000

The Python and R demos were written as .qmd source files. This post skips that step entirely: it is a Jupyter notebook (.ipynb), edited the normal way in Jupyter or JupyterLab, with a raw cell at the top carrying the front matter instead of a .qmd’s YAML header. Quarto renders .ipynb files exactly the same way it renders .qmd files — same hugo-md output, same page bundle, same pipeline. (Quarto 2026) (Kluyver et al. 2016)

Notebooks as Posts: An R Demo

Sat, 25 Jul 2026 00:00:00 +0000

Quarto doesn’t care which language produced the numbers — the same .qmd → Hugo pipeline used in the Python demo works for R too, executed through knitr instead of Jupyter. (Quarto 2026) (Xie 2015)

Hello World: A Sample Post

Sat, 28 Feb 2026 00:00:00 +0100

This is a sample post to demonstrate the theme’s typography and features. The body text is set in EB Garamond, a revival of Claude Garamont’s sixteenth-century typefaces — elegant, readable, and well suited to long-form writing on the web.

Sidenotes

Tufte CSS provides sidenotes as an alternative to footnotes. (Tufte 2006) This is a sidenote. On wide screens it appears in the margin; on narrow screens, tap the number to reveal it inline. They allow the reader to glance at supplementary information without losing their place in the main text.