bodholtt.im is a simple personal website built with Astro. It’s a static site hosted on Cloudflare Pages. The site was built from the ground up with full custom HTML and CSS. All articles on the site are written in MDX.
The site is a work in progress and will be updated with new content and features as I see fit.
Custom Components
The site uses a few custom components to build content:
Codeblock
The Codeblock component is used to display code snippets. It supports an optional prefix and renders the code with alternating background colors and monospace text. Whitespace is preserved.
Usage: <Codeblock code={[""]} prefix="" /> where code is an array of strings and prefix is a string.
<Codeblock code={[ "line1",
" line2",
"line3",
]} prefix="$">
renders as
$
line1
$
line2
$
line3
Collapsible
The collapsible is a simple box that can be expanded and collapsed.
<Collapsible title="Title">
{content} </Collapsible>