Credits
This site stands on the shoulders of open-source work. Here is who made it possible.
Nikolaos Stathoulopoulos
Author of the original hello-slam Jupyter-notebook course. All explanations, derivations, figures, and code in the lessons originate from his work. This web port adds navigation, styling, and theming, but the educational content is entirely his.
Course content
The lessons on this site are adaptations of the notebooks in the hello-slam repository. Please refer to that repository for the canonical source, the executable notebooks, the dataset/figure assets, and the project license.
If you use the material in research, teaching, or your own projects, please credit the original repository. If you spot an error in the web port that is not present in the source notebooks, the bug is most likely in this port — not in the original work.
Web port
The web port is built with the following stack and design system:
- Next.js 15 + the App Router for routing and static generation.
- MDX via
@next/mdxfor authoring lessons in Markdown with inline React components. - Tailwind CSS for utilities, layered on top of a custom Material 3 Expressive design-token system (tonal palettes, surface containers, the M3 shape scale, and elevation).
- KaTeX (via
rehype-katex+remark-math) for math rendering. - Shiki (via
rehype-pretty-code) for syntax highlighting in code blocks. - Google Sans, Google Sans Display, Google Sans Text, and Roboto Mono — loaded from Google Fonts.
Design system
The interface follows Material 3 Expressive, Google’s latest evolution of Material You. The palette is generated from a green-leaning primary seed and exposes the standard M3 roles — primary, secondary, tertiary, and a full set of surface containers — as CSS custom properties, mirrored for light and dark themes.
License & usage
Course content is © Nikolaos Stathoulopoulos and is governed by the license in the original repository. The web-port code (this site’s layout, components, theme, and navigation) is a derivative work and follows the same license unless noted otherwise. When in doubt, defer to the upstream project.