hello world

Hello! welcome to my site. This is a place for me to put all my long-form writing and thoughts about software, systesm, and science.

I am a Senior Software Engineer that is interested in using software as a means to solve real-world problems. I used to work for Amazon Web Services, Capital One and Deloitte. This site is to collect my thoughts and experiences and distill them into posts on a site that I control, versus being beholden to a blogging site.

This site is built with Astro as the main framework. Some components are in Vue 3 and Solid for client side interactivity. If you want to be notified of new posts, you can follow the RSS feed here

This specific post is MDX allowing me to embed components in my markdown.

The rest of this post is a catch-all kitchen sink to demonstrate what is possible with MDX and Astro.

Example Markdown Elements

bold italics underscore italics

Dorothy followed her through many of the beautiful rooms in her castle.

Dorothy followed her through many of the beautiful rooms in her castle.

The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

import numpy as np
  1. First item
  2. Second item
  3. Third item
  4. Fourth item
A tough on crime Cat named DBA tough on crime Cat named DB

My favorite search engine is Duck Duck Go.

SyntaxDescription
HeaderTitle
ParagraphText

12\frac{1}{2}

1(ϕ5−ϕ)e25π≡1+e−2π1+e−4π1+e−6π1+e−8π1+⋯\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }

Here’s a simple footnote,1 and here’s a longer one.2

Code for the above components:

## Example Markdown Elements

*bold* **italics** _underscore italics_

> Dorothy followed her through many of the beautiful rooms in her castle.

> Dorothy followed her through many of the beautiful rooms in her castle.
>
>> The Witch bade her clean the pots and kettles and sweep the floor and keep the fire fed with wood.

\```python
import numpy as np
\```

1. First item
2. Second item
3. Third item
4. Fourth item

- First item
- Second item
- Third item
- Fourth item

***
<div class="grid grid-cols-2 gap-8 align-middle justify-items-center">
    <Image src={policeCat} class="min-w-32 min-h-32" alt="A tough on crime Cat named DB" />
    <Image src={royalCat} class="min-w-32 min-h-32" alt="A tough on crime Cat named DB" />
</div>
---

<MapLibre client:only="solid-js" id="maplibre"/>

My favorite search engine is [Duck Duck Go](https://duckduckgo.com).

| Syntax      | Description |
| ----------- | ----------- |
| Header      | Title       |
| Paragraph   | Text        |

$$ \frac{1}{2} $$

$$
\frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} \equiv 1+\frac{e^{-2\pi}} 
{1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}} {1+\frac{e^{-8\pi}} {1+\cdots} } } }
$$

Here's a simple footnote,[^1] and here's a longer one.[^bignote]

[^1]: This is the first footnote.

[^bignote]: Here's one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    `{ my code }`

    Add as many paragraphs as you like.

Footnotes

  1. This is the first footnote. ↩

  2. Here’s one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Add as many paragraphs as you like. ↩