anchor.diff:      Update <code>web/main.dart</code>, adding the following code
       after the imports:
   
  -  pre.prettyprint
  -    code.
  +  code-example(language="dart" format="linenums:5").
  +    @Component(
  +      selector: 'my-app'
  +    )
  +    @View(
  +      template: '&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;'
  +    )
  +    class AppComponent {
  +      String name = 'Alice';
  +    }
  +
  +  p.
  +    The code you just added creates a component that
  +    has the tag <b>&lt;my-app></b>.
  +    The Dart code for an Angular component consists of a class
  +    (the <b>component controller</b>)
  +    that has <code>@Component</code> and <code>@View</code> annotations.
  +
  +
  +  .l-sub-section
  +    h3 Annotations
  +
  +    p.
  +      The <code>@Component</code> annotation defines
  +      the HTML tag for the component by specifying the component's CSS selector.
  +
  +    p.
  +      The <code>@View</code> annotation defines the HTML that
  +      represents the component. This component uses an inline template,
  +      but you can also have an external template. To use an external template,
  +      specify a <code>templateUrl</code> property
  +      and give it the path to the HTML file.
  +
  +    code-example(language="dart").
         @Component(
           selector: 'my-app'
         )
         @View(
           template: '&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;'
         )
  -      class AppComponent {
  -        String name = 'Alice';
  -      }
  -
  -  // [PENDING: add line numbers once we can specify where they start]
  -
  -  p.
  -    The code you just added creates a component that
  -    has the tag <b>&lt;my-app></b>.
  -    The Dart code for an Angular component consists of a class
  -    (the <b>component controller</b>)
  -    that has <code>@Component</code> and <code>@View</code> annotations.
  -
  -
  -  .l-sub-section
  -    h3 Annotations
  -
  -    p.
  -      The <code>@Component</code> annotation defines
  -      the HTML tag for the component by specifying the component's CSS selector.
  -
  -    p.
  -      The <code>@View</code> annotation defines the HTML that
  -      represents the component. This component uses an inline template,
  -      but you can also have an external template. To use an external template,
  -      specify a <code>templateUrl</code> property
  -      and give it the path to the HTML file.
  -
  -    pre.prettyprint
  -      code.
  -        @Component(
  -          selector: 'my-app'
  -        )
  -        @View(
  -          template: '&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;'
  -        )
  -
  -    // [PENDING: add line numbers once we can specify where they start]
   
       p.
         The annotations above specify an HTML tag of <code>&lt;my-app&gt;</code>
  
positive.code:     Still in the same directory, create a <code>web</code> directory.
      Create a file under <code>web</code> named <code>main.dart</code>.
  
    pre.prettyprint
      code.
        &gt; mkdir web
        &gt; vim web/main.dart  # Use your favorite editor!
  
    p.
      Edit <code>web/main.dart</code> to import the angular2 library
      and (for now) two reflection libraries:
  
    // pre.prettyprint.linenums
    pre.prettyprint
      code.
        import 'package:angular2/angular2.dart';
  
        // These imports will go away soon:
        import 'package:angular2/src/reflection/reflection.dart' show reflector;
        import 'package:angular2/src/reflection/reflection_capabilities.dart' show ReflectionCapabilities;
  
    // [PENDING: add line numbers once we can specify where they start]
  
  // STEP 3 - Define a component ##########################
  .l-main-section
  
negative.code:   p.
      Add the following code to the bottom of <code>web/main.dart</code>:
  
    code-example(language="dart" format="linenums:15").
      main() {
        reflector.reflectionCapabilities = new ReflectionCapabilities();
        bootstrap(AppComponent);
      }
  
    p.
      This code adds a <code>main()</code> function
  