Info Center

Web Editor

Updated 1 year ago

Our web editor offers a unique Markdown-based approach to managing your profile page. Your profile page is essentially a Markdown document, making it easy to add content and rearrange things however you wish.

Profile or Web pages

The web editor can be used to edit and publish Profile pages (with the aforementioned Markdown document approach), or to manage a simple web page (just set your Page type to Raw HTML only).

Profile Metadata

The web editor uses a custom process for defining and including profile metadata, intended to preserve the beauty of the underlying Markdown document. You can define a metadata block like this:

| Pronouns: they/them
| Occupation: Seed Preservationist
| Location: Svalbard

Each line above is its own metadata item, which is in turn rendered into HTML with a “metadata” class and a unique ID to aid in page styling and structure. For example, the metadata block above would be rendered into HTML as:

<div class="metadata" id="pronouns">they/them</div>
<div class="metadata" id="occupation">Seed Preservationist</div>
<div class="metadata" id="location">Svalbard</div>

Certain metadata items also receive icons automatically, and you can add your own icons to your own custom metadata. For example, if you wanted to share that you have a 2300 rating in Chess, you might add {chess} to use the chess icon. Like this:

| Chess Rating: 2300 {chess}

Profile Sections

Sections can be added to pages with a special section indicator, like this:

--- Bio ---

This would be rendered as:

<div id="bio">

The contents of this <div> would consist of whatever comes after the section indicator, up to the end of the document or the start of another section indicator. (As such, it’s not possible to nest sections... yet.)

Profile Items

If you have a --- Profile Items --- section indicator in your profile document, you’ll create a special section that intelligently applies icons to whatever lists to include within that section. Learn more about how this works in our Profile Items article.

Profile Picture

Your profile picture will be rendered wherever the {profile-picture} tag is placed within your document.

Custom Metadata

You can fill in the custom metadata fields to define a page title and description (or leave them blank and we’ll do it for you).

Custom CSS

Specify any amount of custom CSS you’d like. You can get creative here and really transform the entire look and feel of your page!

Custom <head> content

Need to put some custom elements in your page head? Go for it!

Need more help? Contact us at any time.