incredible-machine
version-control

Blog Elements

What I Use to Create My Posts

2-minute read
100,000 views
December 3, 2023
December 3, 2023
December 2, 2023
December 1, 2023

Introduction

Hi! I'd like to show you the building blocks I use when writing posts for this blog.

Why did you make this page? Also, let's make the title of this collapsible element just way too long for testing purposes.

Several reasons. First, I use it to test changes to my blog components and develop new ones. Second, as I've worked on this blog, I've realized how much I'd appreciate other blogs that I use for inspiration having a resource like this. Not having to jump from page to page within a single blog when trying to answer the eternal question "how did they do that?" can help make taking bits and pieces of ideas from many developers' creations much easier.

Of course, there's italics, bolding, and the ability to combine both.

I can link to things, talk about code and stuff, and give you helpful hints, too.

There are a few fun things I can do with text as well, like making things terrible whimsical, anxiety-inducing, a little broken, or even .

Next up: I've stolen some top-secret lists from Doofenshmirtz Evil Incorporated!

Evil Schemes

  • Turn Roger into a baby
  • Give all children cavities
    • Densist conspiracy?
  • Make an army of bats

Daily Schedule

  1. Build a new -inator
    1. Something about aglets?
      1. Nah, too overplayed.
  2. Defeat Perry the Platapus
  3. Take over the entire tri-state area!

Here are some more headings

Why would ever you need this many headings?

I'm not sure, but here they are.
At least they fluff out the table of contents.
Ooh, a fifth level!

We sure went too deep there.

When it comes to boxes of text, I've got you covered.

Maybe don't get too carried away, though.

1// That was cool ☝️
2// But now some sample code
3function lorem(ipsum, dolor = 1) {
4 const sit = ipsum == null ? 0 : ipsum.sit;
5 dolor = sit - amet(dolor);
6 return dolor;
7}
8
9function consectetur(...adipiscing) {
10 const elit = adipiscing[0];
11 return sed.eiusmod(elit) ? elit : [elit];
12}

This is the best part honestly

pnpm run dev
Started!
Let's see if it errors...
Something's up...
Yeah, that's not good.
Time to start over.
_