Color Tokens
Defined in src/styles/base/_variables.css
A living catalog of the tokens, components, and utilities that power this site. Copy, paste, and remix freely.
Defined in src/styles/base/_variables.css
<h1> <h2> <h3>
Body copy uses u-body-font on paragraphs for Source Sans
Pro.
u-body-font
Components .btn, variants .btn-primary,
.btn-secondary
<a class="btn btn-primary">...</a>
<div class="cluster" style="--gap: 0.5rem">...</div>
Tooltip container is managed as a singleton #tooltip
element created by src/scripts/main.ts.
const fetchData = async () => {
const response = await fetch('/api/data');
return response.json();
}; Code blocks are themed and include line numbers and a copy button.
Render math with KaTeX: $$\int_0^\infty e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}$$
The main card from the blog index.
The standard card from the blog feed.
The standard card from the blog feed.
Highlights a key achievement.
Architected and led the engineering for Verbalate's low-latency cloud infrastructure on GCP/Kubernetes.
A full preview of the experience list.
Jul 2023 - Present
2020 - Aug 2022