Hooked up i18n for redesigned contribute view.

app/locale/en.coffee

@@ -568,16 +568,22 @@
   classes:
     archmage_title: "Archmage"
     archmage_title_description: "(Coder)"
+    archmage_summary: "If you are a developer interested in coding educational games, become an archmage to help us build CodeCombat!"
     artisan_title: "Artisan"
     artisan_title_description: "(Level Builder)"
+    artisan_summary: "Build and share levels for you and your friends to play. Become an Artisan to learn the art of teaching others to program."
     adventurer_title: "Adventurer"
     adventurer_title_description: "(Level Playtester)"
+    adventurer_summary: "Get our new levels (even our subscriber content) for free one week early and help us work out bugs before our public release."
     scribe_title: "Scribe"
     scribe_title_description: "(Article Editor)"
+    scribe_summary: "Good code needs good documentation. Write, edit, and improve the docs read by millions of players across the globe."
     diplomat_title: "Diplomat"
     diplomat_title_description: "(Translator)"
+    diplomat_summary: "CodeCombat is localized in 45+ languages by our Diplomats. Help us out and contribute translations."
     ambassador_title: "Ambassador"
     ambassador_title_description: "(Support)"
+    ambassador_summary: "Tame our forum users and provide direction for those with questions. Our ambassadors represent CodeCombat to the world."
 
   editor:
     main_title: "CodeCombat Editors"
@@ -654,6 +660,7 @@
 
   contribute:
     page_title: "Contributing"
+    intro_blurb: "CodeCombat is 100% open source! Hundreds of dedicated players have helped us build the game into what it is today. Join us and write the next chapter in CodeCombat's quest to teach the world to code!"
     character_classes_title: "Character Classes"
     introduction_desc_intro: "We have high hopes for CodeCombat."
     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, "
@@ -663,7 +670,6 @@
     introduction_desc_signature: "- Nick, George, Scott, Michael, and Matt"
     alert_account_message_intro: "Hey there!"
     alert_account_message: "To subscribe for class emails, you'll need to be logged in first."
-    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."
     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."
     class_attributes: "Class Attributes"
     archmage_attribute_1_pref: "Knowledge in "
@@ -678,8 +684,6 @@
     join_url_hipchat: "public HipChat room"
     more_about_archmage: "Learn More About Becoming an Archmage"
     archmage_subscribe_desc: "Get emails on new coding opportunities and announcements."
-    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"
-    artisan_summary_suf: ", then this class is for you."
     artisan_introduction_pref: "We must construct additional levels! People be clamoring for more content, and we can only build so many ourselves. Right now your workstation is level one; our level editor is barely usable even by its creators, so be wary. If you have visions of campaigns spanning for-loops to"
     artisan_introduction_suf: ", then this class might be for you."
     artisan_attribute_1: "Any experience in building content like this would be nice, such as using Blizzard's level editors. But not required!"
@@ -692,7 +696,6 @@
     artisan_join_step4: "Post your levels on the forum for feedback."
     more_about_artisan: "Learn More About Becoming an Artisan"
     artisan_subscribe_desc: "Get emails on level editor updates and announcements."
-    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."
     adventurer_introduction: "Let's be clear about your role: you are the tank. You're 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 might be for you."
     adventurer_attribute_1: "A thirst for learning. You want to learn how to code and we want to teach you how to code. You'll probably be doing most of the teaching in this case, though."
     adventurer_attribute_2: "Charismatic. Be gentle but articulate about what needs improving, and offer suggestions on how to improve."
@@ -701,8 +704,6 @@
     adventurer_join_suf: "so if you prefer to be notified those ways, sign up there!"
     more_about_adventurer: "Learn More About Becoming an Adventurer"
     adventurer_subscribe_desc: "Get emails when there are new levels to test."
