anchor.diff:    section.sg-sect#sub-menu
       h2 The Sub Menu
       figure.docs-figure
  -      include /sites/all/includes/_data.jade
         -
           var pages = [
  -          { name: 'Why Attend'                  , href: '' }
  -        , { name: 'Registration Submenu Item 2' , href: '' }
  -        , { name: 'Registration Submenu Item 3' , href: '' }
  +          new Page({ name: 'Why Attend'     , url: '' })
  +        , new Page({ name: 'Short Courses'  , url: '' })
  +        , new Page({ name: 'Technical Tours', url: '' })
           ]
         div(style="height: 100px;")
  -        +sitemenulist({pages: pages, class_obj: Conf.MENU_CLASS.standard.sub, depth: 0})
  +        +sitemenulist({pages: pages, class_obj: Site.MENU_CLASS.standard.sub, depth: 0})
         div(style="height: 100px;"): ul.o-ListBare.c-MenuSub
           li.c-MenuSub__Item: a.o-Block.c-MenuSub__Link(href="")._hover menu item hover
           li.c-MenuSub__Item: a.o-Block.c-MenuSub__Link(href="")._active menu item active
  
positive.code:   section.sg-sect#sitemap-component
      h2 The Sitemap Component
      figure.docs-figure
        include /sites/all/includes/_data.jade
        -
          var pages = [
              {
                name: 'Home', href: 'home.html'
              }
            , {
                name: 'Registration', href: 'registration.html'
              , sub: [
                  { name: 'Why Attend'     , href: '' }
                ]
              }
            , {
                name: 'Program', href: 'program.html'
              , sub: [
                  { name: 'Events', href: '' }
                , { name: 'Short Courses'  , href: '' }
                , { name: 'Technical Tours', href: '' }
                , { name: 'Optional Tours' , href: '' }
                ]
              }
            , {
                name: 'Hotel & Travel', href: 'location.html'
              , sub: [
                  { name: 'International Travel', href: '' }
                ]
              }
            , {
                name: 'Speakers', href: 'speakers.html'
              , sub: [
                  { name: 'Distinguished Lecture Series', href: '' }
                ]
              }
            ]
        +sitemenulist({pages: pages, class_obj: Conf.MENU_CLASS.sitemap, depth: Infinity})
        pre.docs-pre.
          &lt;ul class="o-ListBare  o-GridFlex  #[u c-Sitemap]"&gt;
            &lt;li class="#[u c-Sitemap__Item]"&gt;
  
negative.code:           }
          }
        //- div.c-OtherYear
          +otherYearContent(demoevent)
            | Access the 2016 program to see which sessions qualify for
            |  PDHs and other documentation.
        div.c-OtherYear
          h1.c-OtherYear__Name(itemprop="name") Geo-Chicago 2016
          meta(content="2016-08-14" itemprop="startDate")
  