anchor.diff:      </section>
       ```
   
  -  +slide()
  -    +slide()#fragments
  +  +slide
  +    +slide#fragments
         h2 Fragments
         p Hit the next arrow...
         p.fragment ... to step through ...
  
positive.code:       |  - 
        a(href="#" onclick="document.getElementById('theme').setAttribute('href','css/theme/solarized.css'); return false;") Solarized
  
    +slide()
      +slide()(data-background="#dddddd")
        h2 Slide Backgrounds
        p.
          Set #[code data-background="#dddddd"] on a slide to change the background color. All CSS color formats are supported.
        a(href="#").navigate-down
          img(width="178" height="238" data-src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow")
  
      +slide()(data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png")
        h2 Image Backgrounds
        pre
          code &lt;section data-background="image.png"&gt;
  
      +slide()(data-background="https://s3.amazonaws.com/hakim-static/reveal-js/image-placeholder.png" data-background-repeat="repeat" data-background-size="100px")
        h2 Tiled Backgrounds
        pre
          code(style="word-wrap: break-word;").
            &lt;section data-background="image.png" data-background-repeat="repeat" data-background-size="100px"&gt;
  
      +slide()(data-backround-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm" data-background-color="#000000")
        div(style="background-color: rgba(0, 0, 0, 0.9); color: #fff; padding: 20px;")
          h2 Video Backgrounds
          pre
          code(style="word-wrap: break-word;").
            &lt;section data-background-video="video.mp4,video.webm"&gt;
  
      +slide()(data-background="http://i.giphy.com/90F8aUepslB84.gif")
        h2 ... and GIFs!
  
    +slide()(data-transition="slide" data-background="#4d7e65" data-background-transition="zoom")
      h2 Background Transitions
      p.
        Different background transitions are available via the backgroundTransition option. This one's called "zoom".
      pre
        code Reveal.configure({ backgroundTransition: 'zoom' })
  
    +slide()(data-transition="slide" data-background="#b5533c" data-background-transition="zoom")
      h2 Background Transitions
      p You can override background transitions per-slide.
      pre
        code(style="word-wrap: break-word;").
          &lt;section data-background-transition="zoom"&gt;
  
    +slide()
      h2 Pretty Code
      pre
        code(data-trim contenteditable).
  
negative.code:           console.log( '"customevent" has fired' );
          } );
  
    +slide
      h2 Take a Moment
      p.
        Press B or . on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen.
  
    +slide
      h2 Much more
      ul
        li Right-to-left support
  