doctype html
html
  head
    title Yhdistys
    // inject:css
    // endinject
    meta(name='description', content='Koodiklinikka on suomalainen Slack-yhteisö ohjelmistoalan harrastajille ja ammattilaisille.')
    meta(name='keywords', content='ohjelmointi,frontend,open source,devaus,suomi,javascript,clojure,go,java,node.js,io.js,angular.js,web')
    meta(charset='utf-8')
    meta(name='viewport', content='width=device-width, initial-scale=1')
    meta(name='apple-mobile-web-app-capable', content='yes')

    script.
      if(location.hostname === 'koodiklinikka.fi' && location.protocol !== 'https:') {
        location.protocol = 'https';
      }
    link(rel='apple-touch-icon', sizes='57x57', href='icons/apple-touch-icon-57x57.png')
    link(rel='apple-touch-icon', sizes='114x114', href='icons/apple-touch-icon-114x114.png')
    link(rel='apple-touch-icon', sizes='72x72', href='icons/apple-touch-icon-72x72.png')
    link(rel='apple-touch-icon', sizes='144x144', href='icons/apple-touch-icon-144x144.png')
    link(rel='apple-touch-icon', sizes='60x60', href='icons/apple-touch-icon-60x60.png')
    link(rel='apple-touch-icon', sizes='120x120', href='icons/apple-touch-icon-120x120.png')
    link(rel='apple-touch-icon', sizes='76x76', href='icons/apple-touch-icon-76x76.png')
    link(rel='apple-touch-icon', sizes='152x152', href='icons/apple-touch-icon-152x152.png')
    link(rel='apple-touch-icon', sizes='180x180', href='icons/apple-touch-icon-180x180.png')
    link(rel='icon', type='image/png', href='icons/favicon-192x192.png', sizes='192x192')
    link(rel='icon', type='image/png', href='icons/favicon-160x160.png', sizes='160x160')
    link(rel='icon', type='image/png', href='icons/favicon-96x96.png', sizes='96x96')
    link(rel='icon', type='image/png', href='icons/favicon-16x16.png', sizes='16x16')
    link(rel='icon', type='image/png', href='icons/favicon-32x32.png', sizes='32x32')
    link(rel='shortcut icon', href='icons/favicon.ico')
    link(rel='icon', href='icons/favicon.ico')
    meta(name='msapplication-TileColor', content='#10558c')
    meta(name='msapplication-TileImage', content='icons/mstile-144x144.png')
    meta(property='og:image', content='images/logo.png')
    script(src='https://js.stripe.com/v3/')
    script(src='//use.typekit.net/scb5xny.js')
    script.
      try{Typekit.load();}catch(e){};

  body
    .site
      .container
        .header
          .header__container
            .header__nav
              a(href='/') etusivu
              a(href='/yhdistys.html') yhdistys
            .header__headline
              .header__logo
              h1.header__title Koodiklinikka ry
          .header__members
            #members

        .content
          section
            .row
              .bread
                .column.column1-2
                  h3 Rekisteröity yhdistys
                  p.
                    Koodiklinikka on nyt rekisteröity yhdistys!
                  p.
                    Lähes kolmivuotisen taipaleensa aikana Koodiklinikka on kasvanut lähes tuhannen rekisteröityneen jäsenen yhteisöiksi ja näin saavuttanut aseman Suomen suurimpana ohjelmointiaiheisena yhteisönä! Liittymällä Koodiklinikka ry:n jäseneksi tuet toimintaamme, ja tulevaisuudessa yhdityksen jäsenyys oikeuttaa etuihin Koodiklinikan tapahtumissa.
                  p.
                    Yhdistyksen jäsenyys <b>ei ole</b>, eikä tule olemaan, <b>pakollinen</b> Koodiklinikan käyttäjille tai meetuppeihin osallistujille.
                .column.column1-2
                  .bread-img
            .row
              .bread
                .column.column1-2
                  h3 Liity jäseneksi
                  #membership-form.form

                .column.column1-2
                  p.
                    Kuka tahansa Slack:iin rekisteröitynyt käyttäjä voi liittyä yhdistyksen jäseneksi maksamalla kertaluontoisen <b>10€</b> jäsenmaksun.
                  p.
                    Nimellisellä jäsenmaksulla tulemme tekemään tapahtumistamme vieläkin mielenkiintoisempia ja kattamaan kustannuksia jäsenmäärämme kasvaessa.
                  p.
                    Jos tarvitset Slack-kutsun, siirry <a target="_blank" href="/">etusivulle</a>.
                  p.
                    Jäsenrekisterin rekisteriseloste luettavissa <a target="_blank" href="https://docs.google.com/document/d/1w-NZkf1EFYMC8a4LsoZouhpMVKORmPi8UFWRhurr0oM/edit?usp=sharing">Google Drivessä</a>.


      footer
        .sponsors
          .sponsors__label Yhteistyössä
          a(href='http://futurice.com/', target='_blank')
            img.sponsor.sponsor__futurice(src='images/futurice.svg')
          a(href='http://www.metosin.fi/', target='_blank')
            img.sponsor.sponsor__metosin(src='images/metosin.svg')
          a(href='https://www.solita.fi/', target='_blank')
            img.sponsor(src='images/solita.svg')
          a(href='http://leonidasoy.fi/', target='_blank')
            img.sponsor.sponsor__leonidas(src='images/leonidas.png')
          a(href='https://www.nordea.com/', target='_blank')
            img.sponsor.sponsor__nordea(src='images/nordea.png')

        .contacts
          div
            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://twitter.com/koodiklinikka')
              i.fa.fa-twitter

            a(href='https://www.linkedin.com/groups/12025476')
              i.fa.fa-linkedin

            a(href='https://www.facebook.com/koodiklinikka')
              i.fa.fa-facebook
            div#email

    #fader
    // inject:js
    // endinject