add font awesome icons

src/jade/index.jade

@@ -21,7 +21,12 @@ html
             h3 Liity mukaan
 
       .footer
-        a(href='https://koodiklinikka.slack.com') koodiklinikka.slack.com
+
+        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')
         img(style='position: absolute; top: 0; right: 0; border: 0;', src='https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67', alt='Fork me on GitHub', data-canonical-src='https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png')

src/js/components/inviteForm.js

@@ -22,7 +22,7 @@ function render(props, state) {
         className={inputClasses}
         type='text'
         name='email'
-        placeholder='email'
+        placeholder='Email'
         value={state.email}
         onkeydown={props.onChange} />
       <button

src/styles/icons.less

@@ -0,0 +1,6 @@
+@import '../../bower_components/font-awesome/less/variables.less';
+@import '../../bower_components/font-awesome/less/path.less';
+@import '../../bower_components/font-awesome/less/core.less';
+
+.@{fa-css-prefix}-github:before { content: @fa-var-github; }
+.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }

src/styles/style.styl

@@ -105,23 +105,12 @@ a
   &:hover
     text-decoration underline
 
-#logo
-  width 80px
-  height 80px
-  background url('../images/logo-js.png')
-  background-size 100% 100%
-  border 5px solid #fff
-  border-radius 50%
-  margin auto
-  position absolute
-  top 1.5em
-  left 1.5em
-  box-shadow 1px 1px 3px rgba(0, 0, 0, 0.1)
-
 .footer
   font-size 1em
-  height 40px
-  line-height 40px
-  padding 0 1em
+  padding 0.5em
   position absolute
   bottom 0
+  i
+    margin 0 7px
+    font-size 1.5em
+    color #3090de