style changes

src/jade/index.jade

@@ -37,30 +37,31 @@ html
       #logo
       .jumbo__container
         h1 <a target="_blank" href="https://slack.com/">Slack</a>-yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.
+    .content
+      section
+        .row
+          h3 Tule mukaan
+          #invite-form
 
-    section
-      .row
-        h3 Tule mukaan
-        #invite-form
+      section
+        .row
+          .column.column1-2
+            p.
+              Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
+              Onko koodissasi bugi joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?<br />
+              Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.<br />
+              <br />
+              Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
+          .column.column1-2
+            #members
+      footer
+        a(href='https://koodiklinikka.slack.com')
+          i.fa.fa-slack
 
-      .row
-        .column.column1-2
-          p.
-            Etsitkö tiimikavereita projektiisi? Kiinnostaako koodaaminen, mutta et tiedä mistä lähtisi liikkeelle?
-            Onko koodissasi bugi joka ei pitkän googlettamisen jälkeen ole vieläkään ratkennut?<br />
-            Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.<br />
-            <br />
-            Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
-        .column.column1-2
-          #members
-    footer
-      a(href='https://koodiklinikka.slack.com')
-        i.fa.fa-slack
-
-      a(href='https://github.com/koodiklinikka/koodiklinikka.fi')
-        i.fa.fa-github
+        a(href='https://github.com/koodiklinikka/koodiklinikka.fi')
+          i.fa.fa-github
+        a(href='https://twitter.com/koodiklinikka')
+          i.fa.fa-twitter
 
     #fader
-
-
     script(src='js/bundle.js')

src/js/components/members.jsx

@@ -23,14 +23,16 @@ module.exports = React.createClass({
     var members = this.state.members.map(function(member) {
       var src = `${member.avatar_url}&s=120`;
       return (
-        <a href={member.html_url} target="_blank">
-          <img className="member" src={src} />
-        </a>
+        <img className='member' src={src} />
       );
     });
 
     return (
-      <div className="members">{members}</div>
+      <div className='members'>
+        <a href='https://github.com/koodiklinikka' target='_blank'>
+          {members}
+        </a>
+      </div>
     )
   }
 });

src/styles/_input.styl

@@ -6,7 +6,7 @@
   font-size inherit
   border 2px solid rgba(0, 0, 0, 0.3)
   border-radius 5px
-  background transparent
+  background #fff
   color rgba(0, 0, 0, 0.5)
   outline 0
   &:focus

src/styles/icons.less

@@ -4,3 +4,4 @@
 
 .@{fa-css-prefix}-github:before { content: @fa-var-github; }
 .@{fa-css-prefix}-slack:before { content: @fa-var-slack; }
+.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }

src/styles/style.styl

@@ -17,7 +17,8 @@ h1, h2, h3
   margin-bottom 0.5em
   text-shadow 1px 1px 0 rgba(255, 255, 255, 0.15)
 p
-  margin-top 2em
+  margin-top 1em
+  line-height 1.5em
 a
   color linkColor
   text-decoration none
@@ -59,9 +60,14 @@ section
   background #fff
   padding 2em 0
 
-.jumbo + section
+.content
   margin-top -200px
+
+section:first-child
   box-shadow -1px -1px 1px rgba(0, 0, 0, 0.05)
+  border-bottom 1px solid #EEEEEE
+  background #FCFCFC
+
 
 .row
   max-width 700px
@@ -71,6 +77,8 @@ section
 
 .column
   float left
+  padding 0 1em
+  box-sizing border-box
   @media screen and (max-width: 700px)
     float none
 
@@ -122,13 +130,15 @@ section
   .invite-form--message
     background rgb(226, 33, 112)
 
+
+.members
+  margin-top 1em
 .member
-  width 60px
+  width 57px
   vertical-align middle
   margin 3px
   border-radius 3px
-.members
-  margin-top 2em
+
 footer
   font-size 1.5em
   padding 0.5em