extends /templates/base

block content

  div.contribute_class

    include /templates/contribute/contribute_nav

    div.class-main#archmage-main
    
      .class_image
        img.img-responsive(src="/images/pages/contribute/archmage.png", alt="")

      h2
        span(data-i18n="classes.archmage_title") Archmage
        span  
        span(data-i18n="classes.archmage_title_description") (Coder)
      p(data-i18n="contribute.archmage_introduction")
        | One of the best parts about building games is they synthesize so many different things.
        | Graphics, sound, real-time networking, social networking, and of course many of the
        | more common aspects of programming, from low-level database management, 
        | and server administration to user facing design and interface building. 
        | There's a lot to do, and if you're an experienced programmer with a hankering
        | to really dive into the nitty-gritty of CodeCombat, this class might be for you.
        | We would love to have your help building the best programming game ever.
    
      h4(data-i18n="contribute.class_attributes") Class Attributes
      ul
        li
          span(data-i18n="contribute.archmage_attribute_1_pref") Knowledge in 
          a(href="http://coffeescript.org/") CoffeeScript
          span(data-i18n="contribute.archmage_attribute_1_suf")
            | , or a desire to learn. Most of our code is in this language.
            | If you're a fan of Ruby or Python, you'll feel right at home.
            | It's just JavaScript, but with a nicer syntax.
        li(data-i18n="contribute.archmage_attribute_2")
          | Some experience in programming and personal initiative.
          | We'll help you get oriented, but we can't spend much time training you.
      
      h4(data-i18n="contribute.how_to_join") How To Join
      
      p
        span(data-i18n="contribute.join_desc_1")
          | Anyone can help out! Just check out our 
        a(title='GitHub', href="https://github.com/codecombat/codecombat", tabindex=-1)
          | GitHub
        span  
        span(data-i18n="contribute.join_desc_2")  
          | to get started, and check the box below to mark yourself as a brave Archmage and get the latest news by email.
          | Want to chat about what to do or how to get more deeply involved? 
        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="contribute.join_url_email")
          | Email us
        span(data-i18n="contribute.join_desc_3")
          | , or find us in our 
        a(href="http://www.hipchat.com/g3plnOKqa", data-i18n="contribute.join_url_hipchat") public HipChat room
        span  
        span(data-i18n="contribute.join_desc_4")
          | and we'll go from there!

      if me.attributes.anonymous
        div#sign-up.alert.alert-info
          strong(data-i18n="contribute.alert_account_message_intro")
            | Hey there!
          span  
          span(data-i18n="contribute.alert_account_message_pref") 
            | To subscribe for class emails, you'll need to 
          a(data-toggle="coco-modal", data-target="modal/signup", data-i18n="contribute.alert_account_message_create_url")
            | create an account
          span  
          span(data-i18n="contribute.alert_account_message_suf")
          | first.

      label.checkbox(for="developer").well
        input(type='checkbox', name="developer", id="developer")
        span(data-i18n="contribute.archmage_subscribe_desc")
          | Get emails on new coding opportunities and announcements.
        .saved-notification  ✓ Saved

      #Contributors
        h3(data-i18n="contribute.powerful_archmages")
          | Our Powerful Archmages:
        .row
          for contributor in contributors
            .col-xs-8.col-md-4
              .thumbnail
                if contributor.avatar
                  img.img-responsive(src="/images/pages/contribute/archmage/" + contributor.avatar + "_small.png", alt="")
                else
                  img.img-responsive(src="/images/pages/contribute/archmage.png", alt="")
                .caption
                  h4= contributor.name

    div.clearfix