-    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 "
-    scribe_summary_suf: " has built. If you enjoy explaining programming concepts, then this class is for you."
     scribe_introduction_pref: "CodeCombat isn't just going to be a bunch of levels. It will also include a resource for knowledge, a wiki of programming concepts that levels can hook into. That way rather than each Artisan having to describe in detail what a comparison operator is, they can simply link their level to the Article describing them that is already written for the player's edification. Something along the lines of what the "
     scribe_introduction_url_mozilla: "Mozilla Developer Network"
     scribe_introduction_suf: " has built. If your idea of fun is articulating the concepts of programming in Markdown form, then this class might be for you."
@@ -711,7 +712,6 @@
     scribe_join_description: "tell us a little about yourself, your experience with programming and what sort of things you'd like to write about. We'll go from there!"
     more_about_scribe: "Learn More About Becoming a Scribe"
     scribe_subscribe_desc: "Get emails about article writing announcements."
-    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."
     diplomat_introduction_pref: "So, if there's one thing we learned from the "
     diplomat_launch_url: "launch in October"
     diplomat_introduction_suf: "it's that there is sizeable interest in CodeCombat in other countries! We're building a corps of translators eager to turn one set of words into another set of words to get CodeCombat as accessible across the world as possible. If you like getting sneak peeks at upcoming content and getting these levels to your fellow nationals ASAP, then this class might be for you."
@@ -724,8 +724,7 @@
     diplomat_join_suf_github: ", edit it online, and submit a pull request. Also, check this box below to keep up-to-date on new internationalization developments!"
     more_about_diplomat: "Learn More About Becoming a Diplomat"
     diplomat_subscribe_desc: "Get emails about i18n developments and levels to translate."
-    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."
+    ambassador_introduction: "This is a community we're building, and you are the connections. We've got forums, emails, and social networks with lots of people to talk with and help get acquainted with the game and learn from. If you want to help people get involved and have fun, and get a good feel of the pulse of CodeCombat and where we're going, then this class might be for you."
-    ambassador_introduction: "This is a community we're building, and you are the connections. We've got Olark chats, emails, and social networks with lots of people to talk with and help get acquainted with the game and learn from. If you want to help people get involved and have fun, and get a good feel of the pulse of CodeCombat and where we're going, then this class might be for you."
     ambassador_attribute_1: "Communication skills. Be able to identify the problems players are having and help them solve them. Also, keep the rest of us informed about what players are saying, what they like and don't like and want more of!"
     ambassador_join_desc: "tell us a little about yourself, what you've done and what you'd be interested in doing. We'll go from there!"
     ambassador_join_note_strong: "Note"

app/styles/contribute/contribute.sass

@@ -12,7 +12,7 @@
     position: absolute
     bottom: 5px
     width: 300px
-    padding: 12px
+    padding: 12px 12px 0 12px
     z-index: 1
     background-color: rgba(255,255,255,.5)
 
@@ -22,4 +22,4 @@
     h3
       color: black
       padding-top: 0px
-      margin-top: 0px
+      margin-top: 0px

app/templates/contribute/contribute.jade

@@ -2,8 +2,9 @@ extends /templates/base
 
 block content
 
-  h2 Contributing
+  h2(data-i18n="contribute.page_title") Contributing
-  p CodeCombat is 100% open source and hundreds of dedicated players have helped us build the games
+  p(data-i18n="contribute.intro_blurb")
+    | CodeCombat is 100% open source! Hundreds of dedicated players have helped us build the game 
     | into what it is today. Join us and write the next chapter in CodeCombat's quest to teach the 
     | world to code!
 
@@ -12,44 +13,48 @@ block content
       img(src="/images/pages/contribute/tile_archmage.png", alt="")
 
       div.class_text
-        h3 Archmage
+        h3
+          span.spr(data-i18n="classes.archmage_title") Archmage
+          span(data-i18n="classes.archmage_title_description")
 
-        p(data-i18n="contribute.short_archmage")
+        p(data-i18n="classes.archmage_summary")
-          | If you are a developer interested in coding educational games, become an archmage
+          | If you are a developer interested in coding educational games, become an archmage to help us build CodeCombat!
-          | to help us build CodeCombat!
 
   a(href="/contribute/artisan")
     div.class_tile
       img.tile-img(src="/images/pages/contribute/tile_artisan.png", alt="")
 
       div.class_text
