Add more styles

2017-02-10 21:06:52 +01:00
parent 70ce2feefb
commit 10e6fd89eb
15 changed files with 118 additions and 8 deletions
--- a/static-pages/index.pug
+++ b/static-pages/index.pug
@@ -4,12 +4,20 @@ block vars
  - var title='Overview'

 block content
-  ul
+  .hero-headline
+    | Technology Radar
+    span.hero-headline__alt
+      = ' '
+      | March 2017
+  div
    each quadrant, quadrantName in radar
-      li
-        h4= translate(quadrantName)
-        ul
+      .quadrant-section
+        .quadrant-section__header
+          h4= translate(quadrantName)
+        .quadrant-section__lists
          each radarItem, itemName in quadrant
-            li
+            .quadrant-section__list
              a(href='/' + quadrantName + '/' + itemName + '.html')
                = radarItem.attributes.title
+                span(class=`badge badge--${radarItem.attributes.ring}`)
+                  = radarItem.attributes.ring