add left and right

This PR adds new DSL, `left` and `right`.

They enclose their contents in `<div class="(left|right)-half"></div>`.
It divides the slide into 2 parts.

One of the great use-case is placing an image on a side and its description on another side.