How To X

Caption for biscuit image

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas quis arcu id nibh bibendum faucibus. 🎬 Morbi laoreet blandit pharetra. Ut euismod purus sed mi bibendum, ut molestie nisl hendrerit. Aenean luctus enim neque, eu varius neque efficitur ac. Vivamus in feugiat lacus, quis vehicula arcu. Donec mattis fermentum sagittis. Fusce vel mattis tortor, in placerat nunc. Aliquam gravida tempor augue quis feugiat. Donec eleifend augue id magna venenatis scelerisque a ut mauris. Etiam egestas lectus erat, eu viverra tortor facilisis at. Mauris fermentum ante id mattis porta.

Aliquam porta maximus lectus. Vivamus nec ex in justo pretium pellentesque. Etiam efficitur commodo interdum. Fusce a vehicula justo, fermentum volutpat sem. Vivamus ac ligula lectus. Aenean vitae blandit libero, non tincidunt sem. Praesent iaculis nisi viverra purus lacinia, eget tincidunt mauris ornare.

Duis urna risus, efficitur nec sodales et, sollicitudin quis augue. Cras ut dignissim dui. In justo ante, cursus vel nunc ac, viverra ultricies turpis. Pellentesque placerat tincidunt lacus, vel rhoncus erat suscipit ac. Nunc ligula nibh, imperdiet ut enim non, lacinia blandit neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce eleifend blandit tellus, non cursus orci pharetra et. Fusce vel metus risus. Added some data.

Child blocks inside paragraph

todo
  • list

Heading 2 (brown bg)

Integer hendrerit id risus ac dignissim. Maecenas nec luctus mi. Integer scelerisque scelerisque leo, nec sollicitudin lectus pulvinar in. Praesent diam augue, faucibus ut vestibulum sed, lacinia volutpat libero. Nunc id posuere neque. Donec at est nisi. Maecenas eu est eu turpis sagittis bibendum. Duis posuere et diam quis vestibulum. Nam varius eleifend malesuada.

In rutrum euismod est, vel tristique dui egestas sed. Praesent pulvinar leo mauris. Maecenas quis eleifend nisi. Sed id tempus lorem. Suspendisse nec libero lorem. Aliquam diam velit, viverra vel leo ut, consequat mattis libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi fringilla ultrices suscipit. Morbi urna tellus, finibus ut augue non, tristique viverra felis. Proin tempus quam vitae eleifend tincidunt. Suspendisse consequat, ante et semper molestie, quam erat laoreet arcu, vestibulum condimentum dui velit at justo. Cras lorem mi, convallis ac commodo ac, lobortis a nisi. Vestibulum pretium nunc ut neque cursus, id auctor risus accumsan. Integer vestibulum egestas arcu, a sodales nisl. Here is some new text!!!!!!

Heading 3 (orange)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu. In tincidunt, odio ut semper vehicula, turpis enim hendrerit sapien, sed convallis ipsum ante vel nunc. Fusce et posuere enim. Suspendisse non molestie urna, convallis iaculis libero. Maecenas interdum blandit odio, eu suscipit ex iaculis molestie. Integer elementum felis et massa congue consequat. Pellentesque ornare vel sapien non rhoncus. Cras faucibus erat consectetur nunc molestie molestie. Integer quis sapien non arcu bibendum lacinia vitae gravida diam. Praesent nec orci purus. Morbi faucibus id diam id pellentesque. Nam porttitor nulla vitae congue consectetur. Etiam ipsum metus, dignissim eu gravida et, aliquet sit amet augue.

Cras sit amet blandit nunc, et tristique ligula. Fusce ut lorem sed orci iaculis dapibus. Nam a orci est. Vestibulum tortor tortor, congue vel interdum tincidunt, lacinia at massa. Donec in vulputate mauris. Nam enim metus, varius ac urna ut, ullamcorper imperdiet sapien. Nullam vulputate molestie mauris, a sodales diam lobortis interdum. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies. Vivamus dui sem, pulvinar quis ultrices non, eleifend a nisl.

Donec vulputate urna imperdiet, elementum orci vitae, ultrices nulla. Integer aliquet turpis ligula, et pharetra nibh hendrerit nec. Praesent viverra, tellus in imperdiet placerat, odio leo tincidunt eros, in malesuada risus urna nec arcu. Curabitur molestie erat quis sem rhoncus tempus. Vivamus semper efficitur congue. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi sed nunc a risus commodo congue in in purus. Donec vitae mi quis tortor dignissim egestas. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

📝 Emoji Bolded Text looks like a heading but isn’t

📝 Emoji Bolded Text looks like a heading but isn’t and colored pink bg

