diff --git a/src/jade/index.jade b/src/jade/index.jade index a1db889..a905457 100644 --- a/src/jade/index.jade +++ b/src/jade/index.jade @@ -37,30 +37,31 @@ html #logo .jumbo__container h1 Slack-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?
+ Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
+
+ 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?
- Koodiklinikka on kaikille avoin softakehitykseen keskittynyt yhteisö.
-
- 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') diff --git a/src/js/components/members.jsx b/src/js/components/members.jsx index bd8f547..5e8dcaf 100644 --- a/src/js/components/members.jsx +++ b/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 ( - - - + ); }); return ( -
{members}
+
+ + {members} + +
) } }); diff --git a/src/styles/_input.styl b/src/styles/_input.styl index ca7ba85..92d24b0 100644 --- a/src/styles/_input.styl +++ b/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 diff --git a/src/styles/icons.less b/src/styles/icons.less index 337ce3f..474b210 100644 --- a/src/styles/icons.less +++ b/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; } diff --git a/src/styles/style.styl b/src/styles/style.styl index c59c270..6c51169 100644 --- a/src/styles/style.styl +++ b/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