Examples

Example code and real life cases

Local

Local

Website for an Android application. Written in a very DRY manner. Every section has a block of its own.

# Example block:
 @ tap
---
css: image green
---
![](/img/screen3.png)

**Tap and hold** to search for Instagram shots in the local area.
 @ end


# Template:
mixin block(key, obj)
  section(id=key, class=obj.meta.css)
    .contain
      if obj.meta.logo
        img(src=obj.meta.logo).logo
      h2.title #{obj.meta.title}
      .content !{obj.html}
      if obj.meta.link
        a(href=obj.meta.link.url).link #{obj.meta.link.title}

# Uses lodash, removes the first block and parses them through the mixin
block content
  for key in markade._.drop(Object.keys($$), 1)
    +block(key, $$[key])
Visit - Source Code
Sample Site

Sample Site

Sample markade site. You can generate on yourself if you run markade init.

Source Code
Markade Docs

Markade Docs

The website you're reading right now is generated with markade. And it is completely open source.

Source Code
Tasktool

Tasktool

Documentation for Tasktool. Has nice typography and a lot of text. The idea was to make it not feel like a static website.

Visit