Basic Neopolitan Example
This is a sample Neopolitan document.
The contents are rendered directly below to demonstrate the output.
-- h3
Sample Alfa Bravo
This is what the neo files in my grimoire
look like.
-- note
-- class: alfa
The rest of the *content** is placeholder content
made of *harvard*class: tango* sentences.
Don't read
too much
into it.
-- list
Sierra Tango List
- Pile the coal high in the shed. Pluck the
bright <<rose|span|id: rose>> without leaves
- Put the chart on the mantel and tack it down
-- css
#rose{
color: red;
}
A Few Notes To Get You Started
Notes
-
Some of these notes describe things that haven't been implemented yet. They'll fully align as things get put in place
-
The Neopolitan specification doesn't detail HTML output. It specifies an AST. The notes here about HTML content are based off my Neopolengine reference implementation.
-
The first line of the [TODO: Code shorthand span ] turns into an [TODO: Code shorthand span ].
-
Content after the first line in the title is treated as paragraphs but wrapped in and [TODO: Code shorthand span ] with the [TODO: Code shorthand span ]
-
The [TODO: Code shorthand span ] section is a convenience wrapper for adding a div with a [TODO: Code shorthand span ] class around processed content.
-
The [TODO: Code shorthand span ] on the [TODO: Code shorthand span ] adds that class to the div as well
-
Break points for paragraphs are empty lines. Any text spanning multiple lines without an empty line in between will be collapsed into a single string
-
Shorthand codes for strong, em, link, and strike are done by surrounding content with specific separators as in the "content" example above (TODO: update to display that text here directly) [Not yet implemented]
-
Attributes can be added to shorthand codes as with the harvard/class:tango exapmle
-
HTML [TODO: Code shorthand span ] tags can be added with [TODO: Code shorthand span ] [Not yet implemented]
-
Different sections offer different internal behavior. For example [TODO: Code shorthand span ] can start with an optional paragraph followed by list items starting with [TODO: Code shorthand span ]. Collectively that's turned into a div containing the paragraph and a [TODO: Code shorthand span ] with [TODO: Code shorthand span ] tags for each item
-
Some sections work more behind the scenes. For example the [TODO: Code shorthand span ] section provides a way to add CSS directly to a page from the content file. The example showing adding a span with an id to the word rose then setting up a css section to change it's color.
-
[]
Link spec