sumi

Basics · Introduction

Elements

A sumi template is HTML. Sumi renders a fixed set of HTML elements to the terminal, each with a default style from a built-in stylesheet — so <h1> comes out bold, <p> gets a blank line above and below, and so on.

Elements split into two kinds. Block elements like <h1> and <p> stack down the screen. Inline elements like <strong>, <em>, and <kbd> mark up a run of text inside a line: <strong> is bold, <em> is italic, <kbd> renders inverse-video for a key name.

The greeting below is plain text inside a paragraph.

Your turn

Make one phrase stand out. Wrap HTML elements in <strong> so it renders bold, then press Run.

Solve shows the finished version; Reset restores the start.

⌘↵ to run