example.jade

doctype html
html(lang="en", class = ['classOne', 'classTwo'].join(','))
  -// consult http://jade-lang.com for a full language reference
  head
    title My page
  body.bp
    #container
      #header
        h1.page-title My.awesome. page #is awesome#
      #nav
        ul#nav_list something sweet
          li
      #content
        // here is a real comment
        -// here is another real comment
        //- here is a THIRD real comment syntax (what?) (this one is documented)
        a(href = 'http://www.google.com') http://www.google.com
        - if (youAreUsingJade)
          p You are amazing
        - else
          p Get on it!
          form
            input(type = "text", name='user[name]', readonly = true, disabled)
        div#single-quote.example
          = 'this single quote should highlight as a string'
          = 'this one' + "and this should too"
          span= 'another' + "quote example"
          span this one shouldn't higlight strings or... .other #things if else
          | this one shouldn't highlight strings, and the same goes for .keywords #ok ?
        div#paren.content.example(style = 'float: left;') Content .here #should be plain if for
        div.examples#javascript
          - var a = 1;
          - var helperFunction = function (a) { return (a === 1 ? 'singular' : 'plural'); };
          span= someArray.join(', ')
          span= a.toString() + helperFunction(a)
          span#id.class(style = 'margin-bottom: 0;')= "some_js_expression".split('_').join(' ')
      #footer
        #copywrite-text= locals