anchor.diff:  :marked
     We click a different hero and the readonly mini-detail beneath the list reflects our new choice.
     
  -  当我们点击另一位英雄时，一个只读的“微型视图”会显示在列表下方，以体现我们的选择。
  +  当我们点击另一位英雄时，一个只读的“微型详情视图”会显示在列表下方，以体现我们的选择。
   
     We click the "View Details" button to drill into the
     editable details of our selected hero.
     
  -  我们可以点击其中的“查看详情”按钮来进入所选英雄的“编辑视图”。
  +  我们可以点击“View Details（查看详情）”按钮进入所选英雄的编辑视图。
   
     The following diagram captures all of our navigation options.
     
  
positive.code:   Our grand plan is to build an app to help a staffing agency manage its stable of heroes.
    Even heroes need to find work.
    
    我们的终极计划是构建一个程序，来帮助英雄管理局管理英雄围栏(译注：比如WoW登录后看到的那个列表就是“英雄围栏”)。毕竟，英雄们也得养家糊口嘛！
  
    Of course we'll only make a little progress in this tutorial. What we do build will
    have many of the features we expect to find in a full-blown, data-driven application: acquiring and displaying
  
negative.code:   Here's a visual idea of where we're going in this tour, beginning with the "Dashboard"
    view and our most heroic heroes:
    
    下面是本教程中界面的构想：开始是“Dashboard（控制台）”视图，来展示我们最勇敢的英雄。
  
  figure.image-display
    img(src='/resources/images/devguide/toh/heroes-dashboard-1.png' alt="英雄控制台的输出")
  
  :marked
    Above the dashboard are two links ("Dashboard" and "Heroes").
    We could click them to navigate between this Dashboard and a Heroes view.
  
    控制台顶部中有两个链接：“Dashboard（控制台）”和“Heroes（英雄列表）”。
    我们将点击它们在“控制台”和“英雄列表”视图之间导航。
  
    Instead we click the dashboard hero named "Magneta" and the router takes us to a "Hero Details" view
    of that hero where we can change the hero's name.
  
    当我们点击控制台上名叫“Magneta”的英雄时，路由将把我们带到这个英雄的详情页，在这里，我们可以修改英雄的名字。
    
  figure.image-display
    img(src='/resources/images/devguide/toh/hero-details-1.png' alt="英雄详情的输出")
  