Shortcodes

The theme bundles a few custom shortcodes (in addition to those provided natively by Hugo).

Figure

Insert an HTML figure element into your content using the figure shortcode.

Entry of the Bauhaus school in Dessau, Germany (photo by Birgit Böllinger, Pexels)
Figure 1: Entry of the Bauhaus school in Dessau, Germany (photo by Birgit Böllinger, Pexels)

Aside

Create an aside element displayed directly to the right of the last paragraph on desktop, while stacking neatly underneath that paragraph on smaller mobile screens.

Contact

Insert contact details, such as address, e-mail or phone number, from a data file using the proper markup. The e-mail address will be encrpyted using (simple) javascript.

To use, create a data file config.yml and add the data using address, phone or mail as key.

Joe Public
4 Grove Road
West London
W51 5CT

Or mail:

Telephone: +49 123 123456
E-Mail: joe [DOT] public [AT] mail [DOT] org

Forms

Render and insert a form from a data file or the page’s frontmatter.

Yes, I have read the privacy policy and agree that the data I have provided may be collected and stored electronically. My data will only be used strictly for the purpose of processing and answering my enquiry.

Specification

If you use the page’s frontmatter, add these underneath the identifer of the form. If you use a datafile, use the identifer as file name.

name: "name"
attributes: 'method="POST" netlify' #mapps directly to HTML attributes, optional
fields:
- id: "name"
  type: "text" #optional
  label: "Label text, supports __markdown__."
  attributes: 'required' #mapps directly to HTML attributes, optional