codecombat/app/templates/contribute/contribute.jade

extends /templates/base

block content

  div.contribute_class

    include /templates/contribute/contribute_nav    

    div#contribute-main.class-main
      div#intro

        h2(data-i18n="contribute.page_title") Contributing

        #homepage_screenshot
          img.img-responsive(src="/images/pages/contribute/contribute_header.png", alt="")

        p
          strong(data-i18n="contribute.introduction_desc_intro")
            | We have high hopes for CodeCombat.
          | 
          span(data-i18n="contribute.introduction_desc_pref")  
            | We want to be where programmers of all stripes come to learn and play together, 
            | introduce others to the wonderful world of coding,
            | and reflect the best parts of the community.
            | We can't and don't want to do that alone;
            | what makes projects like GitHub, Stack Overflow and Linux great are the people who
            | use them and build on them.
            | To that end, 
          a(href="https://github.com/codecombat/codecombat", data-i18n="contribute.introduction_desc_github_url")
            | CodeCombat is totally open source
          span(data-i18n="contribute.introduction_desc_suf")
            | , and we aim to provide as many ways as possible for you to take part and
            | make this project as much yours as ours.
        p(data-i18n="contribute.introduction_desc_ending")
          | We hope you'll join our party!
        p(data-i18n="contribute.introduction_desc_signature").signature
          | - Nick, George, Scott, Michael, Jeremy and Glen
        hr

      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.

      #archmage.header-scrolling-fix
        .class_image
          img.img-responsive(src="/images/pages/contribute/archmage.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.archmage_title") Archmage
          span  
          span(data-i18n="classes.archmage_title_description") (Coder)
        p(data-i18n="contribute.archmage_summary")
          | Interested in working on game graphics, user interface design, database and server organization,
          | multiplayer networking, physics, sound, or game engine performance? Want to help build a game to
          | help other people learn what you are good at? We have a lot to do and if you are an experienced
          | programmer and want to develop for CodeCombat, this class is for you. We would love your help
          | building the best programming game ever.

        a(href="/contribute/archmage")
          p.lead(data-i18n="contribute.more_about_archmage")
            | Learn More About Becoming an Archmage

        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
            |  ✓
            span(data-i18n="contribute.saved") Saved

      #artisan.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/artisan.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.artisan_title") Artisan
          span  
          span(data-i18n="classes.artisan_title_description") (Level Builder)
        p
          span(data-i18n="contribute.artisan_summary_pref")
            | Want to design levels and expand CodeCombat's arsenal? People are playing through our
            | content at a pace faster than we can build! Right now, our level editor is barebone, 
            | so be wary. Making levels will be a little challenging and buggy. If you have visions
            | of campaigns spanning for-loops to
          span  
          a(href="http://stackoverflow.com/questions/758088/seeking-contrived-example-code-continuations/758105#758105")
            |  Mondo Bizzaro 
          span  
          span(data-i18n="contribute.artisan_summary_suf")
            | then this class is for you.

        a(href="/contribute/artisan")
          p.lead(data-i18n="contribute.more_about_artisan")
            | Learn More About Becoming An Artisan

        label.checkbox(for="level_creator").well
          input(type='checkbox', name="level_creator", id="level_creator")
          span(data-i18n="contribute.artisan_subscribe_desc")
            | Get emails on level editor updates and announcements.
          .saved-notification
            |  ✓
            span(data-i18n="contribute.saved") Saved

      #adventurer.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/adventurer.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.adventurer_title") Adventurer
          span  
          span(data-i18n="classes.adventurer_title_description") (Level Playtester)
        p(data-i18n="contribute.adventurer_summary")
          | Let us be clear about your role: you are the tank. You are going to take heavy damage.
          | We need people to try out brand-new levels and help identify how to make things better.
          | The pain will be enormous; making good games is a long process and no one gets
          | it right the first time.
          | If you can endure and have a high constitution score, then this class is for you.
        
        a(href="/contribute/adventurer")
          p.lead(data-i18n="contribute.more_about_adventurer")
            | Learn More About Becoming an Adventurer

        label.checkbox(for="tester").well
          input(type='checkbox', name="tester", id="tester")
          span(data-i18n="contribute.adventurer_subscribe_desc")  
            | Get emails when there are new levels to test.
          .saved-notification
            |  ✓
            span(data-i18n="contribute.saved") Saved
    
      #scribe.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/scribe.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.scribe_title") Scribe
          span  
          span(data-i18n="classes.scribe_title_description") (Article Editor)
        p
          span(data-i18n="contribute.scribe_summary_pref")
            | CodeCombat is not just going to be a bunch of levels. It will also be a resource of
            | programming knowledge that players can hook into. That way, each Artisan can link
            | to a detailed article that for the player's edification:
            | documentation akin to what the 
          a(href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide", data-i18n="contribute.scribe_introduction_url_mozilla")
            | Mozilla Developer Network
          span(data-i18n="contribute.scribe_summary_suf")  
            |  has built. If you enjoy explaining programming concepts, then this class is for you.
    
        a(href="/contribute/scribe")
          p.lead(data-i18n="contribute.more_about_scribe")
            | Learn More About Becoming a Scribe

        label.checkbox(for="article_editor").well
          input(type='checkbox', name="article_editor", id="article_editor")
          span(data-i18n="contribute.scribe_subscribe_desc")
            | Get emails about article writing announcements.
          .saved-notification
            |  ✓
            span(data-i18n="contribute.saved") Saved

      #diplomat.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/diplomat.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.diplomat_title") Diplomat
          span  
          span(data-i18n="classes.diplomat_title_description") (Translator)
        p
          span(data-i18n="contribute.diplomat_summary")
            | There is a large interest in CodeCombat in other countries that do not speak English!
            | We are looking for translators who are willing to spend their time translating the 
            | site's corpus of words so that CodeCombat is accessible across the world as soon as 
            | possible. If you'd like to help getting CodeCombat international, then this class is 
            | for you.
    
        a(href="/contribute/diplomat")
          p.lead(data-i18n="contribute.more_about_diplomat")
            | Learn More About Becoming a Diplomat

        label.checkbox(for="translator").well
          input(type='checkbox', name="translator", id="translator")
          span(data-i18n="contribute.diplomat_subscribe_desc")
            | Get emails about i18n developments and levels to translate.
          .saved-notification
            |  ✓
            span(data-i18n="contribute.saved") Saved
      
      #ambassador.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/ambassador.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.ambassador_title") Ambassador
          span  
          span(data-i18n="classes.ambassador_title_description") (Support)
        p(data-i18n="contribute.ambassador_summary")
          | We are trying to build a community, and every community needs a support team when 
          | there are troubles. We have got chats, emails, and social networks so that our users 
          | can get acquainted with the game. If you want to help people get involved, have fun, 
          | and learn some programming, then this class is for you.

        a(href="/contribute/ambassador")
          p.lead(data-i18n="contribute.more_about_ambassador")
            | Learn More About Becoming an Ambassador

        label.checkbox(for="support").well
          input(type='checkbox', name="support", id="support")
          span(data-i18n="contribute.ambassador_subscribe_desc")
            | Get emails on support updates and multiplayer developments.
          .saved-notification
            |  ✓
            span(data-i18n="contribute.saved") Saved

      #counselor.header-scrolling-fix

        .class_image
          img.img-responsive(src="/images/pages/contribute/counselor.png", alt="")

        h3.header-scrolling-fix
          span(data-i18n="classes.counselor_title") Counselor
          span  
          span(data-i18n="classes.counselor_title_description") (Expert/Teacher)
        p(data-i18n="contribute.counselor_summary")
          | None of the above roles fit what you are interested in? Do not worry, we are on the 
          | lookout for anybody who wants a hand in the development of CodeCombat! If you are
          | interested in teaching, game development, open source management, or anything else 
          | that you think will be relevant to us, then this class is for you.
    
        a(href="/contribute/counselor")
          p.lead(data-i18n="contribute.more_about_counselor")
            | Learn More About Becoming a Counselor

    div.clearfix