Editing content

All content lives in the /site-content folder. Navigate to the page you want to edit. You'll always be able to see the directory you are in by looking at the breadcrumbs.

Click the edit icon to begin editing a page.

You'll see a block of text at the top of the page. This is called front matter. The front matter of a page tells Hugo (the tool we use to compile this site) how to render this page.
Example front matter:

title: Color palette
date: 2017-01-27 #Date this page was created.
menu:
  main:
    parent: design-development
  side:

title: This is the title of the page. It will appear as the first heading. *required
date: The date this item was created. Follow the format yyyy-mm-dd *required
menu: This registers the menus where this item should appear. Items will be alphabetical, unless otherwise specified.

In the above example, the page is set to appear in both the main menu and the side menu. The page is set to appear as a child of design-development as, indicated by the parent label. Nesting matters in this area. You should use two spaces to indent a subitem. To verify the front matter is valid, you can use a tool like YAMLlint.

Formatting

You can add content directly in the GitHub editor. To format the content, use markdown. You can use a previewing tool like Markdown Live Preview.

Accordions

To add content that belongs in an accordion, use the following syntax:

{{< accordion-wrap >}}

{{% accordion Example %}}
Accordion content. 
{{% /accordion %}}

{{</ accordion-wrap >}}

"Example" is the name of the accordion. You can use all normal Markdown options within the accordion content area.