anchor.diff:      pre
         code.javascript $("&lt;div class=\""+foo_class+"\">hello world&lt;/div>")
   
  -  +slide(
  -    data-background="images/backoffice.png", data-state="screenshot",
  -    data-background-transition="slide")
  +  +slide
  +    p
  +      img(src="images/backoffice.png")
   
     +slide
       h2 String Templates
  
positive.code:         ul
            li Thymeleaf
  
    +slide(
      data-background="images/genshi.png", data-state="screenshot",
      data-background-transition="slide")
  
    +slide
      h2 Structured (SGML)
  
negative.code:       li Can't produce strings which are invalid SGML
        li Never quite caught on
  
    +slide
      p
        img(src="images/werkzeug.png")
  
    +slide
      h2 Structured (Builders)
  