<commit_before>extends /templates/base-flat

block content
  .style-flat(data-spy="scroll", data-target="#nav-container")
    .container-fluid#jumbotron
      .container
        .row
          //TODO: Size these correctly
          .col-xs-10
            h1(data-i18n="about.main_title")
        .row
          .col-xs-8
            h2(data-i18n="about.main_description")

    #nav-container
      nav#fixed-nav.nav.navbar
        .container-fluid.text-center
          ul.center-block
            li.active
              a(href="#mission")#mission-link
                small.label(data-i18n="about.mission_link")
            li
              a(href="#team")#team-link
                small.label(data-i18n="about.team_link")
            li
              a(href="#community")#community-link
                small.label(data-i18n="nav.community")
            li
              a(href="#story")#story-link
                small.label(data-i18n="about.story_link")
            li
              a(href="#careers")#careers-link
                small.label(data-i18n="nav.careers")
            li
              a(href="#contact")#contact-link
                small.label(data-i18n="about.press_link")

    #about-container.container
      #mission.anchor.row
        .col-sm-6#mission-graphic.responsive-side-margins
          img(src="/images/pages/about/globe_white.png")
          h2(data-i18n="about.mission_title")
          #mission-graphic-filler
        .col-sm-5.col-sm-offset-1
          #mission-text.responsive-side-margins
            p(data-i18n="[html]about.mission_description_1")
            p(data-i18n="[html]about.mission_description_2")

      #team.anchor
        .text-center
          h3(data-i18n="about.team_title")
          h4.responsive-side-margins(data-i18n="about.team_values")
        ul
          // Full time
          li
            a(href="http://www.nickwinter.net" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/nick-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/nick-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.nickwinter.net" rel="external") <NAME>
              small(data-i18n="about.nick_title")
              br

          li
            a(href="http://www.mattlott.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/matt-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/matt-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.mattlott.com/" rel="external") <NAME>
              small(data-i18n="about.matt_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/maka-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/maka-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name Michael 'Maka' Gradin
              small(data-i18n="about.maka_title")
              br

          li
            a(href="http://robinyang.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/robin-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/robin-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://robinyang.com/" rel="external") <NAME>
              small(data-i18n="about.robin_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/lisa-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/lisa-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.lisa_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/sean-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/sean-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.sean_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/liz-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/liz-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.liz_title")
              br

          li
            a(href="https://www.linkedin.com/in/jane-park-90bb11b/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/jane-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/jane-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://www.linkedin.com/in/jane-park-90bb11b/" rel="external") <NAME>
              small(data-i18n="about.jane_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/dchase-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/dchase-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.david_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/shubhangi-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/shubhangi-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Software Engineer
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/robarev-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/robarev-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Partnership Manager
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/lawrence-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/lawrence-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Partnership Manager
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/vicki-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/vicki-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Director of Education
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-headshots/chethana-headshot.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/chethana-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Senior Software Engineer
              br

          li
            a(href="https://www.linkedin.com/in/stephanie-rockett-phd-b63a0464/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/stephanie-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/stephanie-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://www.linkedin.com/in/stephanie-rockett-phd-b63a0464/" rel="external") <NAME>
              small Customer Support Specialist
              br

          li
            a(href="https://andrewjakubowicz.github.io/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/andrew-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/andrew-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://andrewjakubowicz.github.io/" rel="external") <NAME>
              small Software Engineer
              br

          li
            a(href="http://www.magicalunderworld.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/brian-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/brian-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.magicalunderworld.com/" rel="external") <NAME>
              small Lead Game Designer
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-headshots/bobby-headshot.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/bobby-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Game Designer
              br

        ul
          // Part time / contract
          li
            a(href="http://bryukh.com" rel="external")
              img(src="/images/pages/about/bryukh_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://bryukh.com" rel="external") <NAME>
              small Gameplay Developer
              br

          li
            a(href="http://danielalao.com" rel="external")
              img(src="/images/pages/about/daniela_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://danielalao.com" rel="external") <NAME>
              small(data-i18n="about.daniela_title")
              small(data-i18n="about.daniela_blurb")

          li
            a(href="http://retrostylegames.com/" rel="external")
              img(src="/images/pages/about/pavel_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://retrostylegames.com/" rel="external") <NAME>
              small(data-i18n="about.retrostyle_title")
              small(data-i18n="about.retrostyle_blurb")

          li
            a(href="http://retrostylegames.com/" rel="external")
              img(src="/images/pages/about/oleg_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://retrostylegames.com/" rel="external") <NAME>
              small(data-i18n="about.retrostyle_title")
              small(data-i18n="about.retrostyle_blurb")

      #community.anchor
        #community-row-1.row.text-center
          .col-sm-12
          .text-center
            h3(data-i18n="about.community_title")
            h4(data-i18n="about.community_subtitle")
            img(src="/images/pages/about/github_avatars.png")#community-avatars

        #community-row-2.row
          .col-sm-5
            p.responsive-side-margins
              span.spr(data-i18n="about.community_description_3")
              a(href="/community")
                span(data-i18n="about.community_description_link_2")
              span ,
              span.spr(data-i18n="about.community_description_1")
              a(href="/contribute")
                span(data-i18n="about.community_description_link")
              span.spl(data-i18n="about.community_description_2")
          .col-sm-6.col-sm-offset-1#community-graphic.responsive-side-margins
            h2(data-i18n="about.number_contributors")
            img(src="/images/pages/about/github.png")
            #community-graphic-filler

      #story.anchor
        .text-center
          h3(data-i18n="about.story_title")
          h4.responsive-side-margins(data-i18n="about.story_subtitle")
        .row
          #story-graphic-1.col-lg-6
            .media
              .pull-left
                img.media-object#story-image-1(src="/images/pages/about/character_silouhette.png")
              .media-body
                .media-heading.text-h1
                  span(data-i18n="about.story_statistic_1a")
                  br
                  span(data-i18n="about.story_statistic_1b")
                p.text-h5(data-i18n="about.story_statistic_1c")

          .col-lg-5.col-lg-offset-1
            #story-graphic-2
              .media
                p.text-h5(data-i18n="about.story_statistic_2a")
                .pull-right
                  img(src="/images/pages/about/globe_green.png")
                .media-body
                  .media-heading.text-h1(data-i18n="about.story_statistic_2b")

        #story-graphic-3.text-center
          p
            div.text-h5(data-i18n="about.story_statistic_3a")
            #story-bracketed-text
              div#left-bracket
                img(src="/images/pages/about/bracket_left.png")
              div.text-h1(data-i18n="about.story_statistic_3b")
              div#right-bracket
                img(src="/images/pages/about/bracket_right.png")
          #story-languages
            .text-center
              .text-h5(data-i18n="about.story_statistic_3c")
            #language-icons.text-center(title="JavaScript, Python, HTML, CSS, jQuery, Bootstrap")
              img.hidden-xs(src="/images/pages/about/new_languages.png")
              img.hidden-sm.hidden-md.hidden-lg(src="/images/pages/about/new_languages_xs.png")

        #story-graphic-4.text-center
          p
            div.text-h5(data-i18n="about.story_long_way_1")
            figure
              img(src="/images/pages/about/sketch.png")
              figcaption
                small(data-i18n="about.story_sketch_caption")
          p
            .text-h5(data-i18n="about.story_long_way_2")

      #careers.anchor
        .text-center
          h3(data-i18n="about.jobs_title")
          //- h4(data-i18n="about.jobs_subtitle")
        #careers-row.row
          .col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
            #benefits
              h5(data-i18n="about.jobs_benefits")
              ul
                li.small
                  a.benefits-link(href='http://blog.triplebyte.com/fixing-the-inequity-of-startup-equity', data-i18n="about.jobs_benefit_9")
                li.small(data-i18n="about.jobs_benefit_6")
                li.small(data-i18n="about.jobs_benefit_10")
                li.small(data-i18n="about.jobs_benefit_11")
                li.small(data-i18n="about.jobs_benefit_4")
                li.small(data-i18n="about.jobs_benefit_5")
                li.small(data-i18n="about.jobs_benefit_7")
          .col-sm-6.col-md-5.col-lg-4
            .job-listing
               h5 China General Manager
                 .text-center
                   small.label
                     | Beijing • Full-time
                 p.small Lead CodeCombat’s expansion into China and build CodeCombat’s Chinese team from Beijing.
                 p.small If you are an entrepreneurial leader passionate about the future of education in China, let’s work together to bring the best game-based coding education platform to the largest education market on the planet.
                 a.job-link.btn.btn-lg.btn-navy(href="https://jobs.lever.co/codecombat/2e187363-7554-45cb-92aa-29f322296942?lever-origin=applied&lever-source%5B%5D=CodeCombat" rel="external")
                  span(data-i18n="about.learn_more")
          .col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
            .job-listing
               h5 Curriculum Developer
                 .text-center
                   small.label
                     | San Francisco • Full-time
                 p.small Create computer science instructional content for middle and high school students and teachers.
                 p.small If you know how to teach, how to write, and how to code, then join a fast-paced, highly collaborative team of creative professionals on a mission to make a difference for kids.
                 a.job-link.btn.btn-lg.btn-navy(href="https://jobs.lever.co/codecombat/dee46cce-35e9-4040-bf5b-014201482647?lever-origin=applied&lever-source%5B%5D=CodeCombat" rel="external")
                  span(data-i18n="about.learn_more")
          .col-sm-6.col-md-5.col-lg-4
            .job-listing
               h5 Engineering Manager<commit_msg>Update /about#careers remove CD role<commit_after>extends /templates/base-flat

block content
  .style-flat(data-spy="scroll", data-target="#nav-container")
    .container-fluid#jumbotron
      .container
        .row
          //TODO: Size these correctly
          .col-xs-10
            h1(data-i18n="about.main_title")
        .row
          .col-xs-8
            h2(data-i18n="about.main_description")

    #nav-container
      nav#fixed-nav.nav.navbar
        .container-fluid.text-center
          ul.center-block
            li.active
              a(href="#mission")#mission-link
                small.label(data-i18n="about.mission_link")
            li
              a(href="#team")#team-link
                small.label(data-i18n="about.team_link")
            li
              a(href="#community")#community-link
                small.label(data-i18n="nav.community")
            li
              a(href="#story")#story-link
                small.label(data-i18n="about.story_link")
            li
              a(href="#careers")#careers-link
                small.label(data-i18n="nav.careers")
            li
              a(href="#contact")#contact-link
                small.label(data-i18n="about.press_link")

    #about-container.container
      #mission.anchor.row
        .col-sm-6#mission-graphic.responsive-side-margins
          img(src="/images/pages/about/globe_white.png")
          h2(data-i18n="about.mission_title")
          #mission-graphic-filler
        .col-sm-5.col-sm-offset-1
          #mission-text.responsive-side-margins
            p(data-i18n="[html]about.mission_description_1")
            p(data-i18n="[html]about.mission_description_2")

      #team.anchor
        .text-center
          h3(data-i18n="about.team_title")
          h4.responsive-side-margins(data-i18n="about.team_values")
        ul
          // Full time
          li
            a(href="http://www.nickwinter.net" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/nick-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/nick-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.nickwinter.net" rel="external") <NAME>
              small(data-i18n="about.nick_title")
              br

          li
            a(href="http://www.mattlott.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/matt-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/matt-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.mattlott.com/" rel="external") <NAME>
              small(data-i18n="about.matt_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/maka-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/maka-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name Michael 'Maka' Gradin
              small(data-i18n="about.maka_title")
              br

          li
            a(href="http://robinyang.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/robin-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/robin-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://robinyang.com/" rel="external") <NAME>
              small(data-i18n="about.robin_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/lisa-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/lisa-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.lisa_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/sean-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/sean-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.sean_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/liz-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/liz-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.liz_title")
              br

          li
            a(href="https://www.linkedin.com/in/jane-park-90bb11b/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/jane-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/jane-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://www.linkedin.com/in/jane-park-90bb11b/" rel="external") <NAME>
              small(data-i18n="about.jane_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/dchase-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/dchase-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small(data-i18n="about.david_title")
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/shubhangi-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/shubhangi-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Software Engineer
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/robarev-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/robarev-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Partnership Manager
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/lawrence-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/lawrence-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Partnership Manager
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-avatars/vicki-avatar.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/vicki-headshot.jpg").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Director of Education
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-headshots/chethana-headshot.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/chethana-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Senior Software Engineer
              br

          li
            a(href="https://www.linkedin.com/in/stephanie-rockett-phd-b63a0464/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/stephanie-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/stephanie-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://www.linkedin.com/in/stephanie-rockett-phd-b63a0464/" rel="external") <NAME>
              small Customer Support Specialist
              br

          li
            a(href="https://andrewjakubowicz.github.io/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/andrew-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/andrew-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="https://andrewjakubowicz.github.io/" rel="external") <NAME>
              small Software Engineer
              br

          li
            a(href="http://www.magicalunderworld.com/" rel="external")
              .profile-pic
                img(src="/images/pages/about/team-avatars/brian-avatar.png").img-thumbnail.avatar
                img(src="/images/pages/about/team-headshots/brian-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name
                a(href="http://www.magicalunderworld.com/" rel="external") <NAME>
              small Lead Game Designer
              br

          li
            .profile-pic
              img(src="/images/pages/about/team-headshots/bobby-headshot.png").img-thumbnail.avatar
              img(src="/images/pages/about/team-headshots/bobby-headshot.png").img-thumbnail.headshot
            .team-bio
              h6.label.team-name <NAME>
              small Game Designer
              br

        ul
          // Part time / contract
          li
            a(href="http://bryukh.com" rel="external")
              img(src="/images/pages/about/bryukh_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://bryukh.com" rel="external") <NAME>
              small Gameplay Developer
              br

          li
            a(href="http://danielalao.com" rel="external")
              img(src="/images/pages/about/daniela_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://danielalao.com" rel="external") <NAME>
              small(data-i18n="about.daniela_title")
              small(data-i18n="about.daniela_blurb")

          li
            a(href="http://retrostylegames.com/" rel="external")
              img(src="/images/pages/about/pavel_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://retrostylegames.com/" rel="external") <NAME>
              small(data-i18n="about.retrostyle_title")
              small(data-i18n="about.retrostyle_blurb")

          li
            a(href="http://retrostylegames.com/" rel="external")
              img(src="/images/pages/about/oleg_small.png").img-thumbnail
            .team-bio
              h6.label.team-name
                a(href="http://retrostylegames.com/" rel="external") <NAME>
              small(data-i18n="about.retrostyle_title")
              small(data-i18n="about.retrostyle_blurb")

      #community.anchor
        #community-row-1.row.text-center
          .col-sm-12
          .text-center
            h3(data-i18n="about.community_title")
            h4(data-i18n="about.community_subtitle")
            img(src="/images/pages/about/github_avatars.png")#community-avatars

        #community-row-2.row
          .col-sm-5
            p.responsive-side-margins
              span.spr(data-i18n="about.community_description_3")
              a(href="/community")
                span(data-i18n="about.community_description_link_2")
              span ,
              span.spr(data-i18n="about.community_description_1")
              a(href="/contribute")
                span(data-i18n="about.community_description_link")
              span.spl(data-i18n="about.community_description_2")
          .col-sm-6.col-sm-offset-1#community-graphic.responsive-side-margins
            h2(data-i18n="about.number_contributors")
            img(src="/images/pages/about/github.png")
            #community-graphic-filler

      #story.anchor
        .text-center
          h3(data-i18n="about.story_title")
          h4.responsive-side-margins(data-i18n="about.story_subtitle")
        .row
          #story-graphic-1.col-lg-6
            .media
              .pull-left
                img.media-object#story-image-1(src="/images/pages/about/character_silouhette.png")
              .media-body
                .media-heading.text-h1
                  span(data-i18n="about.story_statistic_1a")
                  br
                  span(data-i18n="about.story_statistic_1b")
                p.text-h5(data-i18n="about.story_statistic_1c")

          .col-lg-5.col-lg-offset-1
            #story-graphic-2
              .media
                p.text-h5(data-i18n="about.story_statistic_2a")
                .pull-right
                  img(src="/images/pages/about/globe_green.png")
                .media-body
                  .media-heading.text-h1(data-i18n="about.story_statistic_2b")

        #story-graphic-3.text-center
          p
            div.text-h5(data-i18n="about.story_statistic_3a")
            #story-bracketed-text
              div#left-bracket
                img(src="/images/pages/about/bracket_left.png")
              div.text-h1(data-i18n="about.story_statistic_3b")
              div#right-bracket
                img(src="/images/pages/about/bracket_right.png")
          #story-languages
            .text-center
              .text-h5(data-i18n="about.story_statistic_3c")
            #language-icons.text-center(title="JavaScript, Python, HTML, CSS, jQuery, Bootstrap")
              img.hidden-xs(src="/images/pages/about/new_languages.png")
              img.hidden-sm.hidden-md.hidden-lg(src="/images/pages/about/new_languages_xs.png")

        #story-graphic-4.text-center
          p
            div.text-h5(data-i18n="about.story_long_way_1")
            figure
              img(src="/images/pages/about/sketch.png")
              figcaption
                small(data-i18n="about.story_sketch_caption")
          p
            .text-h5(data-i18n="about.story_long_way_2")

      #careers.anchor
        .text-center
          h3(data-i18n="about.jobs_title")
          //- h4(data-i18n="about.jobs_subtitle")
        #careers-row.row
          .col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
            #benefits
              h5(data-i18n="about.jobs_benefits")
              ul
                li.small
                  a.benefits-link(href='http://blog.triplebyte.com/fixing-the-inequity-of-startup-equity', data-i18n="about.jobs_benefit_9")
                li.small(data-i18n="about.jobs_benefit_6")
                li.small(data-i18n="about.jobs_benefit_10")
                li.small(data-i18n="about.jobs_benefit_11")
                li.small(data-i18n="about.jobs_benefit_4")
                li.small(data-i18n="about.jobs_benefit_5")
                li.small(data-i18n="about.jobs_benefit_7")
          .col-sm-6.col-md-5.col-lg-4
            .job-listing
               h5 China General Manager
                 .text-center
                   small.label
                     | Beijing • Full-time
                 p.small Lead CodeCombat’s expansion into China and build CodeCombat’s Chinese team from Beijing.
                 p.small If you are an entrepreneurial leader passionate about the future of education in China, let’s work together to bring the best game-based coding education platform to the largest education market on the planet.
                 a.job-link.btn.btn-lg.btn-navy(href="https://jobs.lever.co/codecombat/2e187363-7554-45cb-92aa-29f322296942?lever-origin=applied&lever-source%5B%5D=CodeCombat" rel="external")
                  span(data-i18n="about.learn_more")
          .col-sm-6.col-md-5.col-md-offset-1.col-lg-4.col-lg-offset-0
            .job-listing
               h5 Engineering Manager
{'fraction_non_alphanumeric': 0.1296971181820966, 'fraction_numerical': 0.017640033075062015, 'mean_word_length': 1.6500568089595844, 'pattern_counts': {'":': 0, '<': 45, '<?xml version=': 0, '>': 45, 'https://': 15, 'lorem ipsum': 0, 'www.': 20, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 3, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3273198', 'n_tokens_mistral': 10506, 'n_tokens_neox': 9960, 'n_words': 1022}