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.
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
-
List Item
-
List Item
-
List Item
-
-
List Item
-
List Item
-
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…
Comments
Public conversation about this article.
No comments yet.
Article metadata
About this entry
Event Id
Raw event
Other authors
No one else has published this topic yet.
