scraps v0.8.5

Scraps

Scraps is a Space based HTML template language. Scraps is alpha.

Try it now

Try it now by creating a site at http://nudgepad.com.

Examples

Basic Example

A normal html div written in Scraps looks like this:

scrap1
 content Hello world
 style
  left 10px
  top 10px

This would get turned into html that looks like this:

<div id="scrap1" style="left: 10px; top: 10px">Hello world</div>

HTML Types

Scraps can be any html element by setting the "type":

scrap2
 type textarea
 placeholder Enter some text
 style
  left 10px
  top 40px

HTML attributes

Scraps can use all normal html attributes such as "name" or "value":

scrap3
 type text
 name age
 placeholder Age
 value 18
 style
  left 10px
  top 40px

Recursion

scrap2
 type ul
 scraps
  item1
   type li
   content One
  item2
   type li
   content Two

DOM Events

scrap1
 content Hello world
 onclick alert('Hello world'!)

Variables

scrap1
 content {{document.location}}

Loops

scrap1
 type ul
 loop red green blue
 scraps
  li
   type li
   content {{value}}
   value {{key}}