Four columns (blue bg)

Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here. Very long and strength column here.

Tiny Column Tiny Column

Tiny Column Tiny Column

Tiny Column Tiny Column

Twelve columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed et nibh elit. Vestibulum turpis lorem, vulputate nec ultrices tempus, venenatis ut arcu.

Widgets

Quotes - Nullam vulputate molestie mauris, a sodales diam lobortis interdum.Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
Quotes - Nullam vulputate molestie mauris, a sodales diam lobortis interdum.Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

This is a child element of the quote

So is this
💡 First callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
ℹ️ Second callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
Callout with uploaded icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
Callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
⛺ Callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
ℹ️ This is a callout containing blocks and bolded title (with italics and underline here)

Heading 1

💡 Nested first callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
ℹ️ Nested second callout here. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
Nested third callout with uploaded icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
Nested callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.
⛺ Nested callout with linked icon. Nulla viverra rutrum sem, sed varius risus. Vestibulum lacinia dolor augue, a vulputate justo venenatis et. Mauris tincidunt volutpat tincidunt. Morbi eget ultrices nulla. Aliquam pulvinar eu lacus at ultricies.

Heading 2

  • Bullet 1
  • Bullet 2
  • Bullet 3
checkbox 1
checkbox 2
checkbox 3
  1. This is the first numbered item
  2. This is the second numbered item
  3. This is the third numbered item
  1. Another first numbered item
  2. Another numbered item
  3. Another third numbered item

Heading 3

R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

FunctionDerivative.cs
  • Bullet 1
  • Bullet 2
  • Bullet 3 This is a child text block of bullet 3
    so it this

    as is this

checkbox 1
checkbox 2
checkbox 3 This is a child text block of checkbox 3

as is this

so it this

  1. This is the first numbered item
  2. This is the second numbered item
  3. This is the third numbered item

  1. Another first numbered item
  2. Another numbered item
  3. Another third numbered item

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Some text with Default color

Some text with Gray color

Some text with Brown color

Some text with Orange color

Some text with Yellow color

Some text with Green color

Some text with Blue color

Some text with Purple color

Some text with Pink color

Some text with Red color

Some text with Default background

Some text with Gray background

Some text with Brown background

Some text with Orange background

Some text with Yellow background

Some text with Green background

Some text with Blue background

Some text with Purple background

Some text with Pink background

Some text with Red background

Unsupported Object

"type": "bookmark",
  "bookmark": {
    "url": "http://google.com",
    "caption": []
  },
  "object": "block",
  "id": "664dbb3c-caa0-4d24-9cc2-ba3644eb91e2",
  "created_time": "2022-11-08T15:39:00Z",
  "last_edited_time": "2022-11-08T15:39:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "Type": "page_id",
    "page_id": "032bf1d1-3454-44fc-9a18-f344adbec52f"
  }

    
Unsupported Object

"type": "bookmark",
  "bookmark": {
    "url": "https://www.sphere10.com",
    "caption": []
  },
  "object": "block",
  "id": "99dbd5e0-5c7c-4be5-bea7-2d6bd10f82d5",
  "created_time": "2022-11-08T15:39:00Z",
  "last_edited_time": "2022-11-08T15:39:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "Type": "page_id",
    "page_id": "032bf1d1-3454-44fc-9a18-f344adbec52f"
  }

    
Unsupported Object

"type": "bookmark",
  "bookmark": {
    "url": "https://twitter.com/elonmusk/status/1545150462214623232",
    "caption": []
  },
  "object": "block",
  "id": "bd9773c2-ddd4-447b-bf58-98e711fb08fc",
  "created_time": "2022-11-08T15:39:00Z",
  "last_edited_time": "2022-11-08T15:39:00Z",
  "has_children": false,
  "created_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "last_edited_by": {
    "id": "041aeccd-4487-458d-bd0a-b394868bbf29",
    "object": "user"
  },
  "parent": {
    "Type": "page_id",
    "page_id": "032bf1d1-3454-44fc-9a18-f344adbec52f"
  }

    
Caption for Elon’s tweet
A caption was added to this tweet (next one doesnt have one)

Caption

Table

Long

Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 7 Heading 8 Heading 9
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 R1C4 R1C5 R1C6 R1C7 R1C8 R1C9
Row 2, Col 1 Link to page How To X Link to person @Anonymous R2C4 R2C5 R2C6 R2C7 R2C8 R2C9
Row 3, Col 3 Row 3, Col 2 Row 3, Col 3 R3C4 R2C5 R3C6 R3C7 R3C8 R3C9

Real-world Example

