Jade Templating Mode

x
 
1
doctype 5
2
  html
3
    head
4
      title= "Jade Templating CodeMirror Mode Example"
5
      link(rel='stylesheet', href='/css/bootstrap.min.css')
6
      link(rel='stylesheet', href='/css/index.css')
7
      script(type='text/javascript', src='/js/jquery-1.9.1.min.js')
8
      script(type='text/javascript', src='/js/bootstrap.min.js')
9
    body
10
      div.header
11
        h1 Welcome to this Example
12
      div.spots
13
        if locals.spots
14
          each spot in spots
15
            div.spot.well
16
         div
17
           if spot.logo
18
             img.img-rounded.logo(src=spot.logo)
19
           else
20
             img.img-rounded.logo(src="img/placeholder.png")
21
         h3
22
           a(href=spot.hash) ##{spot.hash}
23
           if spot.title
24
             span.title #{spot.title}
25
           if spot.desc
26
             div #{spot.desc}
27
        else
28
          h3 There are no spots currently available.
29

The Jade Templating Mode

Created by Drew Bratcher. Managed as part of an Adobe Brackets extension at https://github.com/dbratcher/brackets-jade.

MIME type defined: text/x-jade.