extends ../templates/default-page.pug

block vars
  - var title='AOE Technology Radar'

block content
  .headline-group
    .hero-headline
      | Technology Radar
      span.hero-headline__alt
        = ' '
        | March 2017
  div.quadrant-grid
    each quadrant, quadrantName in groupByQuadrants(radar)
      .quadrant-grid__quadrant
        .quadrant-section
          .quadrant-section__header
            .split
              .split__left
                h4.headline= translate(quadrantName)
              .split__right
                a.icon-link(href=`/${quadrantName}.html`)
                  span.icon.icon--pie.icon-link__icon
                  | Quadrant Overview
          .quadrant-section__rings
            each items, ringName in quadrant
              .quadrant-section__ring
                .ring-list
                  .ring-list__header
                    span(class=`badge badge--${ringName}`)
                      = ringName
                  each item in items
                    span.ring-list__item
                      a.link(href='/' + quadrantName + '/' + item.name + '.html')
                        = item.title