Add styles for quadrant pages

templates/default-page.pug

@@ -4,8 +4,12 @@ block body
   .page
     .page__header
       .branding
-        a.branding__logo(href='/')
-          img(src='/assets/logo.svg')
+        if noLogo
+          .branding__backlink
+            a.icon-link(href='/') AOE Technology Radar
+        if !noLogo
+          a.branding__logo(href='/')
+            img(src='/assets/logo.svg')
         .branding__content
           .nav
             .nav__item
@@ -14,13 +18,14 @@ block body
               a.icon-link(href='/') Technologies Overview
     .page__content
       block content
-    .page__footer
-      .branding
-        span.branding__logo
-          img(src='/assets/logo.svg')
-        .branding__content
-          span.footnote
-            | AOE is a leading provider of Enterprise Open Source web solutions.
-            | Using current agile development methods, more than 250+ developers
-            | and consultants in 8 global locations develop customized Open Source
-            | solutions for global companies and corporations.
+    if !noFooter
+      .page__footer
+        .branding
+          span.branding__logo
+            img(src='/assets/logo.svg')
+          .branding__content
+            span.footnote
+              | AOE is a leading provider of Enterprise Open Source web solutions.
+              | Using current agile development methods, more than 250+ developers
+              | and consultants in 8 global locations develop customized Open Source
+              | solutions for global companies and corporations.

templates/item-page.pug

@@ -1,16 +1,14 @@
-extends layout.pug
+extends default-page.pug
 
 block vars
-  //-
-    - var title=item.attributes.title
+  - var noLogo=true
+  - var noFooter=true
+  - var title=item.attributes.title
 
-block body
+block content
   .item-page
     .item-page__nav
       .item-page__nav__inner
-        .nav
-          .nav__item
-            a.icon-link.icon-link--primary.icon-link--big(href='/') AOE Technology Radar
         .item-page__header
           h3.headline
             = translate(item.quadrant)
@@ -30,14 +28,6 @@ block body
                   .item__info= ringItem.attributes.info
     .item-page__content
       .item-page__content__inner
-        .split
-          .split__left
-          .split__right
-            .nav
-              .nav__item
-                a.icon-link(href='/') How to Use Technology Radar?
-              .nav__item
-                a.icon-link(href='/') Technologies Overview
         .item-page__header
           .split
             .split__left

templates/quadrant-page.pug

@@ -1,13 +1,24 @@
 extends default-page.pug
 
 block vars
-  - var title='Quadrant'
+  - var noLogo=true
+  - var title=`${translate(quadrantName)}`
 
 block content
-  //
-    h1
+  .headline-group
+    h1.hero-headline
       = translate(quadrantName)
-    ul
-      each radarItem, itemName in quadrant
-        li
-          a(href='/' + quadrantName + '/' + itemName + '.html')= radarItem.attributes.title
+  .quadrant-section
+    .quadrant-section__rings
+      each items, ringName in quadrant
+        .quadrant-section__ring
+          .item-list
+            .item-list__header
+              span(class=`badge badge--big badge--${ringName}`)
+                = ringName
+            .item-list__list
+              each ringItem in items
+                a.item.item--no-leading-border(href=`/${ringItem.quadrant}/${ringItem.name}.html`)
+                  .item__title= ringItem.attributes.title
+                  if ringItem.attributes.info
+                    .item__info= ringItem.attributes.info