jon.hk

# A Grand Sandbox

# Map

# Markdown features

# Table of contents

# Checkbox

# Footnote

# Inline

Here is an inline note.[1]

# Separate

Here is a footnote reference.[2]

# Attributes / Classes

Through Markdown-it-attrs[3].

# Abbreviations

The HTML specification is maintained by the W3C.

# Images

Image from public
Image from public

# Videos

Youtube

Vimeo

# Sup/superscript

23rd October is Chemistry Day.

H2O is water.

# Tabs

    # Element UI components

    From Element UI.[4]

    # Cards with headers

    Card name
    List item 1
    List item 2
    List item 3
    List item 4

    # Stepped slider

    0
    Step 1
    Some description
    0
    Step 2
    Some description
    0
    Step 3
    Some description
    0
    Step 4
    Some description

    # Icons

    SVG icons

    # Buttons

    # Tags

    Tag One Tag Two Tag Three Tag Four Tag Five

    # Tooltip

    # Using Directives

    In SVG

    # Animation with Haiku

    # 3D molecules

    # Through jsmol

    # Through 3dmol.js

    # Airtable pull

    # Local JSON pull

    JSON path relative to component

    George Bluth

    Janet Weaver

    Emma Wong

    # Flowcharts / Gantt charts

    # via Vis.js

    # via Mermaid.js

    graph LR Start --> Stop

    # Custom components

    # BabylonJS

    # PDF

    # E-charts

    1. Inlines notes are easier to write, since you don't have to pick an identifier and move down to type the note. ↩︎

    2. Here is the footnote. ↩︎

    3. NPM package ↩︎

    4. Element UI documentation ↩︎

    Last Updated: 7 days ago

    Airtable pull →