As you wander deep in the woods...
...you hear the melodic babbling of a stream calling you forward. Obeying the whims of your feet, you find yourself at the base of a venerable old willow tree that hangs its branches over and into the shimmering waters that run alongside it. The willow is kind with its shade and its base is softened with moss. You find a hollow in the trunk, full of a raven's treasures.
Oh! Hello there, Dear.
Welcome to my little piece of quiet in this hectic world we call home. There's a lot going on outside the forest right now, big things that might make you feel frustrated that you're not doing enough or sad about the state of the world. I want you to know that it's okay to take a few minutes to yourself and find some joy. In fact, I encourage it! One cannot fight effectively without something to fight for, after all, and neither can one keep giving when they have nothing left to give.
Don't mind the raven. She's just here for some peace and quiet, too. The hollow is where she keeps her treasures, but she's happy to share.
I will now show you how to use the most common HTML text elements:
This is bold text.
This is also bold text.
This is italic text.
This is also italic text.
This is strikethrough text.
This is underlined text.
This is a link.
This is a link that will open in a new tab.
This is code (displayed in a monospace font).
This is an abbreviation (Try hovering over it).
This is highlighted text.
This is a line break (The br stands for break.):
It's different from a paragraph because it does not add space inbetween the lines of text.
This is a paragraph. As you can see, there's a bit of space between it and the previous paragraph.
Heading 2
- Unsorted list
- Unsorted list
- Unsorted list
Lorem ipsum dolor sit amet.
- Sorted list
- Sorted list
- Sorted list
Heading 3
This is preformatted text, which means that spaces are preserved:
:D
This is preformatted code:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>This is a separator line / divider:
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Heading 4
Here are two columns:
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
At vero eos et accusam et justo duo dolores et ea rebum.
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr.
At vero eos et accusam et justo duo dolores et ea rebum.
Heading 5
This is an image:
This is a full-width image:
These are multiple images in a row:
