doctype html
html
  head
    title Koodiklinikka
    link(rel='stylesheet', href='css/style.css')
    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')

    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')

    script(src='//use.typekit.net/scb5xny.js')
    script.
      try{Typekit.load();}catch(e){};

  body
    .jumbo
      #logo
      video(autoplay, loop, poster='images/poster.jpg')
        source(src='videos/jumbo.mp4', type='video/mp4')

      .jumbo__container
        h1 <a target="_blank" href="https://slack.com/">Slack</a>-yhteisö kaikille ohjelmoinnista ja ohjelmistoalasta kiinnostuneille harrastajille ja ammattilaisille.

    .content
      section
        .row
          h3 Tule mukaan
          #invite-form

      section
        .row
          .column.column3-5
            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ö.<br />
              <br />
              Tarkoituksenamme on yhdistää ja kasvattaa suomalaista ohjelmointiyhteisöä, sekä tarjota apua ja uusia kontakteja ohjelmoinnista innostuneille nuorille.
          .column.column2-5
            #members



      #feed



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


    script(src='js/bundle.js')