side-by-side comparison of a simple index page in jade and sugarML. from https://github.com/wkentdag/pow

index.jade

extends layout
  block content
    main
      section
        - var post = locals.data.headlines[0]
        #hero(style=bg)
          a(href=post.perma)
            h1= post.title
            img(src= post.image)
            .hero-overlay
        
        .recent-stories
          each post, i in locals.data.headlines
            if i > 0
              .story
                a(href=post.perma)
                  img(src= post.image)
                  h2= post.title
        
      aside.sidebar
        h1 side pieces
        div
          p 1
        div
          p 2
        div
          p 3
        div
          p 4
          
        
            
        
    

index.sml

extends(src='layout.sml')
  block(name='content')
    main
      section
        #hero(style=bg)
          a(href={{locals.data.headlines[0].perma}} )
            h1  {{locals.data.headlines[0].title}}
            img(src={{locals.data.headlines[0].image}})
            .hero-overlay

        .recent-stories
          each(loop="post, i in locals.data.headlines")
            if(condition="i > 0")
              .story
                a(href={{post.perma}})
                  img(src={{post.image}})
                  h2 {{post.title}}

      aside.sidebar
        h1 side pieces
        div
          p 1
        div
          p 2
        div
          p 3
        div
          p 4

layout.jade

doctype html
html

  head
    block meta
      meta(charset='utf-8')
      meta(http-equiv='X-UA-Compatible', content='IE=edge, chrome=1')
      meta(name='description', content='')
      meta(name='author', content= "wkentdag")
      meta(name="viewport" content="width=device-width, initial-scale=1")

    block title
      title Passion of the Weiss

    block stylesheets
      link(rel='stylesheet', href='/css/index.css')

  body
    include _header
    #content
      block content
    
    include _navbar
    
    block javascript
      script(src='/js/main.js')

layout.sml

doctype html
html

  head
    block(name='meta')
      meta(charset='utf-8')
      meta(http-equiv='X-UA-Compatible' content='IE=edge, chrome=1')
      meta(name='description' content='')
      meta(name='author' content='wkentdag')
      meta(name="viewport" content="width=device-width, initial-scale=1")

    block(name='title')
      title Passion of the Weiss

    block(name='stylesheets')
      link(rel='stylesheet' href='css/index.css')

  body
    include(src='_header.sml')
    #content
      block(name='content')

    include(src='_navbar.sml')

    block(name='javascript')
      script(src='js/main.js')