add members header for yhdistys-page

src/js/components/members.js

@@ -7,7 +7,7 @@ var _ = require('lodash');
 var api = require('../api');
 
 module.exports = React.createClass({
-  getInitialState() {
+  getInitialState() {
     return {
       members: []
     };

src/js/main.js

@@ -45,4 +45,8 @@ if(pathName == '/') {
   ReactDOM.render(
     email(),
     document.getElementById('email'));
+
+  ReactDOM.render(
+    members(),
+    document.getElementById('members'));
 }

src/styles/_header.styl

@@ -94,3 +94,21 @@
   @media (min-aspect-ratio: 1/2)
     width 100%
     height auto
+
+.header__members
+  z-index -1
+  position absolute
+  top 0
+  left 0
+  height 100%
+  .member
+    margin 0
+    border-radius 0
+    width (100/18)%
+
+    @media screen and (max-width: 1200px)
+      width (100/15)%
+    @media screen and (max-width: 810px)
+      width 10%
+    @media screen and (min-width: 2000px)
+      width 5%

src/styles/style.styl

@@ -345,7 +345,7 @@ footer
     .column
       display block
 
-.neukkari-img-wrapper
+.bread-img
   background url('../images/hp3_bw.jpg')
   background-size 120%
   background-position-y 80%
@@ -355,5 +355,5 @@ footer
   height 240px
 
 @media screen and (max-width: 700px)
-  .neukkari-img-wrapper
+  .bread-img
     display none

src/yhdistys.jade

@@ -48,6 +48,8 @@ html
             .header__headline
               .header__logo
               h1.header__title Koodiklinikka ry
+          .header__members
+            #members
 
         .content
           section
@@ -62,7 +64,7 @@ html
                   p.
                     Yhdistyksen jäsenyys ei ole pakollinen Koodiklinikan käyttäjille tai meetuppeihin osallistujille.
                 .column.column1-2
-                  .neukkari-img-wrapper
+                  .bread-img
             .row
               .bread
                 .column.column1-2