<<https://github.com/vpj/wallapatta(Wallapatta)>>^^1^^ got some new features. >>> ^^1^^ Wallapatta is similar to markdown. It supports a document layout inspired by Edward Tufte's handouts and books. This blog is written in Wallapatta. * <<https://chrome.google.com/webstore/detail/wallapatta/nleponjjojkllonfamfjhebhadibjlip(Editor)>> * <<https://github.com/vpj/wallapatta(Github)>> * <<http://vpj.github.io/wallapatta/reference.html#wallapatta_335(Reference)>> <!> First is full width blocks. These span into the sidenote area. These are ideal for large images and quotes. !https://static.pexels.com/photos/6547/sky-night-space-galaxy-large.jpeg Next is javascript, coffeescript or weya template blocks. These can have code that generates html. Heres a coffeescript block. ```coffeescript <<<coffee "7 * 100 = <strong>#{7 * 100}</strong>" >>> <<<coffee "7 * 100 = <strong>#{7 * 100}</strong>" Here's a weya block that generates the <<http://www.forestpin.com(Forestpin)>> logo in an SVG. >>> <<https://github.com/vpj/weya(Weya on Github)>> ```coffeescript <<<weya G = 1.618 H = 13 order = [2, 4, 1, 0, 3] heights = (H * Math.pow G, i for i in order) @svg width: 250, height: 250, -> @g transform: "translate(2, 154)", -> for h, i in heights @g ".bar", transform: "translate(#{i * 50}, 0)", -> @rect y: -h * G, width: 46, height: h * G, fill: '#4a4a4a' @rect width: 30.67, height: h,fill: '#98ff98' @rect x: 30.67, width: 15.33, height: h, fill: '#8bea8b' >>> It generates the <<https://www.forestpin.com(Forestpin)>> Logo <<<weya G = 1.618 H = 13 order = [2, 4, 1, 0, 3] heights = (H * Math.pow G, i for i in order) @svg width: 250, height: 250, -> @g transform: "translate(2, 154)", -> for h, i in heights @g ".bar", transform: "translate(#{i * 50}, 0)", -> @rect y: -h * G, width: 46, height: h * G, fill: '#4a4a4a' @rect width: 30.67, height: h,fill: '#98ff98' @rect x: 30.67, width: 15.33, height: h, fill: '#8bea8b' Checkout << for details