Slatecave Widget Zoo

Section

This is a section with some text inside.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus feugiat dolor ac leo auctor, in placerat risus tincidunt. Sed vehicula dolor a magna dignissim placerat. Aenean libero urna, sodales sed arcu at, tincidunt scelerisque dolor.

Pellentesque vestibulum quis neque eget blandit. Aenean nec mauris lobortis, aliquet lacus eget, suscipit diam. Nulla ultricies, tortor sed convallis vehicula, purus nulla posuere arcu, sed sodales tortor dui id ipsum. Aliquam dapibus, ex vel sodales pretium, nulla sem pulvinar nunc, sit amet mollis ante elit eu diam.

Just for testing key styling: Ctrl+C.

• This is an unordered list
• with some items in it
• and some more and a link!
  • oh and it also has a sublist
  • with more than one item.
• end of list

Proin imperdiet elementum luctus. Aliquam erat volutpat.

1. Number one.
2. Number 2.
3. Press 3
4. This one is important!

Definition Lists!

I just love definition lists!

Definition

List

Lorem

Ipsum

Dolor

sid amet

Usually there is some text here that explains what the mapping is all about.

One

to many

definitions

Lorem

Ipsum

Dolor

sid amet

Nunquam latinuum

Notes, Figures, Blocks and Friends …

Note: I also love to leave notes all over my writing!

Disclaimer: This is a test page in case you have not figured out yet!

Warning: Das -f steht für "vorsichtig"!

Just to test the marigins, here is some more text!

Note: The top margins should also be tested against regular paragraphs.

Quotes

Also there are some things worth quoting:

Humans are allergic to change. They love to say, We've always done it this way. I try to fight that. That's why I have a clock on my wall that runs counter-clockwise.

Grace Hopper

However, there are also Inline quotes which are ssometimes useful.

Pictures

Pictures are pretty and brains seem to like looking at them …

And click on them, to get a larger image.

No I'm not clickable.

There are also inline-able SVGs, see the ATMega328P Article.

Code blocks

Codeblocks are usually used for interesting code-snippets:

#!/bin/sh

echo "I'm a relatively boring shellscript!"
echo "Btw: My filename is $0"

They also integrate with figures:

print("I jsut some unrelated lua example.")
-- with a comment
local with = "a variable" and 42

Links

Links, everyone loves some links, they show the path to even more knowledge! Or sometimes are just examples in a widget zoo.

Links comes in some varieties here, not just inline.

I'm a plain link button for important links.

Warning: These linkbuttons take a lot of space and draw attenion, use sparingly.

Link buttons can be decoratated for different destinations:

Decorated for documentation.

Decorated for code.

Decorated for listings.

Contact Information

Or for different actions:

Next

Previous

Random

Search

Link lists

When one has a lot of links it might also make sense to put them into a list:

• it is also possible
• to have a lot of links
• in a list, where appropriate

Trivia Note: This link style originated from the fact that the first prototype of the slatecave could also produce gemtext.

Previews

Tables

While definition lists are very useful, sometimes one needs a table:

Note on Small Screens: Tables don't work too well on small screens, depside best effords on the stylesheet side, you shouldn't let tables get too wide.

Note on Screenreaders: Screenreaders work great with tables as long as they aren't abused for visualizing non-table data. Consider definition lists, nested lists and sections with appropritate headlines instead.

Conversations

Sometimes things need to be said …

Looks like Slatian needs some excuse to get a note in again.

Errm, no, this time I'm just testing some styling.

But if you insist on a note …

Note: Perfectly fine to put a note into a chat bubble.

See …

Don't overdo it with notes!

And don't make too long conversations, those emoji use bandwidth, you know?

---

Btw. here is a quoted quote.

-- And:
some_quoted("code")

…

Headline for margin testing

should be okay