quickly build little html buildings
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
test
README.md
cabin.js
ender.js
package.json

README.md

Cabin

For building little pieces of html quickly with functions that act as templates.... I think.

The only cool (terrible?) part is that you can built elements with css-like selectors, so it's easy to make a div with an id of "fresh". cabin("div#fresh"). The same thing works for classes. cabin("div.some.fresh.classes").

Cabin.curry is a function cabin.curry, which curries your template function, so you can do something like this:

var build = cabin.curry(function(o,info){
  return true,
    o("li.building",
      o("h1",
        o("strong", info.name), " ", o("em", "Jr.")
      ),
      o("h3.age","is " + info.age)
    );
});

You're right, it just gives you a local reference as the first argument to your function. Not actually cool. But whatevs. But now you can call build({ name: "Old Log Cabin", age: 100 }) and you'll get back a dom node, which you can feel free to append as a child to something.