Credits

Courtesy

The notebook stands on other people's work. Here is all of it, and what each piece does on this site.

29 credits in 9 groups

The portfolio keeps its own list: its Courtesy page.

The foundation

What every page here is built on.

Astroby The Astro Technology Company
Builds every page ahead of time and ships JavaScript only for the few interactive parts.
MIT
Reactby Meta
Runs the interactive islands: the listing toolbar and the four React Bits components.
MIT
Tailwind CSSby Tailwind Labs
Turns the notebook's design tokens into the styles every component uses.
MIT
Viteby VoidZero
Bundles the islands and the stylesheet underneath Astro.
MIT
TypeScriptby Microsoft
Types the site, the manifest schema and the build scripts.
Apache-2.0

The moving parts on the landing page and the About page.

Tech Textby React Bits, David Haz
Draws the Notebook wordmark at the top of the landing page.
MIT with Commons Clause
Logo Loopby React Bits, David Haz
Carries every tool the notes cover across the landing page.
MIT with Commons Clause
Tilted Cardby React Bits, David Haz
Holds the featured notes on the landing page.
MIT with Commons Clause
Profile Cardby React Bits, David Haz
Introduces the author on the landing page and the About page.
MIT with Commons Clause
Hugeiconsby Hugeicons
The mail icon on the Profile Card's button.
MIT

How the pages move, and how they stay still for anyone who asks.

Lenisby darkroom.engineering
Smooth scrolling on the site's pages, and inside the notes too; switched off under reduced motion.
MIT

The site's faces are served from this domain; the notes load theirs from Google Fonts.

Geistby Vercel
Every heading, label and line of text on the site, and the wordmark.
SIL OFL 1.1
Geist Monoby Vercel
Counts, dates and small metadata on the site.
SIL OFL 1.1
Fontsourceby Fontsource
Packages the two site faces so they are built in and self-hosted.
MIT
Anton, Inter, JetBrains Mono, Archivo and Literataby Vernon Adams; Rasmus Andersson; JetBrains; Omnibus-Type; TypeTogether
Titles, text and code inside the notes, loaded from Google Fonts by the notes themselves.
SIL OFL 1.1

Every icon on the site, and the tool marks on the cards.

Phosphor Iconsby Helena Zhang and Tobias Fried
Every interface and category icon, duotone, inlined at build time.
MIT
Catppuccin Iconsby Catppuccin
The audio mark beside each note's level, inlined at build time.
MIT
Iconifyby Vjacheslav Trushkin
The icon data the build reads Phosphor from, and the source of most tool marks.
MIT
Tool marksby Each project's own brand, via SVG Logos, Devicon, Skill Icons and Simple Icons
The small logos on note cards and in the Logo Loop; each belongs to its project. The portfolio's Courtesy page lists every source.

Tools that keep the notes themselves in shape.

Glossary builderby This notebook
Writes the "Key terms in plain words" module at the top of each cheatsheet, with hover previews; its sources are credited in each cheatsheet's footer.
Diagram motion kitby This notebook
Draws each diagram the first time it scrolls into view, with replay and pause buttons.

Where the notebook lives and how it learns what gets read.

Cloudflare Pagesby Cloudflare
Builds the site from GitHub on every push and serves it at blogs.shrikumarsharma.in.
GitHubby GitHub
Holds the notebook's source and runs the checks every change has to pass.
GitHub Actionsby GitHub
Lints, tests and builds every pull request before it can merge.
PostHogby PostHog
Counts which notes are read and how far, through this site's own /ingest address.
Google Analyticsby Google
Visit statistics, only while switched on for this site.

What checks the work before it ships.

Biomeby Biome
Formats and lints the code; the check every pull request must pass.
MIT
pnpmby pnpm
Installs the dependencies, exactly as the lockfile says.
MIT

The author's portraitby Shree Kumar Sharma
On the Profile Card; the same photograph as on the portfolio.