Wikifreedia
All versions
Quick Facts
CMain Thumbnail Image
Table 1. First Facts Header

Name

Content

Name

Content

Name

Content

Table 2. Second Facts Header

Name

Content

Name

Content

Table 3. Third Facts Header

Name

Content

Name

Content

Header 1

Header 2

Header 3

Header 4

Header 5

This is a demo of the AsciiDoc parser and renderer.

It supports basic styling: bold, italic or a combination of both. It can underline text and strike through text.

It displays breaks with a horizontal line.


It knows how to handle Nostr-native events and profiles. And, of course, it can also handle all the other common asciidoc elements.

Nostr Events

Profiles

Whenever an nprofile or npub is mentioned it will be rendered inline. And if you ask me nostr:nprofile1qythwumn8ghj7anfw3hhytnwdaehgu339e3k7mf0qyghwumn8ghj7mn0wd68ytnhd9hx2tcqyprqcf0xst760qet2tglytfay2e3wmvh9asdehpjztkceyh0s5r9cp0f6fc looks quite handsome inline.

Emoji

We are :90-percent: happy with how custom emoji are rendered.

Hashtags

You can’t have community media without #hashtags, am I right?

Content

Nostr events on the other hand would be rendered like this, by default, unless there’s a more specific card available for that content type. nostr:nevent1qvzqqqqqqypzq3svyhng9ld8sv44950j957j9vchdktj7cxumsep9mvvjthc2pjuqyghwumn8ghj7mn0wd68ytnhd9hx2tcqypks0j49szydju70rs5rgstt7ulvwxjfa0lu8uxsuwrat02j8hzs2tctglt They always break the line.

Images

Images are rendered as full-width images with a caption.

Alt-text
Figure 1. Captions go here
Full-width image
Figure 2. High Images are constrained in a golden ratio container
Alt-text
Figure 3. Skeleton loader for when the image is loading

Admonitions

Note
This is a note admonition. --- TIP: This is a tip admonition. --- IMPORTANT: This is an important admonition. --- WARNING: This is a warning admonition. --- CAUTION: This is a caution admonition. ---

Lists

Unordered Lists

  • List Item

    • List Item

  • List Item

    • List Item

      • List Item


Ordered Lists

  1. List Item

    1. List Item

    2. List Item

  2. List Item

    1. List Item

      1. List Item


Code Blocks

Here’s a code block:

{
  kind: 7375,
  content: "Thanks for the coffee",
  pubkey: "sender-pubkey",
  tags: [
     [ "amount", "1000", "msat" ],
     [ "token", "cashuAeyJ0b2tlbiI6W3sicHJvb2ZzIjpbeyJpZCI6IjAwNDE0NmJkZjRhOWFmYWIiLCJhbW91bnQiOjEsInNlY3JldCI6IltcIlAyUEtcIix7XCJub25jZVwiOlwiYjI0NDNkZDRmMDQxNjgyYjRkMmEwMzkwNGQ5MDAyNjRiNzI1MzgwZTQ0YWM0MDk2Y2EwZWE2NDAzMGY0Mjc4OFwiLFwiZGF0YVwiOlwiZTlmYmNlZDNhNDJkY2Y1NTE0ODY2NTBjYzc1MmFiMzU0MzQ3ZGQ0MTNiMzA3NDg0ZTRmZDE4MThhYjUzZjk5MTExXCJ9XSIsIkMiOiIwMjYyOTM5ODRjODg1OTFiMzA2MzUxYjY5ZmNjODAxNGQ1NTc5MmYzMTQwYWEyZDlhYmQ0NGZhOWY0Y2Y2ZmQzZjEifV0sIm1pbnQiOiJodHRwczovL3N0YWJsZW51dC51bWludC5jYXNoIn1dLCJ1bml0Ijoic2F0In0="]
     [ "u", "https://stablenut.umint.cash", ],
     [ "e", "<zapped-event-id>" ],
     [ "p", "e9fbced3a42dcf551486650cc752ab354347dd413b307484e4fd1818ab53f991" ]
  ]
}

Interacting with Long Form Text

Swipe it

Since we’re letting users swipe on pretty much anything, it would just be silly to not let them have the same UX here.

Reply

Swiping left lets you reply on this paragraph. If needed, you can of course adjust your selection before replying.

Other actions

Swiping right opens a modal with other actions you can take on this paragraph. Similar to the modal(s) that show up when swiping right on replies, messages, posts, etc…​