add picture of slack client, reorganize layout

src/jade/index.jade

@@ -52,26 +52,30 @@ html
           section
             .row
               .bread
-                .column.column4-5
+                .column.column1-2
                   h3 Yhteisö ohjelmoinnista kiinnostuneille
                   p.
                     Koodiklinikka on yhteisö, joka kokoaa Suomen ohjelmistoalan työntekijät, harrastajat ja vasta-alkajat yhteen.
                     Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
                   p.
                     Mukaan liittyminen on ilmaista ja helppoa. Jätä sähköpostiosoitteesi ylläolevaan kenttään ja lähetämme sinulle kutsun Slack-yhteisöömme.
-                .column.column1-5
-                  #members
+                .column.column1-2
+                  a(href='images/slack.png', target='_blank')
+                    img(src='images/slack.png')
+
 
             .row
               .bread
-                .column.column2-5.octocat
+                .column.column2-5
                   img(src='images/octocat.png')
+
                 .column.column3-5
                   h3 Avoin lähdekoodi
                   p
                     |Suosimme avointa lähdekoodia ja kaikki käyttämämme koodi on vapaasti saatavilla ja hyödynnettävissä <a href="https://github.com/koodiklinikka">Github-organisaatiomme sivulta</a>.
                     |Organisaation jäseneksi otamme kaikki Slack-yhteisömme jäsenet ja kontribuutio projekteihimme otetaan lämpimästi vastaan.
 
+                  #members
 
           #feed
 

src/styles/style.styl

@@ -98,8 +98,7 @@ section
   padding-right feedWidth
   min-height 50vh
   box-sizing border-box
-  h3
-    margin-top 2em
+
   @media screen and (max-width: 700px)
     h3
       margin-top 0
@@ -109,7 +108,7 @@ section:first-child
   background #FCFCFC
 
 .row
-  max-width 800px
+  max-width 850px
   margin auto
   overflow auto
   padding 0 2em
@@ -128,6 +127,9 @@ section:first-child
   &:last-child
     padding-right 0
 
+  img:first-child
+    max-width 100%
+
 .column3-5
   width (100/5*3)%
 
@@ -188,13 +190,11 @@ section:first-child
     background rgb(226, 33, 112)
 
 .members
-  width 200px
-  display inline-block
   a
     display inline-block
 
 .member
-  width 40px
+  width 30px
   vertical-align middle
   margin 3px
   border-radius 3px
@@ -291,11 +291,6 @@ footer
   pointer-events none
   z-index 2
 
-.octocat
-  text-align center
-  img
-    width 100%
-    max-width 300px
 .bread
   display table
   width 100%