diff --git a/index.html b/index.html index ce89995..0f61ceb 100644 --- a/index.html +++ b/index.html @@ -1,210 +1,163 @@ - + - - This is my home page | - - - - - - - - - - + + + + + This is my home page | + + + + + + + + + + - + - + - - +#root, #__next { + isolation: isolate; +} - -
-
- -
+ + -
-

This is my home page

+ +
+
+ +
- chickadee -

Here’s an h2

-

This is a paragraph.

-

This is another paragraph. It might be a bit longer.

-
    -
  • -

    Here’s a list.

    -
  • -
  • -

    It’s nice, the editor automatically turns dashes into lists

    -
  • -
-

And I can double-enter to get out of the list.

-

Here’s an h3

-

- Similarly, the editor understands markdown notation for headings. - That’s really handy. I also like that I can prevent editors from - creating h1s (or h5/h6, who needs those). -

-

Let’s do some formatting

-

- Italics. Bold! - Bold and italic. There’s even - strikethrough. -

-

- Inline code blocks work as well, though they don’t pick - up on markdown formatting. -

-
-

Blockquotes work like this.

-
-

- Let’s add a link. Here’s my website. - They let you choose internal vs. external. Annoyingly, in the rich - text editor links are only distinguishable via color, so that’s a bit - of an accessibility fail. -

-

Let’s do more with lists

-
    -
  1. -

    Here’s an ordered list

    -
      -
    1. -

      it has a nested ordered list inside of it!

      -
    2. -
    3. -

      How fancy.

      -
    4. -
    -
  2. -
  3. -

    - You can of course tab and shift+tab to change your list level. -

    -
  4. -
-
-

We’ve got some lovely horizontal rules as well.

-

Markdown attrs plugin

-

- Now, let’s see if our markdown attributes feature works. Here’s my - website again. I - suspect the smart quotes will cause issues! So that may not work. -

-

Images

-

- -

-

- We’ve added an image above. I tried to add alt text, but I’m not sure - that Eleventy will pick up on that. -

-

Ok, let’s push this and see what we get.

-
-
+
+ +

This is my home page

- - - + chickadee + + + +

Here’s an h2

+

This is a paragraph.

+

This is another paragraph. It might be a bit longer.

+ +

And I can double-enter to get out of the list.

+

Here’s an h3

+

Similarly, the editor understands markdown notation for headings. That’s really handy. I also like that I can prevent editors from creating h1s (or h5/h6, who needs those).

+

Let’s do some formatting

+

Italics. Bold! Bold and italic. There’s even strikethrough.

+

Inline code blocks work as well, though they don’t pick up on markdown formatting.

+
+

Blockquotes work like this.

+
+

Let’s add a link. Here’s my website. They let you choose internal vs. external. Annoyingly, in the rich text editor links are only distinguishable via color, so that’s a bit of an accessibility fail.

+

Let’s do more with lists

+
    +
  1. +

    Here’s an ordered list

    +
      +
    1. +

      it has a nested ordered list inside of it!

      +
    2. +
    3. +

      How fancy.

      +
    4. +
    +
  2. +
  3. +

    You can of course tab and shift+tab to change your list level.

    +
  4. +
+
+

We’ve got some lovely horizontal rules as well.

+

Markdown attrs plugin

+

Now, let’s see if our markdown attributes feature works. Here’s my website again. I suspect the smart quotes will cause issues! So that may not work.

+

Images

+

+

We’ve added an image above. I tried to add alt text, but I’m not sure that Eleventy will pick up on that.

+

Ok, let’s push this and see what we get.

+ + + +
+ + + + + +