diff --git a/src/jade/index.jade b/src/jade/index.jade
index ced3132..ce38373 100644
--- a/src/jade/index.jade
+++ b/src/jade/index.jade
@@ -40,16 +40,19 @@ html
section
.row
- .form-container
- #invite-form
- h3 Tule mukaan
+ h3 Tule mukaan
+ #invite-form
+
+ .row
+ .column.column1-2
+ #members
+ .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?
Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
-
footer
a(href='https://koodiklinikka.slack.com')
i.fa.fa-slack
diff --git a/src/js/components/inviteForm.jsx b/src/js/components/inviteForm.jsx
index 27a0ca5..8864673 100644
--- a/src/js/components/inviteForm.jsx
+++ b/src/js/components/inviteForm.jsx
@@ -2,7 +2,7 @@
var request = require('axios');
var React = require('React/addons');
-var classSet = React.addons.classSet
+var classSet = React.addons.classSet;
module.exports = React.createClass({
getInitialState() {
diff --git a/src/js/components/members.jsx b/src/js/components/members.jsx
new file mode 100644
index 0000000..b83c528
--- /dev/null
+++ b/src/js/components/members.jsx
@@ -0,0 +1,36 @@
+'use strict';
+
+var React = require('React');
+var request = require('axios');
+
+var API_URL = 'https://api.github.com/orgs/koodiklinikka/public_members';
+
+module.exports = React.createClass({
+ getInitialState() {
+ return {
+ members: []
+ };
+ },
+ componentDidMount() {
+ request.get(API_URL).then(function(res) {
+ this.setState({
+ members: res.data
+ });
+ }.bind(this));
+ },
+ render() {
+
+ var members = this.state.members.map(function(member) {
+ var src = `${member.avatar_url}&s=120`;
+ return (
+
+
+
+ );
+ });
+
+ return (
+