Post History

I prefer sticking to Markdown in my own posts, for compatibility for anyone who wants to reuse sections of my posts outside Codidact, but there are already several ways to format posts using the existing HTML classes that Codidact defines (through [Co-Design](https://design.codidact.org/utilities/colors/)).

## Examples

```html
<section class="notice">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

---

```html
<section class="notice is-success">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice is-success">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

---

```html
<section class="notice is-warning">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice is-warning">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

---

```html
<section class="notice is-danger">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice is-danger">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

---

```html
<section class="notice has-margin-24">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice has-margin-24">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>

---

```html
<section class="notice has-background-color-white has-border-color-black">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>
```

<section class="notice has-background-color-white has-border-color-black">

![This is some alternative candy](https://a.dev.codidact.org/uploads/0f2vuwc7bh8qo1sbnni5fq01jxcr)
</section>