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

This is my home page

+ chickadee -
- -

This is my home page

+

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.

+
+
+ - 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.

- - - - -
- - - - - + +