You only need to add tags to a variable, get dictionary from input will ensure you instantly get the dictionary when selecting the outputKit variable.
Holding all your media in a dictionary is an easier way to mark up Base64
For the bar at the top
Make sure you ask for the extra space in the template
Examples using outputkit below, split up for ease of reading
Example jumbotron, or big banner
Example card
You can add several text lines or it all as one big text entry
You can add several links as well
Example list
Enclose everything in OutputKit:listgroup, enclose items with OutputKit:listitem
Example Badges
Example buttons, you dont need to use them for buttons, but if you do here's an idea you can call a shortcut from inside the html, (wont work for quick view, will need to be an encoded url and opened in safari)
Image tag surrounds a base 64 encoded image
Material Design Icons
Make sure css:mdicon is in the head of the html to include the css for the icons
You can find more about icons available here:
https://material.io/tools/icons/?style=baseline
Font Awesome Icons
Keep names as eg address-book
But no need for fa at beginning
Audio
Video is also available but I wasnt brave enough to put a b64 encoded video in a dictionary
Pop up card maybe for help/ info
(Not working)
Tables
If easier you could do mark down tables and convert to html etc
Bar
ShareShortcuts
