https://protesilaos.com/emacs/ef-themes-pictures

HODL

Adapted using @tomf's tildes-stylus-template. No tweaks, minor updates to the CSS:

body .btn-post-action {
  color: var(--foreground); }
  body .btn-post-action:hover {
    color: var(--fg-dark); }

body .chip {
  background-color: var(--border);

Test 1

Test 2

Test 3

Test 4

Test 5

Test 6

Emphasis

Bold

Bold-Emph

~group

@username

Strikethrough

Code

This is a post in ~test about Tildes! (See also: the ~tildes group.) The author is @zlsa.

Oh, I almost forgot to link to the Wikipedia article on Reaction Control Systems.

H1: This is a very long header.

H2: This one is just as long.

H3: Short.

H4: How do you even tell these apart!?

H5: come on, this is nuts

H6: Six levels deep. You need professional help.

Blockquotes

let x = 42;

function transmogrify(value) {
    return value * 4
}

Now, if you run transmogrify(x), you get 167 168. Removing the strikethrough is left as an exercise for the reader (that's you.)

There's some pretty advanced stuff going on here. The cars are almost self-driving; but full autonomy is at least 3 months away, if not 6.

• Markdown unordered list support: check.
  1. Ordered list support: check.
  2. Yep, this works.
• And back to the unordered list, as expected.

And now for some minor features:

• I forgot a word.
• E = mc² and H₂O

And now for something completely different.

I'm baby craft beer vape freegan sriracha. Jean shorts chicharrones trust fund, 90's gochujang la croix cold-pressed. Pinterest kinfolk slow-carb green juice, street art wayfarers quinoa jianbing organic edison bulb. Semiotics craft beer tumblr bushwick organic affogato lumbersexual crucifix direct trade dreamcatcher echo park kinfolk. Selfies green juice chambray helvetica iPhone snackwave master cleanse.

Drinking vinegar live-edge four loko, chambray edison bulb blue bottle stumptown etsy snackwave la croix activated charcoal fingerstache shaman hot chicken locavore. Fixie twee godard offal. Ramps echo park beard kogi mustache deep v everyday carry DIY heirloom. Forage poke vaporware whatever, man bun chicharrones fashion axe disrupt. DIY kickstarter 3 wolf moon you probably haven't heard of them drinking vinegar authentic narwhal, 90's pug taxidermy pitchfork next level.

Artisan palo santo blue bottle hashtag squid asymmetrical XOXO ennui craft beer readymade cred mlkshk 8-bit. Forage celiac woke, kickstarter hell of normcore chartreuse try-hard cray. Food truck edison bulb PBR&B cloud bread vegan leggings pug dreamcatcher cardigan intelligentsia. 3 wolf moon hashtag palo santo migas cardigan ethical bespoke chartreuse tote bag godard truffaut man bun. Celiac brunch echo park mustache thundercats cornhole raclette chicharrones meditation hammock kogi vegan sustainable. Raw denim vape affogato slow-carb meh iceland food truck kale chips health goth gastropub migas chillwave.

Viral pug kitsch, celiac aesthetic kickstarter small batch chicharrones. Direct trade health goth viral chia actually meh cronut chicharrones. Thundercats man bun scenester VHS. Mumblecore mixtape kickstarter chartreuse pinterest cold-pressed. Leggings retro vice tumeric distillery jean shorts flexitarian, chicharrones narwhal.

Copper mug gluten-free pickled, you probably haven't heard of them banh mi roof party pop-up coloring book brooklyn vexillologist 3 wolf moon keytar. Enamel pin chambray tbh taiyaki cardigan tumblr cold-pressed. Yuccie activated charcoal ugh, wolf chicharrones literally trust fund aesthetic tattooed vice cornhole polaroid. Selvage XOXO sriracha tacos +1 hashtag everyday carry.

Dummy text? More like dummy thicc text, amirite?

The FitnessGram Pacer Test is a multistage aerobic capacity test that progressively gets more difficult as it continues. The 20 meter pacer test will begin in 30 seconds. Line up at the start. The running speed starts slowly but gets faster each minute after you hear this signal bodeboop. A sing lap should be completed every time you hear this sound. ding Remember to run in a straight line and run as long as possible. The second time you fail to complete a lap before the sound, your test is over. The test will begin on the word start. On your mark. Get ready!… Start. ding

testing nsfw and spoiler tag highlighting when there's a sub-tab

test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit et ligula ut tempor. Nam a aliquam nunc, eget dapibus sapien. Donec a dolor semper, posuere magna id, consectetur diam. Cras vitae ex sit amet eros volutpat luctus. Nunc quis purus ut ante ullamcorper dictum. Fusce sapien dolor, molestie sed iaculis tincidunt, euismod quis ipsum. Sed vitae facilisis elit. Etiam tristique eros et purus dignissim, id ultrices turpis blandit. Aliquam efficitur sodales condimentum. Nulla facilisi. Quisque elementum consequat malesuada. Nunc porttitor suscipit urna, nec pharetra massa malesuada quis. Nullam pellentesque vel dolor et interdum. Nunc semper dolor sed velit fermentum, at tincidunt nibh vestibulum. Sed commodo varius lobortis. Curabitur vehicula convallis ipsum eget ultrices.

Sed eleifend varius venenatis. Proin tincidunt odio sapien, vel imperdiet metus maximus quis. Etiam eget mi efficitur, finibus diam at, maximus felis. Mauris tristique urna sed ipsum pulvinar, id suscipit elit iaculis. Suspendisse consequat tristique quam, ullamcorper ultricies arcu volutpat nec. Vivamus convallis orci sed mi efficitur sagittis. Nulla vehicula nisi aliquet odio finibus faucibus. Phasellus ultricies, nunc at tincidunt tempor, sapien libero egestas dui, eleifend aliquet sem turpis tristique sapien. Integer maximus vehicula eros eget gravida. Cras id gravida ligula. Donec ligula dolor, viverra nec odio aliquam, hendrerit euismod lectus. Sed luctus justo varius maximus dictum. Morbi scelerisque, nunc sed sollicitudin aliquet, leo tortor molestie tellus, eget scelerisque felis enim eget nisl. In at sollicitudin eros, vel egestas augue. Morbi libero arcu, posuere accumsan mattis in, condimentum sit amet nulla.

In ultrices orci a nisi finibus consectetur. Aenean nec tellus metus. Donec at sapien ac ipsum eleifend condimentum. Donec sit amet pretium ante. Quisque nec velit convallis, sagittis felis nec, auctor ipsum. Aliquam id fermentum ipsum, sit amet feugiat ligula. Morbi pharetra dictum bibendum. Duis tortor felis, sodales vel mattis et, sollicitudin sed orci. Proin pharetra est vel dolor lobortis mollis. Phasellus in velit egestas, finibus nisl a, viverra massa. Suspendisse finibus leo lorem, sed aliquet nulla tincidunt id. Proin et egestas purus. Suspendisse vitae accumsan tortor. Donec sem lectus, pulvinar sed mollis a, pharetra quis tortor. Proin faucibus pellentesque eros sed imperdiet.

In mattis sapien quis sapien viverra, eu pharetra tortor egestas. Nam suscipit mi quam, et interdum orci vulputate eget. Cras vulputate pharetra risus vitae dictum. Suspendisse rhoncus, massa non rutrum commodo, velit purus aliquet urna, at pretium mauris lacus et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed semper urna sed neque convallis, tristique semper nisl malesuada. Aenean vel augue ac dui faucibus pellentesque. Nam enim enim, vestibulum sit amet ultrices ut, ultricies eu turpis. Donec lobortis laoreet ex.

Suspendisse id tristique metus. Phasellus convallis orci augue, non mattis justo mattis at. Phasellus congue ac mauris vitae egestas. Vestibulum euismod mauris et facilisis blandit. Donec elementum dignissim velit, eu commodo sem vulputate sed. Maecenas ornare tortor at sodales vestibulum. Vivamus commodo dapibus eros non tincidunt. Maecenas nec molestie mauris. Aliquam nibh neque, mattis et dignissim quis, mollis vel lectus. Quisque quis tempus nisl, pharetra imperdiet lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus semper porttitor dolor nec luctus. Proin sed nulla nec enim euismod sagittis ac lacinia diam. Aliquam erat volutpat. Aliquam dapibus rutrum odio scelerisque malesuada. Integer pellentesque efficitur enim quis pretium.

Nulla facilisi. Nullam venenatis metus elit, vitae maximus sem scelerisque sed. Curabitur a lobortis erat. Ut efficitur eu nulla vitae bibendum. In enim purus, pharetra sit amet orci et, ornare finibus arcu. Sed non felis diam. Morbi ultricies ante sed est blandit fermentum. Morbi dui metus, posuere at odio vel, sagittis condimentum justo. Donec at iaculis risus. Integer eleifend nisl sit amet malesuada posuere. Praesent sagittis, velit eleifend tincidunt iaculis, diam nulla luctus erat, ut sodales odio elit in leo. Donec iaculis ex tortor, eget suscipit turpis maximus eget. Vivamus vitae bibendum risus, in malesuada nisl. Integer tempus libero eu mi luctus malesuada. Donec finibus odio nibh, sit amet gravida eros consequat dignissim. Sed ultrices neque est, et ullamcorper tellus mattis et.

In hac habitasse platea dictumst. Etiam nec maximus nisl, quis consequat est. Pellentesque ullamcorper, nibh eget condimentum cursus, lacus ex lacinia tortor, quis bibendum felis odio sit amet risus. In eros massa, commodo ultricies lorem imperdiet, vestibulum gravida sapien. Phasellus fringilla ullamcorper mauris, id bibendum nibh ullamcorper ac. Quisque posuere ullamcorper imperdiet. Maecenas vulputate posuere metus, et rhoncus mi. In ac enim vel nulla ullamcorper tincidunt. Mauris non dolor commodo, congue felis at, lacinia nunc. Vestibulum dapibus mi non mauris facilisis rutrum. Quisque maximus ultrices purus, et suscipit enim volutpat nec. Cras vitae orci a nisi laoreet pellentesque eget sed nunc. Nullam consectetur mi sed hendrerit blandit. Praesent dapibus dolor felis, consequat vestibulum neque imperdiet id. Donec tincidunt condimentum condimentum.

Integer ut mauris aliquam neque pulvinar tempor at ac metus. Nulla eu ligula tristique, pretium dui ac, euismod urna. Proin eu elementum nisl. Nulla pharetra eros ut nulla posuere, eu gravida diam viverra. Aliquam quam magna, mattis in euismod id, auctor non tortor. Etiam molestie luctus velit a iaculis. Etiam erat arcu, consectetur eu aliquam in, pretium ac nisi. Pellentesque et blandit massa. Nulla pulvinar gravida sem, et sagittis neque interdum vitae. Maecenas finibus sagittis pharetra. Aliquam condimentum, risus et dapibus placerat, nisl ex scelerisque massa, sed rutrum arcu ante quis nibh. Donec ultricies pretium dui quis porta. Nullam eleifend orci eu tellus imperdiet porttitor. Sed vestibulum ante purus, sit amet consectetur neque dapibus id. Suspendisse aliquam bibendum lacinia. Etiam pulvinar in leo quis ullamcorper.

Pellentesque consectetur magna libero, eu eleifend velit mollis et. Phasellus lobortis ante vel nulla sollicitudin, fringilla egestas eros facilisis. Aenean eget justo id ante luctus porttitor. Integer maximus fringilla diam ac volutpat. Donec posuere mollis dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed maximus metus vel auctor congue. Nam in dui ac nulla cursus eleifend. Vestibulum non imperdiet enim. Cras bibendum vestibulum maximus. Etiam quis efficitur dolor. Donec congue at elit vitae vehicula. Morbi eget pulvinar magna. Aliquam mattis nibh nec lorem feugiat egestas. Curabitur ut dui nulla. Sed non rutrum sapien.

Cras nec viverra metus. Ut tincidunt in erat eu pellentesque. Fusce vestibulum neque nec arcu pellentesque pellentesque. Sed faucibus nisl vehicula, rhoncus enim hendrerit, elementum enim. Pellentesque lacinia, ex eu venenatis sollicitudin, nunc erat aliquet turpis, quis finibus turpis metus nec tellus. Mauris fringilla molestie ligula, vel mattis lectus scelerisque ac. Fusce quis volutpat dolor. Mauris maximus in est quis blandit. Donec rutrum, quam a porttitor sagittis, nunc risus pretium justo, eget porta nulla mauris nec ante. Ut vitae purus sed eros tempus accumsan. Aenean scelerisque, risus in mattis finibus, nulla ligula venenatis sapien, vitae tristique lorem augue tempus libero. Sed volutpat rutrum quam et dictum. Suspendisse vehicula lorem nisi, vitae mattis velit posuere id. Sed id convallis neque.

h1 Heading 8-)

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

Horizontal Rules

Typographic replacements

Enable typographer option to see result.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

"Smartypants, double quotes" and 'single quotes'

Emphasis

This is bold text

This is bold text

This is italic text

This is italic text

Strikethrough

Blockquotes

Blockquotes can also be nested...

...by using additional greater-than signs right next to each other...

...or with spaces between arrows.

Lists

Unordered

• Create a list by starting a line with +, -, or *
• Sub-lists are made by indenting 2 spaces:
  • Marker character change forces new list start:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• Very easy!

Ordered

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. You can use sequential numbers...

5. ...or keep all the numbers as 1.

Start numbering with offset:

57. foo
58. bar

Code

Inline code

Indented code

// Some comments
line 1 of code
line 2 of code
line 3 of code

Block code "fences"

Sample text here...

Syntax highlighting

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tables

Right aligned columns

Links

link text

link with title

Autoconverted link https://github.com/nodeca/pica (enable linkify to see)

Images

!Minion
<img src="https://octodex.github.com/images/stormtroopocat.jpg" alt="Stormtroopocat" title="The Stormtroopocat" />

Like links, Images also have a footnote style syntax

<img src="https://octodex.github.com/images/dojocat.jpg" alt="Alt text" title="The Dojocat" />

With a reference later in the document defining the URL location:

Plugins

The killer feature of markdown-it is very effective support of
syntax plugins.

Emojies

Classic markup: :wink: :crush: :cry: :tear: :laughing: :yum:

Shortcuts (emoticons): :-) :-( 8-) ;)

see how to change output with twemoji.

Subscript / Superscript

• 19^th^
• H~2~O

<ins>

++Inserted text++

<mark>

==Marked text==

Footnotes

Footnote 1 link[^first].

Footnote 2 link[^second].

Inline footnote^[Text of inline footnote] definition.

Duplicated footnote reference[^second].

[^first]: Footnote can have markup

and multiple paragraphs.

[^second]: Footnote text.

Definition lists

Term 1

: Definition 1
with lazy continuation.

Term 2 with inline markup

: Definition 2

    { some code, part of Definition 2 }

Third paragraph of definition 2.

Compact style:

Term 1
~ Definition 1

Term 2
~ Definition 2a
~ Definition 2b

Abbreviations

This is HTML abbreviation example.

It converts "HTML", but keep intact partial entries like "xxxHTMLyyy" and so on.

*[HTML]: Hyper Text Markup Language

Custom containers

::: warning
here be dragons
:::