-        h3 Artisan
+        h3
+          span.spr(data-i18n="classes.artisan_title") Artisan
+          span(data-i18n="classes.artisan_title_description")
 
-        p(data-i18n="contribute.short_artisan")
+        p(data-i18n="classes.artisan_summary")
-          | Build and share levels for you and your friends to play. Become an Artisan to learn
+          | Build and share levels for you and your friends to play. Become an Artisan to learn the art of teaching others to program.
-          | the art of teaching others to program.
 
   a(href="/contribute/adventurer")
     div.class_tile
       img.tile-img(src="/images/pages/contribute/tile_adventurer.png", alt="")
 
       div.class_text
-        h3 Adventurer
+        h3
+          span.spr(data-i18n="classes.adventurer_title") Adventurer
+          span(data-i18n="classes.adventurer_title_description")
 
-        p(data-i18n="contribute.short_adventurer")
+        p(data-i18n="classes.adventurer_summary")
-          | Get our new levels (even our subscriber content) for free one week early and help us
+          | Get our new levels (even our subscriber content) for free one week early and help us work out bugs before our public release.
-          | work out bugs before our public release.
 
   a(href="/contribute/scribe")
     div.class_tile
       img.tile-img(src="/images/pages/contribute/tile_scribe.png", alt="")
 
       div.class_text
-        h3 Scribe
+        h3
+          span.spr(data-i18n="classes.scribe_title") Scribe
+          span(data-i18n="classes.scribe_title_description")
 
-        p(data-i18n="contribute.short_scribe")
+        p(data-i18n="classes.scribe_summary")
-          | Good code needs good documentation. Write,
+          | Good code needs good documentation. Write, edit, and improve the docs read by millions of players across the globe.
-          | edit, and improve the docs read by millions of players across the globe.
 
 
   a(href="/contribute/diplomat")
@@ -58,21 +63,23 @@ block content
       img.tile-img(src="/images/pages/contribute/tile_diplomat.png", alt="")
 
       div.class_text
-        h3 Diplomat
+        h3
+          span.spr(data-i18n="classes.diplomat_title") Diplomat
+          span(data-i18n="classes.diplomat_title_description")
 
-        p(data-i18n="contribute.short_diplomat")
+        p(data-i18n="classes.diplomat_summary")
-          | CodeCombat is localized in 39 languages by our Diplomats. Help them
+          | CodeCombat is localized in 45+ languages by our Diplomats. Help us out and contribute translations.
-          | out and contribute translations.
 
   a(href="/contribute/ambassador")
     div.class_tile
       img.tile-img(src="/images/pages/contribute/tile_ambassador.png", alt="")
 
       div.class_text
-        h3 Ambassador
+        h3
+          span.spr(data-i18n="classes.ambassador_title") Ambassador
+          span(data-i18n="classes.ambassador_title_description")
 
-        p(data-i18n="contribute.short_ambassador")
+        p(data-i18n="classes.ambassador_summary")
-          | Tame our forum users and provide direction for those with questions. Our ambassadors
+          | Tame our forum users and provide direction for those with questions. Our ambassadors represent CodeCombat to the world.
-          | represent CodeCombat to the world.
 
   div.clearfix

app/views/core/RootView.coffee

@@ -44,7 +44,7 @@ module.exports = class RootView extends CocoView
     _.each e.earnedAchievements.models, (earnedAchievement) =>
       achievement = new Achievement(_id: earnedAchievement.get('achievement'))
       achievement.fetch
-        success: (achievement) => @showNewAchievement(achievement, earnedAchievement)
+        success: (achievement) => @showNewAchievement?(achievement, earnedAchievement)
 
   logoutAccount: ->
     Backbone.Mediator.publish("auth:logging-out", {})