diff --git a/src/assets/images/slack.png b/src/assets/images/slack.png new file mode 100644 index 0000000..ec9d266 Binary files /dev/null and b/src/assets/images/slack.png differ diff --git a/src/jade/index.jade b/src/jade/index.jade index af3648c..d9e2d34 100644 --- a/src/jade/index.jade +++ b/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ä Github-organisaatiomme sivulta. |Organisaation jäseneksi otamme kaikki Slack-yhteisömme jäsenet ja kontribuutio projekteihimme otetaan lämpimästi vastaan. + #members #feed diff --git a/src/styles/style.styl b/src/styles/style.styl index 091a2d7..53114b8 100644 --- a/src/styles/style.styl +++ b/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%