anchor.diff:  script(type="text/javascript",src="/js/bootstrap/bootstrap-tooltip.js")
   script(type="text/javascript",src="/js/bootstrap/bootstrap-popover.js")
   style
  -    .btn {
  +    .btn-demo {
           padding: 12px 20px;
           min-width: 160px;
       }
  
positive.code:         
      .btn-row
          .btn-wrapper
              a(class="btn",
                href="/RendererPlayground.html",
                title="Advanced Renderer Playground",
                data-content="An advanced version of the Renderer Playground, gives more tools for querying and transforming the data."
  
negative.code: 
      .btn-row
          .btn-wrapper
              a(class="btn btn-demo btn-primary btn-large",
                href="/workspace",
                title="Workspace Demo",
                data-content="View multiple predefined widgets inline."
              ) Workspace Demo
          .btn-wrapper
              a(class="btn btn-demo btn-primary btn-large",
                href="/RendererPlaygroundSimple.html",
                title="Renderer Playground",
                data-content="Connect to real data sources, apply transformations, and visualize data using the available renderers."
              ) Renderer Playground
          .btn-wrapper
              a(class="btn btn-demo btn-primary btn-large",
                href="/simple",
                title="Renderer Library",
                data-content="Navigate through the renderer library with sample data."
  