Feature Description Veloceon Polkadot Ethereum
Backwards Sync Syncronizes blockchain backwards ✔️ ❌ ❌
Dynamic Consensus Consensus rules can be upgraded by users ✔️ ✔️ ❌
PoS Proof-of-Stake consensus ✔️ ✔️ ❌
Content Distribution Network Has an intrinsic data distribution network for relay and sidechains ✔️ ❌ ❌
Attachable Data Networks Ability to plug external data distribution networks ✔️ ✔️ ✔️

In 2 Columns

R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3

In 3 Colulmns

R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3
R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3
R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3
R1C1 R1C2 R1C3
R2C1 R2C2 R3C3
R3C1 R3C2 R3C3

Code Blocks


using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;

namespace CSharpTutorials
class Program
    static void Main(string[] args)
        {
            string message = "Hello World!!";

            Console.WriteLine(message);
        }


TYPES:
  BEGIN OF ty_data,
    fld1 TYPE char20,
    fld2 TYPE char20,
    fld3 TYPE char20,
  END   OF ty_data.
DATA: lt_data TYPE STANDARD TABLE OF ty_data.
FIELD-SYMBOLS: <lfs_data>  LIKE LINE OF lt_data.
 
START-OF-SELECTION.
 
* TO hold buffer from clipboard
  TYPES:
    BEGIN OF ty_clipdata,
      DATA TYPE c LENGTH 500,
    END   OF ty_clipdata.
  DATA: lt_clipdata TYPE STANDARD TABLE OF ty_clipdata.
  DATA: ls_clipdata LIKE LINE OF lt_clipdata.
  DATA: lv_clip_len TYPE i.
  CONSTANTS: c_tab  TYPE c VALUE cl_bcs_convert=>gc_tab.
* Split data to each field
  DATA: lt_record TYPE STANDARD TABLE OF ty_clipdata.
  DATA: ls_record LIKE LINE OF lt_record.
  FIELD-SYMBOLS: <lfs_field> TYPE ANY.
*------------
* Import data from Clipboard
*------------
  cl_gui_frontend_services=>clipboard_import(
    IMPORTING
       DATA                 = lt_clipdata
       LENGTH               = lv_clip_len
     EXCEPTIONS
       cntl_error           = 1
       error_no_gui         = 2
       not_supported_by_gui = 3
       OTHERS               = 4 ).
  IF sy-subrc NE 0.
    MESSAGE 'Error while importing data from clipboard' TYPE 'I'.
    EXIT.
  ENDIF.
*---- Split data to respective field and
*---- populate the data in table
  LOOP AT lt_clipdata INTO ls_clipdata.
    SPLIT ls_clipdata AT c_tab
      INTO TABLE lt_record.
    APPEND INITIAL LINE TO lt_data ASSIGNING <lfs_data>.
    LOOP AT lt_record INTO ls_record.
      ASSIGN COMPONENT sy-tabix
        OF STRUCTURE <lfs_data> TO <lfs_field>.
      IF sy-subrc EQ 0.
        <lfs_field> = ls_record-DATA.
      ENDIF.
    ENDLOOP.
  ENDLOOP.
*
* write it back for demo
  LOOP AT lt_data ASSIGNING <lfs_data>.
    WRITE: / <lfs_data>-fld1,
             <lfs_data>-fld2,
             <lfs_data>-fld3.
  ENDLOOP.


This is another codeblock in plaintext language


procedure Foo() 
begin
  var a := Foo();
end



<xml>
<content>
This is another codeblock in XML
</content>
</xml>


if cmd xxxx

Embeds

This is a caption for this youtube video
A short video
FunctionDerivative.cs
bootstrap.min.css
This is a caption for this embedded PDF!!!
LOCATION_BASED_EXPOSURE_REPORT_-_capalaba.pdf
A caption for this file

This caption says “Starwars Music”

Equations

Inline Equation

This is a sentence with an inline equation \( E=mc^2 \) and it looks pretty cool.

Block Equation

\( |x| = \begin{cases} x, &\quad x \geq 0 \\ -x, &\quad x < 0 \\ x^2, &\quad x <tag> \end{cases} \)

Links

This is a link to people Herman Schoenfeld and to {name} .

This is a link to google.

Link to Unresolved name for page 'cda5ecf6-9476-4933-9d1f-52a1031b4f16' which has an icon.

Link to Unresolved name for page 'a54976c0-ca6a-4c43-a0ab-843ea7bbf735' which has no icon.

Link to block

COMPANY

About

Case Studies

Our Technology

Blog

Support

SERVICES

Blockchain/Web3

Desktop Software Dev

App Development

Web Development

Consulting

PRODUCTS

BlockchainSQL Server

Local Notion

NotionCMS

AutoMouse