At its core, the document structure is a line-per-element document, where the text of the line corresponds to a div's class attribute, and the indentation indicates nesting. So, for example:
table
row
cell label
cell
translates into
<div class="table">
<div class="row">
<div class="cell label" />
<div class="cell" />
</div>
</div>
Now, unfortunately, there are some things that cannot be performed with divs alone. The CSS Generated Content Module is still languishing in development hell, so text has to be included in the html/divless document. To do so, put quotes around the text and indent appropriately. Since there will be many more divs in any document than text elements, it makes sense to make text elements more verbose. At this time, text is not capable of spanning multiple lines, but if you somehow have a text element longer than a few words, adjacent text lines will be concatenated.
container
header
"name of site"
main
"words words"
"words words"
"words words"
<div class="container">
<div class="header">
name of site
</div>
<div class="main">
words words
words words
words words
</div>
</div>
Also unfortunately, but I am not a true web dev so there might be something I don't know about, there is no javascript css parser. So, you will need style links to get them beautiful frameworks onto your page. A line prepended with a '!' will be treated as the URI of a stylesheet to use for the current document. Multiple stylesheets are allowed in each document. Regardless of position or indentation, these will be placed in the head of the resulting document.
I am willing to accept suggestions for a better character to indicate 'styles' than '!', but it should be one of the characters not allowed in class names.
!stylesheet.css
<link rel="stylesheet" href="stylesheet.css" />
Also unfortunately, scripts cannot come in div form, as of yet. Yes, that is a challenge. A line prepended with a '$' will be treated as the URI of a script to use for the current document. Multiple scripts are allowed in each document. Regardless of position or indentation, these will be placed in the head of the resulting document.
The '$' is non-negotiable.
$https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js
$js/my_script.js
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="js/my_script.js"></script>
And because why not, '#' start line comments. Comments are ignored by the parser, and are not translated into equivalent html comments.
# a metroui icon
mif-medkit mif-2x fg-green # large, green medkit
<div class="mif-earth mif-2x fg-green" />