Style guide

Every Markdown element and shortcode the theme supports.

Plain paragraphs, bold, italic, links and inline code.

Headings

Second-level headings get a small circle. Third-level ones stay plain.

A third-level heading

A fourth-level label

Lists

  1. Numbered
  2. Lists
  3. Too

Quote

Simple, direct, to the point.

Table

PillarFocus
RoboticsRobots as learning tools
AestheticsSoft materials, playful design
EducationMotivation and confidence

Code

def circle(r):
    return 3.14159 * r * r

Shortcodes

A round image. Put the file in static/images/:

{{< circle src="images/photo.jpg" caption="A caption" size="240" >}}

Three overlapping circles:

A row of round cards. Each line is Title | text | link, and the link is optional:

One First idea
Two Second idea
Three Third idea