lest

Introduction

Lest simplifies the tedious work of writing web pages by removing unnecessary clutter. So instead of <span>Hello World</span> you write span "Hello World".

Why not just span Hello World? Indentation is nice thing but shouldn't be enforced. Marking strings as strings instead of relying on newlines is better solution in long term.

Every tag may have unique ID and one or more classes:

• HTML tag describes this with <tag id="tag-id" class="tag-class another-tag-class">.
• CSS simplifies this with #tag-id .tag-class .another-tag-class.
• Lest uses same convention: div #my-div .one-class .other-class .blink .ie6 "Hello World"

Tags can contain text or other tags:

• div "Some div"
• div [span "Span in div"]
• div #hello-world [span .hello "Hello" " " span .world "World"]

Some tags know what to expect.

• a htt://lest.iluminat.cz "Lest"
  ==<a href="http://lest.iluminat.cz">Lest</a>
• img http://iluminat.cz/pic/pyramid-eye.jpg 100x100
  ==<img source="http://iluminat.cz/pic/pyramid-eye.jpg" width="100px" height="100px">

These are basics. All HTML5 tags work like this. If they don't please report them.

Simple templates

Simple templates are easy.

Dynamic code

Values

Conditions

IF

IF  

EITHER

EITHER   

SWITCH

SWITCH   opt [DEFAULT ]

CASE

CASE opt ALL 

Loops

Bootstrap examples

Panel

panel [
	h4 "Simple panel"
	p "asdf"
]

panel [
	h4 "Simple panel"
	precode panel-source
]

Container, row and col