Merge branch 'codecombat-master'

Conflicts:
	app/views/docs/ComponentDocumentationView.coffee
	app/views/editor/level/LevelEditView.coffee

app/Router.coffee

@@ -6,7 +6,10 @@ NotFoundView = require('views/NotFoundView')
 go = (path) -> -> @routeDirectly path, arguments
 
 module.exports = class CocoRouter extends Backbone.Router
-  subscribe: ->
+
+  initialize: ->
+    # http://nerds.airbnb.com/how-to-add-google-analytics-page-tracking-to-57536
+    @bind 'route', @_trackPageView
     Backbone.Mediator.subscribe 'gapi-loaded', @onGPlusAPILoaded, @
     Backbone.Mediator.subscribe 'router:navigate', @onNavigate, @
 
@@ -14,12 +17,24 @@ module.exports = class CocoRouter extends Backbone.Router
     '': go('HomeView')
 
     'about': go('AboutView')
-    'admin': go('AdminView')
+    
+    'account/profile(/:userID)': go('account/JobProfileView')
+    'account/settings': go('account/AccountSettingsView')
+    'account/unsubscribe': go('account/UnsubscribeView')
+    
+    'admin': go('admin/MainAdminView')
+    'admin/candidates': go('admin/CandidatesView')
+    'admin/clas': go('admin/CLAsView')
+    'admin/employers': go('admin/EmployersListView')
+    'admin/files': go('admin/FilesView')
+    'admin/level-sessions': go('admin/LevelSessionsView')
+    'admin/users': go('admin/UsersView')
 
     'beta': go('HomeView')
 
     'cla': go('CLAView')
     'community': go('CommunityView')
+    
     'contribute': go('contribute/MainContributeView')
     'contribute/adventurer': go('contribute/AdventurerView')
     'contribute/ambassador': go('contribute/AmbassadorView')
@@ -28,71 +43,84 @@ module.exports = class CocoRouter extends Backbone.Router
     'contribute/diplomat': go('contribute/DiplomatView')
     'contribute/scribe': go('contribute/ScribeView')
 
+    'db/*path': 'routeToServer'
     'demo(/*subpath)': go('DemoView')
+    'docs/components': go('docs/ComponentDocumentationView')
     
     'editor': go('editor/MainEditorView')
-    'employers': go('EmployersView')
+
+    'editor/achievement': go('editor/achievement/AchievementSearchView')
+    'editor/achievement': go('editor/achievement/AchievementEditView')
+    'editor/article': go('editor/article/ArticleSearchView')
+    'editor/article/preview': go('editor/article/ArticlePreviewView')
+    'editor/article/:articleID': go('editor/article/ArticleEditView')
+    'editor/level': go('editor/level/LevelSearchView')
+    'editor/level/:levelID': go('editor/level/LevelEditView')
+    'editor/thang': go('editor/thang/ThangTypeSearchView')
+    'editor/thang/:thangID': go('editor/thang/ThangTypeEditView')
     
+    'employers': go('EmployersView')
+
+    'file/*path': 'routeToServer'
+
     'legal': go('LegalView')
     
     'multiplayer': go('MultiplayerView')
 
     'play': go('play/MainPlayView')
+    'play/ladder/:levelID': go('play/ladder/LadderView')
+    'play/ladder': go('play/ladder/MainLadderView')
+    'play/level/:levelID': go('play/level/PlayLevelView')
+    'play/spectate/:levelID': go('play/SpectateView')
+
     'preview': go('HomeView')
 
     'teachers': go('TeachersView')
+    
     'test(/*subpath)': go('TestView')
 
+    '*name': 'showNotFoundView'
 
-    # editor views tend to have the same general structure
-    'editor/:model(/:slug_or_id)(/:subview)': 'editorModelView'
+  routeToServer: (e) ->
+    window.location.href = window.location.href
 
-    # Direct links
-
-
-    'play/ladder/:levelID': go('play/ladder/ladder_view')
-    'play/ladder': go('play/ladder_home')
-
-    # db and file urls call the server directly
-    'db/*path': 'routeToServer'
-    'file/*path': 'routeToServer'
-
-    # most go through here
-    '*name': 'general'
-
-  home:           -> @openRoute('home')
-  general: (name) ->
-    @openRoute(name)
-
-  editorModelView: (modelName, slugOrId, subview) ->
-    modulePrefix = "views/editor/#{modelName}/"
-    suffix = subview or (if slugOrId then 'edit' else 'home')
-    ViewClass = @tryToLoadModule(modulePrefix + suffix)
-    unless ViewClass
-      #console.log('could not hack it', modulePrefix + suffix)
-      args = (a for a in arguments when a)
-      args.splice(0, 0, 'editor')
-      return @openRoute(args.join('/'))
-    view = new ViewClass({}, slugOrId)
+  routeDirectly: (path, args) ->
+    path = "views/#{path}"
+    ViewClass = @tryToLoadModule path
+    return @openView @notFoundView() if not ViewClass
+    view = new ViewClass({}, args...)  # options, then any path fragment args
     view.render()
-    @openView if view then view else @notFoundView()
-
-  cache: {}
-  openRoute: (route) ->
-    route = route.split('?')[0]
-    route = route.split('#')[0]
-    view = @getViewFromCache(route)
     @openView(view)
 
+  tryToLoadModule: (path) ->
+    try
+      return require(path)
+    catch error
+      if error.toString().search('Cannot find module "' + path + '" from') is -1
+        throw error
+
+  showNotFoundView: ->
+    @openView @notFoundView()
+
+  notFoundView: ->
+    view = new NotFoundView()
+    view.render()
+
   openView: (view) ->
     @closeCurrentView()
     $('#page-container').empty().append view.el
     window.currentView = view
     @activateTab()
     @renderLoginButtons()
-    window.scrollTo(0, view.scrollY) if view.scrollY?
     view.afterInsert()
-    view.didReappear() if view.fromCache
+    view.didReappear()
+
+  closeCurrentView: ->
+    if window.currentView?.reloadOnClose
+      return document.location.reload()
+    window.currentModal?.hide?()
+    return unless window.currentView?
+    window.currentView.destroy()
 
   onGPlusAPILoaded: =>
     @renderLoginButtons()
@@ -117,71 +145,10 @@ module.exports = class CocoRouter extends Backbone.Router
       else
         console.warn 'Didn\'t have gapi.signin to render G+ login button. (DoNotTrackMe extension?)'
 
-  getViewFromCache: (route) ->
-    if route of @cache
-      @cache[route].fromCache = true
-      return @cache[route]
-    view = @getView(route)
-    @cache[route] = view if view?.cache
-    return view
-
-  routeDirectly: (path, args) ->
-    if window.currentView?.reloadOnClose
-      return document.location.reload()
-    path = "views/#{path}"
-    ViewClass = @tryToLoadModule path
-    return @openView @notFoundView() if not ViewClass
-    view = new ViewClass({}, args...)  # options, then any path fragment args
-    view.render()
-    @openView(view)
-
-  getView: (route, suffix='_view') ->
-    # iteratively breaks down the url pieces looking for the view
-    # passing the broken off pieces as args. This way views like 'resource/14394893'
-    # will get passed to the resource view with arg '14394893'
-    pieces = _.string.words(route, '/')
-    split = Math.max(1, pieces.length-1)
-    while split > -1
-      sub_route = _.string.join('/', pieces[0..split]...)
-      path = "views/#{sub_route}#{suffix}"
-      ViewClass = @tryToLoadModule(path)
-      break if ViewClass
-      split -= 1
-
-    return @notFoundView() if not ViewClass
-    args = pieces[split+1..]
-    view = new ViewClass({}, args...)  # options, then any path fragment args
-    view.render()
-
-  tryToLoadModule: (path) ->
-    try
-      return require(path)
-    catch error
-      if error.toString().search('Cannot find module "' + path + '" from') is -1
-        throw error
-
-  notFoundView: ->
-    view = new NotFoundView()
-    view.render()
-
-  closeCurrentView: ->
-    window.currentModal?.hide?()
-    return unless window.currentView?
-    if window.currentView.cache
-      window.currentView.scrollY = window.scrollY
-      window.currentView.willDisappear()
-    else
-      window.currentView.destroy()
-
   activateTab: ->
     base = _.string.words(document.location.pathname[1..], '/')[0]
     $("ul.nav li.#{base}").addClass('active')
 
-  initialize: ->
-    @cache = {}
-    # http://nerds.airbnb.com/how-to-add-google-analytics-page-tracking-to-57536
-    @bind 'route', @_trackPageView
-
   _trackPageView: ->
     window.tracker?.trackPageView()
 
@@ -196,6 +163,3 @@ module.exports = class CocoRouter extends Backbone.Router
       @openView view
     else
       @openView e.view
-
-  routeToServer: (e) ->
-    window.location.href = window.location.href

app/application.coffee

@@ -35,7 +35,7 @@ preload = (arrayOfImages) ->
     $('<img/>')[0].src = @
 
 Application = initialize: ->
-  Router = require('lib/Router')
+  Router = require('Router')
   @tracker = new Tracker()
   @facebookHandler = new FacebookHandler()
   @gplusHandler = new GPlusHandler()
@@ -53,7 +53,6 @@ Application = initialize: ->
     #resPostPath: '/languages/add/__lng__/__ns__'
   }, (t) =>
     @router = new Router()
-    @router.subscribe()
     onIdleChanged = (to) => => Backbone.Mediator.publish 'application:idle-changed', idle: @userIsIdle = to
     @idleTracker = new Idle
       onAway: onIdleChanged true

app/initialize.coffee

@@ -35,8 +35,6 @@ init = ->
   treemaExt = require 'treema-ext'
   treemaExt.setup()
 
-$ -> init()
-
 handleNormalUrls = ->
   # http://artsy.github.com/blog/2012/06/25/replacing-hashbang-routes-with-pushstate/
   $(document).on 'click', "a[href^='/']", (event) ->
@@ -93,3 +91,5 @@ watchForErrors = ->
     #msg += "\nError: #{error}" if error?
     #msg += "\nStack: #{stack}" if stack = error?.stack
     noty text: msg, layout: 'topCenter', type: 'error', killer: false, timeout: 5000, dismissQueue: true, maxVisible: 3, callback: {onClose: -> --currentErrors}
+
+$ -> init()

app/lib/image_filter.coffee

@@ -28,10 +28,12 @@ Filters.brightness = (pixels, adjustment) ->
     i+=4
   return pixels
 
-module.exports.darkenImage = darkenImage = (img, pct=0.5) ->
+module.exports.darkenImage = darkenImage = (img, borderImageSelector, pct=0.5) ->
   jqimg = $(img)
   cachedValue = jqimg.data('darkened')
-  return img.src = cachedValue if cachedValue
+  if cachedValue
+    $(borderImageSelector).css 'border-image-source', 'url(' + cachedValue + ')'
+    return img.src = cachedValue 
   jqimg.data('original', img.src) unless jqimg.data('original')
   if not (img.naturalWidth > 0 and img.naturalHeight > 0)
     console.warn 'Tried to darken image', img, 'but it has natural dimensions', img.naturalWidth, img.naturalHeight
@@ -41,9 +43,11 @@ module.exports.darkenImage = darkenImage = (img, pct=0.5) ->
   ctx = c.getContext('2d')
   ctx.putImageData(imageData, 0, 0)
   img.src = c.toDataURL()
+  $(borderImageSelector).css 'border-image-source', 'url(' + img.src + ')'
   jqimg.data('darkened', img.src)
 
-module.exports.revertImage = revertImage = (img) ->
+module.exports.revertImage = revertImage = (img, borderImageSelector) ->
   jqimg = $(img)
   return unless jqimg.data('original')
+  $(borderImageSelector).css 'border-image-source', 'url(' + jqimg.data('original') + ')'
   img.src = jqimg.data('original')

app/lib/surface/CocoSprite.coffee

@@ -597,7 +597,7 @@ module.exports = CocoSprite = class CocoSprite extends CocoClass
     if @thangType.get('name') in ['Arrow', 'Spear'] and @thang.action is 'die'
       @marks.shadow?.hide()
     mark.update() for name, mark of @marks
-    #@thang.effectNames = ['berserk', 'confuse', 'control', 'curse', 'fear', 'poison', 'paralyze', 'regen', 'sleep', 'slow', 'haste']
+    #@thang.effectNames = ['warcry', 'confuse', 'control', 'curse', 'fear', 'poison', 'paralyze', 'regen', 'sleep', 'slow', 'haste']
     @updateEffectMarks() if @thang?.effectNames?.length or @previousEffectNames?.length
 
   updateEffectMarks: ->

app/lib/surface/CoordinateDisplay.coffee

@@ -74,56 +74,54 @@ module.exports = class CoordinateDisplay extends createjs.Container
     @label.regY = @background.regY = @pointMarker.regY = contentHeight
 
     pointMarkerStroke = 2
-    pointMarkerLength = 3
+    pointMarkerLength = 8
     contributionsToTotalSize = []
-    contributionsToTotalSize = contributionsToTotalSize.concat @updateCoordinates contentWidth, contentHeight, pointMarkerStroke
-    contributionsToTotalSize = contributionsToTotalSize.concat @updatePointMarker contentHeight, pointMarkerLength, pointMarkerStroke
+    contributionsToTotalSize = contributionsToTotalSize.concat @updateCoordinates contentWidth, contentHeight, pointMarkerLength
+    contributionsToTotalSize = contributionsToTotalSize.concat @updatePointMarker 0, contentHeight, pointMarkerLength, pointMarkerStroke
 
     totalWidth = contentWidth + contributionsToTotalSize.reduce (a, b) -> a + b
     totalHeight = contentHeight + contributionsToTotalSize.reduce (a, b) -> a + b
-    [totalWidth, totalHeight]
+
+    @cache  -pointMarkerLength, -totalHeight + pointMarkerLength, totalWidth, totalHeight
 
   updateCoordinates: (contentWidth, contentHeight, initialXYOffset) ->
-    gap = 2
-    labelAndBgMarkerOffset = initialXYOffset * gap
+    offsetForPointMarker = initialXYOffset
 
     # Center label horizontally and vertically
-    @label.x = contentWidth / 2 - (@label.getMeasuredWidth() / 2) + labelAndBgMarkerOffset
-    @label.y = contentHeight / 2 - (@label.getMeasuredHeight() / 2) - labelAndBgMarkerOffset
+    @label.x = contentWidth / 2 - (@label.getMeasuredWidth() / 2) + offsetForPointMarker
+    @label.y = contentHeight / 2 - (@label.getMeasuredHeight() / 2) - offsetForPointMarker
 
     @background.graphics
       .clear()
       .beginFill('rgba(0,0,0,0.4)')
       .beginStroke('rgba(0,0,0,0.6)')
       .setStrokeStyle(backgroundStroke = 1)
-      .drawRoundRect(labelAndBgMarkerOffset, -labelAndBgMarkerOffset, contentWidth, contentHeight, radius = 2.5)
+      .drawRoundRect(offsetForPointMarker, -offsetForPointMarker, contentWidth, contentHeight, radius = 2.5)
       .endFill()
       .endStroke()
-    contributionsToTotalSize = [labelAndBgMarkerOffset, backgroundStroke]
+    contributionsToTotalSize = [offsetForPointMarker, backgroundStroke]
 
-  updatePointMarker: (contentHeight, length, strokeSize) ->
-    shiftToLineupWithGrid = strokeSize / 2
-    pointMarkerInitialX = strokeSize - shiftToLineupWithGrid
-    pointMarkerInitialY = contentHeight - strokeSize + shiftToLineupWithGrid
+  updatePointMarker: (centerX, centerY, length, strokeSize) ->
+    strokeStyle = 'square'
     @pointMarker.graphics
-      .beginStroke('rgb(142, 198, 67')
-      .setStrokeStyle(strokeSize, 'square')
-      .moveTo(pointMarkerInitialX, pointMarkerInitialY)
-      .lineTo(pointMarkerInitialX, pointMarkerInitialY - length)
-      .moveTo(pointMarkerInitialX, pointMarkerInitialY)
-      .lineTo(pointMarkerInitialX + length, pointMarkerInitialY)
+      .beginStroke('rgb(255, 255, 255)')
+      .setStrokeStyle(strokeSize, strokeStyle)
+      .moveTo(centerX, centerY - length)
+      .lineTo(centerX, centerY + length)
+      .moveTo(centerX - length, centerY)
+      .lineTo(centerX + length, centerY)
       .endStroke()
-    contributionsToTotalSize = [strokeSize]
+    contributionsToTotalSize = [strokeSize, length]
 
   show: =>
     return unless @mouseInBounds and @lastPos and not @destroyed
     @label.text = "{x: #{@lastPos.x}, y: #{@lastPos.y}}"
-    [width, height] = @updateSize()
+    @updateSize()
     sup = @camera.worldToSurface @lastPos
     @x = sup.x
     @y = sup.y
     @addChild @background
     @addChild @label
     @addChild @pointMarker
-    @cache 0, -height, width, height
+    @updateCache()
     Backbone.Mediator.publish 'surface:coordinates-shown', {}

app/locale/de-CH.coffee

@@ -1,7 +1,7 @@
 module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "German (Switzerland)", translation:
   common:
     loading: "Lade..."
-    saving: "Spiichere..."
+    saving: "Speichere..."
     sending: "Sende..."
     send: "G'sendet"
     cancel: "Abbreche"
@@ -40,7 +40,7 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     okay: "Okay"
 
   not_found:
-    page_not_found: "Siite nöd gfunde"
+    page_not_found: "Siite nid gfunde"
 
   nav:
     play: "Levels"
@@ -51,8 +51,8 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     account: "Account"
     admin: "Admin"
     home: "Home"
-    contribute: "Spende"
-#    legal: "Legal"
+    contribute: "Mitmache"
+    legal: "Rechtlichs"
     about: "Über"
     contact: "Kontakt"
     twitter_follow: "Folge"
@@ -100,26 +100,26 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     for_beginners: "Für Afänger"
     multiplayer: "Multiplayer"
     for_developers: "Für Entwickler"
-#    javascript_blurb: "The language of the web. Great for writing websites, web apps, HTML5 games, and servers."
-#    python_blurb: "Simple yet powerful, Python is a great general purpose programming language."
-#    coffeescript_blurb: "Nicer JavaScript syntax."
+    javascript_blurb: "D Internetsproch. Super zum Websiite, Web Apps, HTML5 Games und Server schriibe."
+    python_blurb: "Eifach und doch mächtig. Python isch grossartigi, allgemein isetzbari Programmiersproch."
+    coffeescript_blurb: "Nettere JavaScript Syntax."
 #    clojure_blurb: "A modern Lisp."
-#    lua_blurb: "Game scripting language."
-#    io_blurb: "Simple but obscure."
+    lua_blurb: "D Sproch für Game Scripts."
+    io_blurb: "Eifach aber undurchsichtig."
 
   play:
     choose_your_level: "Wähl dis Level us"
-    adventurer_prefix: "Du chasch zu de untere Level zrugg goh oder die kommende Level diskutiere "
-    adventurer_forum: "s Abentürer-Forum"
-#    adventurer_suffix: "."
+    adventurer_prefix: "Du chasch zu de untere Level zrugg goh oder die kommende Level diskutiere im "
+    adventurer_forum: "Abentürer-Forum"
+    adventurer_suffix: "."
     campaign_beginner: "Afängerkampagne"
     campaign_beginner_description: "... i dere du d Zauberkunst vom Programmiere lernsch."
     campaign_dev: "Zuefälligi schwierigeri Level"
     campaign_dev_description: "... i dene du s Interface kenne lernsch, während du öppis chli Schwierigers machsch."
     campaign_multiplayer: "Multiplayer Arenas"
     campaign_multiplayer_description: "... i dene du Chopf a Chopf geg anderi Spieler spielsch."
-#    campaign_player_created: "Player-Created"
-#    campaign_player_created_description: "... in which you battle against the creativity of your fellow <a href=\"/contribute#artisan\">Artisan Wizards</a>."
+    campaign_player_created: "Vo Spieler erstellti Level"
+    campaign_player_created_description: "... i dene du gege d Kreativität vome <a href=\"/contribute#artisan\">Handwerker Zauberer</a> kämpfsch."
     level_difficulty: "Schwierigkeit: "
     play_as: "Spiel als"
     spectate: "Zueluege"
@@ -127,21 +127,21 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
   contact:
     contact_us: "CodeCombat kontaktiere"
     welcome: "Mir ghöred gern vo dir! Benutz das Formular zum üs e E-Mail schicke."
-    contribute_prefix: "Wenn du dra interessiert bisch, mitzhelfe denn lueg doch mol verbii uf üsere"
+    contribute_prefix: "Wenn du dra interessiert bisch, mitzhelfe denn lueg doch mol verbii uf üsere "
     contribute_page: "Contribute Page"
-#    contribute_suffix: "!"
-    forum_prefix: "Für öffentlichi Sache versuechs mol bi"
+    contribute_suffix: "!"
+    forum_prefix: "Für öffentlichi Sache versuechs mol stattdesse i "
     forum_page: "üsem Forum"
-    forum_suffix: " stattdesse."
+    forum_suffix: "."
     send: "Feedback schicke"
-#    contact_candidate: "Contact Candidate"
-#    recruitment_reminder: "Use this form to reach out to candidates you are interested in interviewing. Remember that CodeCombat charges 15% of first-year salary. The fee is due upon hiring the employee and is refundable for 90 days if the employee does not remain employed. Part time, remote, and contract employees are free, as are interns."
+    contact_candidate: "Kandidat kontaktiere"
+    recruitment_reminder: "Benutz das Formular zum mit Kandidate Kontakt ufneh, i die du interessiert bisch. Bhalt in Erinnerig, dass CodeCombat 15% vom erstjöhrige Lohn verrechnet. De Betrag wird fällig, sobald de Programmierer agstellt wird und chan 90 Täg lang zruggverrechnet werde wenn de Agstellti nid agstellt bliibt. Teilziitarbeit, Fernarbeit und temporäri Agstellti sind chostelos, s gliiche gilt für Interni Mitarbeiter."
 
   diplomat_suggestion:
     title: "Hilf, CodeCombat z übersetze!"
     sub_heading: "Mir bruuched dini Sprochfähigkeite."
     pitch_body: "Mir entwickled CodeCombat in Englisch, aber mir hend scho Spieler uf de ganze Welt. Vieli devo würed gern uf Schwiizerdütsch spiele, aber chönd kei Englisch. Wenn du beides chasch, denk doch mol drüber noh, dich bi üs als Diplomat izträge und z helfe, d CodeCombat Websiite und alli Level uf Schwiizerdütsch z übersetze."
-    missing_translations: "Until we can translate everything into Swiss German, you'll see generic German or English when Swiss German isn't available."
+    missing_translations: "Bis mir alles chönd uf Schwiizerdütsch übersetze wirsch du döt generisches Dütsch oder Englisch gseh, wo Schwiizerdütsch nid verfüegbar isch."
     learn_more: "Lern meh drüber, en Diplomat zsii"
     subscribe_as_diplomat: "Abonnier als en Diplomat"
 
@@ -152,7 +152,7 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     color: "Farb"
     group: "Gruppe"
     clothes: "Chleider"
-    trim: "Zueschniide"
+    trim: "Deko"
     cloud: "Wolke"
     team: "Team"
     spell: "Zauberspruch"
@@ -219,93 +219,93 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     next_name: "Name?"
     next_short_description: "schriibe e churzi Beschriibig."
     next_long_description: "beschriib dini Wunschstell."
-#    next_skills: "list at least five skills."
-#    next_work: "chronicle your work history."
+    next_skills: "liste mindestens füf Fähigkeite uf."
+    next_work: "liste din bruefliche Werdegang uf."
 #    next_education: "recount your educational ordeals."
     next_projects: "Zeig üs bis zu drü Projekt a dene du scho gschaffet hesch."
     next_links: "füeg persönlichi oder Social Media Links ih."
-#    next_photo: "add an optional professional photo."
-#    next_active: "mark yourself open to offers to show up in searches."
+    next_photo: "füeg optional es professionells Foti hinzue."
+    next_active: "markier dich selber als offe für Agebot zum i Suechafroge uftauche."
     example_blog: "Blog"
     example_personal_site: "Eigeni Websiite"
     links_header: "Eigeni Links"
-#    links_blurb: "Link any other sites or profiles you want to highlight, like your GitHub, your LinkedIn, or your blog."
-#    links_name: "Link Name"
-#    links_name_help: "What are you linking to?"
-#    links_link_blurb: "Link URL"
-#    basics_header: "Update basic info"
-#    basics_active: "Open to Offers"
-#    basics_active_help: "Want interview offers right now?"
-#    basics_job_title: "Desired Job Title"
-#    basics_job_title_help: "What role are you looking for?"
-#    basics_city: "City"
-#    basics_city_help: "City you want to work in (or live in now)."
-#    basics_country: "Country"
-#    basics_country_help: "Country you want to work in (or live in now)."
-#    basics_visa: "US Work Status"
-#    basics_visa_help: "Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)"
-#    basics_looking_for: "Looking For"
-#    basics_looking_for_full_time: "Full-time"
-#    basics_looking_for_part_time: "Part-time"
+    links_blurb: "Verlinke anderi Sitene oder Profil wo du willsch hervorhebe, wie zum Bispiel dis GitHub, dis LinkedIn Profil oder din Blog." 
+    links_name: "Link Name"
+    links_name_help: "Woane verlinksch?"
+    links_link_blurb: "Link URL"
+    basics_header: "Eifachi infos update"
+    basics_active: "Offe für Agebot"
+    basics_active_help: "Wötsch ez gad Interview Agebot?"
+    basics_job_title: "Erwünschte Job Titel"
+    basics_job_title_help: "Noch welem Job suechsch?"
+    basics_city: "Stadt"
+    basics_city_help: "D Stadt wo du willsch schaffe (oder im Moment wohnsch)."
+    basics_country: "Land"
+    basics_country_help: "Country you want to work in (or live in now)."
+    basics_visa: "US Work Status"
+    basics_visa_help: "Hesch du d Berechtigung zum i de USA schaffe oder bruchsch du e Visa Sponsorship? (Wenn du in Kanada oder Australie wohnsch, markier als berechtigt.)"
+    basics_looking_for: "Ich sueche nach"
+    basics_looking_for_full_time: "Vollziit"
+    basics_looking_for_part_time: "Teilziit"
 #    basics_looking_for_remote: "Remote"
 #    basics_looking_for_contracting: "Contracting"
-#    basics_looking_for_internship: "Internship"
-#    basics_looking_for_help: "What kind of developer position do you want?"
-#    name_header: "Fill in your name"
-#    name_anonymous: "Anonymous Developer"
-#    name_help: "Name you want employers to see, like 'Nick Winter'."
-#    short_description_header: "Write a short description of yourself"
-#    short_description_blurb: "Add a tagline to help an employer quickly learn more about you."
-#    short_description: "Tagline"
-#    short_description_help: "Who are you, and what are you looking for? 140 characters max."
-#    skills_header: "Skills"
-#    skills_help: "Tag relevant developer skills in order of proficiency."
-#    long_description_header: "Describe your desired position"
-#    long_description_blurb: "Tell employers how awesome you are and what role you want."
-#    long_description: "Self Description"
-#    long_description_help: "Describe yourself to potential employers. Keep it short and to the point. We recommend outlining the position that would most interest you. Tasteful markdown okay; 600 characters max."
-#    work_experience: "Work Experience"
-#    work_header: "Chronicle your work history"
-#    work_years: "Years of Experience"
-#    work_years_help: "How many years of professional experience (getting paid) developing software do you have?"
-#    work_blurb: "List your relevant work experience, most recent first."
-#    work_employer: "Employer"
-#    work_employer_help: "Name of your employer."
-#    work_role: "Job Title"
-#    work_role_help: "What was your job title or role?"
-#    work_duration: "Duration"
-#    work_duration_help: "When did you hold this gig?"
-#    work_description: "Description"
-#    work_description_help: "What did you do there? (140 chars; optional)"
-#    education: "Education"
+    basics_looking_for_internship: "Praktikum"
+    basics_looking_for_help: "Weli Art vo Entwicklerposition möchtisch du?"
+    name_header: "Füll din Name us"
+    name_anonymous: "Anonyme Entwickler"
+    name_help: "De Name wo d Entwickler söled gseh, z.B. 'Nick Winter'."
+    short_description_header: "Schriib e churzi Beschriibi vo dir."
+    short_description_blurb: "Füeg e Tagline hinzue, damit Arbeitgeber chönd schnell öppis über dich erfahre."
+    short_description: "Tagline"
+    short_description_help: "Wer bisch du und noch wa suechsch? 140 Charakter max."
+    skills_header: "Fähigkeite"
+    skills_help: "Tagge relevanti Entwicklerfähigkeite gordnet nach Kenntnis."
+    long_description_header: "Beschriib dini Wunschposition"
+    long_description_blurb: "Verzell de Arbetgeber wie fantastisch du bisch und weli Position du gern hettsch."
+    long_description: "Selbstbeschriibig"
+    long_description_help: "Beschriib dich de potentielle Arbetgeber. Halte es churz und relevant. Mir empfehled, churz d Position z umrahme, wo dich am meiste interessiert. Stilvolli Herabsetzig okay; 600 Charakter max."
+    work_experience: "Arbeitserfahrig"
+    work_header: "Liste dini Arbeitserfahrig uf"
+    work_years: "Johr a Arbeitserfahrig"
+    work_years_help: "Wieviel (bezahlti) Johre Erfahrig hesch du im Bereich Softwareentwicklig?"
+    work_blurb: "Liste dini relevant Arbeitserfahrig uf, s neuste als Ersts."
+    work_employer: "Arbeitgeber"
+    work_employer_help: "Name vo dim Arbeitgeber."
+    work_role: "Job Titel"
+    work_role_help: "Was hesch für en Job Titel / Position gha?"
+    work_duration: "Ziitduur"
+    work_duration_help: "Wenn hesch die Astellig gha?"
+    work_description: "Beschriibig"
+    work_description_help: "Wa hesch du det gmacht? (140 Charakter; optional)"
+    education: "Usbildig"
 #    education_header: "Recount your academic ordeals"
 #    education_blurb: "List your academic ordeals."
-#    education_school: "School"
-#    education_school_help: "Name of your school."
-#    education_degree: "Degree"
-#    education_degree_help: "What was your degree and field of study?"
-#    education_duration: "Dates"
-#    education_duration_help: "When?"
-#    education_description: "Description"
-#    education_description_help: "Highlight anything about this educational experience. (140 chars; optional)"
+    education_school: "Schuel"
+    education_school_help: "De Name vo dinere Schuel."
+    education_degree: "Abschluss"
+    education_degree_help: "Was isch din Abschluss und dis Studiefach gsi?"
+    education_duration: "Date"
+    education_duration_help: "Wenn?"
+    education_description: "Beschriibig"
+    education_description_help: "Öppis wo du willsch hervorhebe bezüglich dere Usbildig. (140 Charakter; optional)"
 #    our_notes: "CodeCombat's Notes"
-#    remarks: "Remarks"
-#    projects: "Projects"
-#    projects_header: "Add 3 projects"
-#    projects_header_2: "Projects (Top 3)"
-#    projects_blurb: "Highlight your projects to amaze employers."
-#    project_name: "Project Name"
-#    project_name_help: "What was the project called?"
-#    project_description: "Description"
-#    project_description_help: "Briefly describe the project."
-#    project_picture: "Picture"
-#    project_picture_help: "Upload a 230x115px or larger image showing off the project."
-#    project_link: "Link"
-#    project_link_help: "Link to the project."
+    remarks: "Bemerkige"
+    projects: "Projekt"
+    projects_header: "Füeg 3 Projekt hinzue"
+    projects_header_2: "Projekt (Top 3)"
+    projects_blurb: "Hebe dini Projekt hervor zum Arbeitgeber in Stuune z versetze."
+    project_name: "Projektname"
+    project_name_help: "Wie het s Projekt gheisse?"
+    project_description: "Beschriibig"
+    project_description_help: "Beschriib churz dis Projekt."
+    project_picture: "Bild"
+    project_picture_help: "Lad es Bild ufe wo 230x115px oder grösser isch zum dis Projekt präsentiere."
+    project_link: "Link"
+    project_link_help: "Link zum Projekt."
 #    player_code: "Player Code"
 
 #  employers:
-#    hire_developers_not_credentials: "Hire developers, not credentials."
+    hire_developers_not_credentials: "Stell Entwickler ah, nid Zügnis."
 #    get_started: "Get Started"
 #    already_screened: "We've already technically screened all our candidates"
 #    filter_further: ", but you can also filter further:"
@@ -381,94 +381,94 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
     multiplayer_link_description: "Gib de Link jedem, wo mit dir will spiele."
     multiplayer_hint_label: "Hiiwis:"
     multiplayer_hint: " Klick uf de Link zum alles uswähle und druck ⌘-C or Ctrl-C zum de Link kopiere"
-#    multiplayer_coming_soon: "More multiplayer features to come!"
+    multiplayer_coming_soon: "Meh Multiplayer Features chömed no!"
 #    multiplayer_sign_in_leaderboard: "Sign in or create an account and get your solution on the leaderboard."
-#    guide_title: "Guide"
-#    tome_minion_spells: "Your Minions' Spells"
-#    tome_read_only_spells: "Read-Only Spells"
-#    tome_other_units: "Other Units"
-#    tome_cast_button_castable: "Cast Spell"
-#    tome_cast_button_casting: "Casting"
+    guide_title: "Handbuech"
+    tome_minion_spells: "Zaubersprüch vo dine Minions"
+    tome_read_only_spells: "Read-Only Zaubersprüch"
+    tome_other_units: "Anderi Einheite"
+    tome_cast_button_castable: "Zauber beschwöre"
+    tome_cast_button_casting: "Wird beschwore"
 #    tome_cast_button_cast: "Spell Cast"
 #    tome_autocast_delay: "Autocast Delay"
-#    tome_select_spell: "Select a Spell"
-#    tome_select_a_thang: "Select Someone for "
-#    tome_available_spells: "Available Spells"
-#    hud_continue: "Continue (shift+space)"
-#    spell_saved: "Spell Saved"
-#    skip_tutorial: "Skip (esc)"
+    tome_select_spell: "Wähl en Zauberspruch us"
+    tome_select_a_thang: "Wähl öpper us für"
+    tome_available_spells: "Verfüegbari Zaubersprüch"
+    hud_continue: "Wiiter (shift+space)"
+    spell_saved: "Zauberspruch gspeicheret"
+    skip_tutorial: "Überspringe (esc)"
 #    editor_config: "Editor Config"
-#    editor_config_title: "Editor Configuration"
-#    editor_config_level_language_label: "Language for This Level"
-#    editor_config_level_language_description: "Define the programming language for this particular level."
-#    editor_config_default_language_label: "Default Programming Language"
-#    editor_config_default_language_description: "Define the programming language you want to code in when starting new levels."
+    editor_config_title: "Editor Konfiguration"
+    editor_config_level_language_label: "Sproch für das Level"
+    editor_config_level_language_description: "Wähl d Programmiersproch us für das bestimmte Level."
+    editor_config_default_language_label: "Vorigstellti Programmiersproch"
+    editor_config_default_language_description: "Wähl us i welere Programmiersproch du willsch code wenn du es neus Level startisch."
 #    editor_config_keybindings_label: "Key Bindings"
-#    editor_config_keybindings_default: "Default (Ace)"
+    editor_config_keybindings_default: "Voristellig (Ace)"
 #    editor_config_keybindings_description: "Adds additional shortcuts known from the common editors."
-#    editor_config_livecompletion_label: "Live Autocompletion"
-#    editor_config_livecompletion_description: "Displays autocomplete suggestions while typing."
-#    editor_config_invisibles_label: "Show Invisibles"
-#    editor_config_invisibles_description: "Displays invisibles such as spaces or tabs."
-#    editor_config_indentguides_label: "Show Indent Guides"
-#    editor_config_indentguides_description: "Displays vertical lines to see indentation better."
-#    editor_config_behaviors_label: "Smart Behaviors"
-#    editor_config_behaviors_description: "Autocompletes brackets, braces, and quotes."
-#    keyboard_shortcuts: "Key Shortcuts"
+    editor_config_livecompletion_label: "Live Auto-Vervollständigung"
+    editor_config_livecompletion_description: "Schlot dir möglichi Wortvervollständigunge vor während du tippsch."
+    editor_config_invisibles_label: "Unsichtbari Zeiche azeige"
+    editor_config_invisibles_description: "Zeigt unsichtbari Zeiche ah wie z.B. space und tab."
+    editor_config_indentguides_label: "Izüg azeige"
+    editor_config_indentguides_description: "Zeigt vertikali Linie zum de Zeileizug besser gseh."
+    editor_config_behaviors_label: "Intelligents Verhalte"
+    editor_config_behaviors_description: "Auto-vervollständigt Chlammere und Ahfüerigszeiche."
+    keyboard_shortcuts: "Shortcuts"
 #    loading_ready: "Ready!"
-#    tip_insert_positions: "Shift+Click a point on the map to insert it into the spell editor."
-#    tip_toggle_play: "Toggle play/paused with Ctrl+P."
+    tip_insert_positions: "Shift+Klick uf en Punkt uf de Charte zums in Zauberspruch-Editor ifüege."
+    tip_toggle_play: "Play/Pausiert mit Ctrl+P ischalte."
 #    tip_scrub_shortcut: "Ctrl+[ and Ctrl+] rewind and fast-forward."
-#    tip_guide_exists: "Click the guide at the top of the page for useful info."
-#    tip_open_source: "CodeCombat is 100% open source!"
-#    tip_beta_launch: "CodeCombat launched its beta in October, 2013."
-#    tip_js_beginning: "JavaScript is just the beginning."
-#    tip_autocast_setting: "Adjust autocast settings by clicking the gear on the cast button."
-#    think_solution: "Think of the solution, not the problem."
-#    tip_theory_practice: "In theory, there is no difference between theory and practice. But in practice, there is. - Yogi Berra"
-#    tip_error_free: "There are two ways to write error-free programs; only the third one works. - Alan Perlis"
-#    tip_debugging_program: "If debugging is the process of removing bugs, then programming must be the process of putting them in. - Edsger W. Dijkstra"
-#    tip_forums: "Head over to the forums and tell us what you think!"
-#    tip_baby_coders: "In the future, even babies will be Archmages."
-#    tip_morale_improves: "Loading will continue until morale improves."
-#    tip_all_species: "We believe in equal opportunities to learn programming for all species."
-#    tip_reticulating: "Reticulating spines."
-#    tip_harry: "Yer a Wizard, "
-#    tip_great_responsibility: "With great coding skill comes great debug responsibility."
-#    tip_munchkin: "If you don't eat your vegetables, a munchkin will come after you while you're asleep."
-#    tip_binary: "There are only 10 types of people in the world: those who understand binary, and those who don't."
-#    tip_commitment_yoda: "A programmer must have the deepest commitment, the most serious mind. ~ Yoda"
-#    tip_no_try: "Do. Or do not. There is no try. - Yoda"
-#    tip_patience: "Patience you must have, young Padawan. - Yoda"
-#    tip_documented_bug: "A documented bug is not a bug; it is a feature."
-#    tip_impossible: "It always seems impossible until it's done. - Nelson Mandela"
-#    tip_talk_is_cheap: "Talk is cheap. Show me the code. - Linus Torvalds"
-#    tip_first_language: "The most disastrous thing that you can ever learn is your first programming language. - Alan Kay"
-#    tip_hardware_problem: "Q: How many programmers does it take to change a light bulb?  A: None, it's a hardware problem."
-#    time_current: "Now:"
-#    time_total: "Max:"
-#    time_goto: "Go to:"
-#    infinite_loop_try_again: "Try Again"
-#    infinite_loop_reset_level: "Reset Level"
-#    infinite_loop_comment_out: "Comment Out My Code"
+    tip_guide_exists: "Klick ufs Handbuech im obere Teil vo de Siite zum nützlichi Infos becho."
+    tip_open_source: "CodeCombat isch 100% Open Source!"
+    tip_beta_launch: "D CodeCombat Beta isch im Oktober 2013 online gange."
+    tip_js_beginning: "JavaScript isch nur de Afang."
+    tip_autocast_setting: "Passe d Auto-Beschwöre Istellige ah, indem du ufs Zahrad bim Beschwöre-Chnopf drucksch."
+    think_solution: "Denk über d Lösig noh, nid über s Problem."
+    tip_theory_practice: "Theoretisch gits kein Unterschied zwüsche Theorie und Praxis. Praktisch aber scho. - Yogi Berra"
+    tip_error_free: "Es git zwei Arte zum fehlerfreii Programm schriibe; nur di dritt funktioniert. - Alan Perils"
+    tip_debugging_program: "Wenn Debugging de Prozess isch, mit dem mehr Bugs entfernt, denn mues Programmiere de sii, mit dem mer sie dri tuet. - Edsger W. Dijkstra"
+    tip_forums: "Chum übere is Forum und verzell üs, wa du denksch!"
+    tip_baby_coders: "I de Zuekunft werded sogar Babies Erzmagier sii."
+    tip_morale_improves: "Es ladet bis d Moral besser worde isch..."
+    tip_all_species: "Mir glaubed a gliichi Möglichkeite zum Programmiere lerne für alli Lebewese."
+    tip_reticulating: "Rückgrat isch am wachse..."
+    tip_harry: "Yer a Wizard, "
+    tip_great_responsibility: "Mit grosse Coding Skills chunt grossi Debug Verantwortig."
+    tip_munchkin: "Wenn du dis Gmües nid issisch, chunt dich en Zwerg go hole wenn du schlofsch."
+    tip_binary: "Es git 10 Arte vo Mensche uf de Welt: die wo s Binärsystem verstönd und die wos nid verstönd."
+    tip_commitment_yoda: "En Programmierer mues tüüfsti Higob ha, en konzentrierte Geist. - Yoda"
+    tip_no_try: "Machs. Oder machs nid. Probiere existiert nid. - Yoda"
+    tip_patience: "Geduld du bruuchsch, junge Padawan. - Yoda"
+    tip_documented_bug: "En dokumentierte Bug isch kein Bug; es isch es Feature."
+    tip_impossible: "Es schiint immer unmöglich bis es gschafft isch. - Nelson Mandela"
+    tip_talk_is_cheap: "Rede isch billig. Zeig mir de Code. - Linus Torvalds"
+    tip_first_language: "S Katastrophalste wo du chasch lerne, isch dini erst Programmiersproch. - Alan Kay"
+    tip_hardware_problem: "Q: Wie viel Programmierer bruuchts zum e Glüehbire uswechsle?  A: Keine, da isch es Hardware Problem."
+    time_current: "Jetzt:"
+    time_total: "Max:"
+    time_goto: "Goh zu:"
+    infinite_loop_try_again: "Versuechs nomol"
+    infinite_loop_reset_level: "Level zrugsetze"
+    infinite_loop_comment_out: "Min Code uskommentiere"
 
-#  keyboard_shortcuts:
-#    keyboard_shortcuts: "Keyboard Shortcuts"
-#    space: "Space"
-#    enter: "Enter"
-#    escape: "Escape"
-#    cast_spell: "Cast current spell."
-#    continue_script: "Continue past current script."
-#    skip_scripts: "Skip past all skippable scripts."
-#    toggle_playback: "Toggle play/pause."
-#    scrub_playback: "Scrub back and forward through time."
-#    single_scrub_playback: "Scrub back and forward through time by a single frame."
-#    scrub_execution: "Scrub through current spell execution."
-#    toggle_debug: "Toggle debug display."
-#    toggle_grid: "Toggle grid overlay."
-#    toggle_pathfinding: "Toggle pathfinding overlay."
-#    beautify: "Beautify your code by standardizing its formatting."
-#    move_wizard: "Move your Wizard around the level."
+  keyboard_shortcuts:
+    keyboard_shortcuts: "Shortcuts uf de Tastatur"
+    space: "Space"
+    enter: "Enter"
+    escape: "Escape"
+    cast_spell: "Aktuelle Zauberspruch beschwöre."
+    continue_script: "Nochem aktuelle Script fortsetze."
+    skip_scripts: "Alli überspringbare Scripts überspringe."
+    toggle_playback: "Play/Pause istelle."
+    scrub_playback: "Reise vorwärts und zrugg i de Ziit."
+    single_scrub_playback: "Reise eis einzels Frame vorwärts und zrugg i de Ziit."
+    scrub_execution: "Gang dur d Zauberusfüehrig."
+    toggle_debug: "Debug Display ischalte/usschalte."
+    toggle_grid: "Gitter ischalte/usschalte."
+    toggle_pathfinding: "Wegfinder ischalte/usschalte."
+    beautify: "Mach din Code schöner, indem du sini Formatierig standartisiersch."
+    move_wizard: "Beweg din Zauberer durs Level."
 
 #  admin:
 #    av_title: "Admin Views"
@@ -482,12 +482,12 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
 #    lg_title: "Latest Games"
 #    clas: "CLAs"
 
-#  community:
-#    level_editor: "Level Editor"
-#    main_title: "CodeCombat Community"
-#    facebook: "Facebook"
-#    twitter: "Twitter"
-#    gplus: "Google+"
+  community:
+    level_editor: "Level Editor"
+    main_title: "CodeCombat Community"
+    facebook: "Facebook"
+    twitter: "Twitter"
+    gplus: "Google+"
 
 #  editor:
 #    main_title: "CodeCombat Editors"
@@ -590,55 +590,55 @@ module.exports = nativeDescription: "Deutsch (Schweiz)", englishDescription: "Ge
 #    hard: "Hard"
 #    player: "Player"
 
-#  about:
-#    who_is_codecombat: "Who is CodeCombat?"
-#    why_codecombat: "Why CodeCombat?"
-#    who_description_prefix: "together started CodeCombat in 2013. We also created "
-#    who_description_suffix: "in 2008, growing it to the #1 web and iOS application for learning to write Chinese and Japanese characters."
-#    who_description_ending: "Now it's time to teach people to write code."
-#    why_paragraph_1: "When making Skritter, George didn't know how to program and was constantly frustrated by his inability to implement his ideas. Afterwards, he tried learning, but the lessons were too slow. His housemate, wanting to reskill and stop teaching, tried Codecademy, but \"got bored.\" Each week another friend started Codecademy, then dropped off. We realized it was the same problem we'd solved with Skritter: people learning a skill via slow, intensive lessons when what they need is fast, extensive practice. We know how to fix that."
-#    why_paragraph_2: "Need to learn to code? You don't need lessons. You need to write a lot of code and have a great time doing it."
-#    why_paragraph_3_prefix: "That's what programming is about. It's gotta be fun. Not fun like"
-#    why_paragraph_3_italic: "yay a badge"
-#    why_paragraph_3_center: "but fun like"
-#    why_paragraph_3_italic_caps: "NO MOM I HAVE TO FINISH THE LEVEL!"
-#    why_paragraph_3_suffix: "That's why CodeCombat is a multiplayer game, not a gamified lesson course. We won't stop until you can't stop--but this time, that's a good thing."
-#    why_paragraph_4: "If you're going to get addicted to some game, get addicted to this one and become one of the wizards of the tech age."
-#    why_ending: "And hey, it's free. "
-#    why_ending_url: "Start wizarding now!"
-#    george_description: "CEO, business guy, web designer, game designer, and champion of beginning programmers everywhere."
-#    scott_description: "Programmer extraordinaire, software architect, kitchen wizard, and master of finances. Scott is the reasonable one."
-#    nick_description: "Programming wizard, eccentric motivation mage, and upside-down experimenter. Nick can do anything and chooses to build CodeCombat."
-#    jeremy_description: "Customer support mage, usability tester, and community organizer; you've probably already spoken with Jeremy."
-#    michael_description: "Programmer, sys-admin, and undergrad technical wunderkind, Michael is the person keeping our servers online."
-#    glen_description: "Programmer and passionate game developer, with the motivation to make this world a better place, by developing things that matter. The word impossible can't be found in his dictionary. Learning new skills is his joy!"
+  about:
+    who_is_codecombat: "Wer isch CodeCombat?"
+    why_codecombat: "Warum CodeCombat?"
+    who_description_prefix: "hend im 2013 zeme CodeCombat gstartet. Mir hend au "
+    who_description_suffix: "im 2008 kreiert und drufabe isches zur Nummer 1 Web und iOS App zum Chinesischi und Japanischi Charakter schriibe worde."
+    who_description_ending: "Ez isches Ziit zum de Mensche biibringe wie sie Code schriibed."
+    why_paragraph_1: "Womer Skritter gmacht hend, het de George nid gwüsst wiemer programmiert und isch dauernd gfrustet gsi, will er unfähig gsi isch, sini Ideä z implementiere. Spöter het er probiert zums lerne, aber d Lektione sind z langsam gsi. Sin Mitbewohner, wo het wöle sini Fähigkeite uffrische und ufhöre sie öpperem biizbringe, het Codecademy probiert, aber ihm isch \"langwiilig worde\". Jedi Wuche het en andere Fründ agfange mit Codecademy und het wieder ufghört. Mir hend realisiert, dass es s gliiche Problem isch, wo mir mit Skitter glöst gha hend: Lüüt, wo öppis mit langsame, intensive Lektione lerned, obwohl sie schnelli, umfangriichi Üebig bruuched. Mir wüssed, wie mer das behebe."
+    why_paragraph_2: "Du muesch Programmiere lerne? Du bruchsch kei Lektione. Wa du bruuchsch, isch ganz viel Code schriibe und viel Spass ha, während du das machsch."
+    why_paragraph_3_prefix: "Um da gohts bim Programmiere. Es mues Spass mache. Nid Spass wie"
+    why_paragraph_3_italic: "wuhu en Badge"
+    why_paragraph_3_center: "eher Spass wie"
+    why_paragraph_3_italic_caps: "NEI MAMI, ICH MUES DAS LEVEL NO FERTIG MACHE!"
+    why_paragraph_3_suffix: "Darum isch CodeCombat es Multiplayer Spiel, nid en gamifizierte Kurs mit Lektione. Mir stopped nid, bis du nümm chasch stoppe--aber damol isch da öppis guets."
+    why_paragraph_4: "Wenn du süchtig wirsch nochme Spiel, wird süchtig noch dem Spiel und wird eine vo de Zauberer vom Tech-Ziitalter."
+    why_ending: "Und hey, es isch gratis. "
+    why_ending_url: "Fang ez a zaubere!"
+    george_description: "CEO, Business-Typ, Web Designer, Game Designer und de Held für d Programmierafänger uf de ganze Welt."
+    scott_description: "Programmierer extraordinaire, Software Architekt, Chuchi-Zauberer und de Meister vo de Finanze. De Scott isch de Vernünftig unter üs."
+    nick_description: "Programmier-Zauberer, exzentrische Motivations-Magier und Chopfüber-Experimentierer. De Nick chönti alles mache und het sich entschiede zum CodeCombat baue."
+    jeremy_description: "Kundesupport-Magier, Usability Tester und Community-Organisator; du hesch worschinli scho mitem Jeremy gredet."
+    michael_description: "Programmierer, Systemadmin und es technisches Wunderchind ohni Studium. Michael isch die Person wo üsi Server am Laufe bhaltet."
+    glen_description: "Programmierer und passionierte Gameentwickler mit de Motivation, die Welt zumene bessere Ort zmache, indem mer Sache entwickled wo e Rolle spieled. S Wort unmöglich findet mer nid i sim Wortschatz. Neui Fähigkeite erlerne isch sini Freud!"
 
-#  legal:
-#    page_title: "Legal"
-#    opensource_intro: "CodeCombat is free to play and completely open source."
-#    opensource_description_prefix: "Check out "
-#    github_url: "our GitHub"
-#    opensource_description_center: "and help out if you like! CodeCombat is built on dozens of open source projects, and we love them. See "
-#    archmage_wiki_url: "our Archmage wiki"
-#    opensource_description_suffix: "for a list of the software that makes this game possible."
-#    practices_title: "Respectful Best Practices"
-#    practices_description: "These are our promises to you, the player, in slightly less legalese."
-#    privacy_title: "Privacy"
-#    privacy_description: "We will not sell any of your personal information. We intend to make money through recruitment eventually, but rest assured we will not distribute your personal information to interested companies without your explicit consent."
-#    security_title: "Security"
-#    security_description: "We strive to keep your personal information safe. As an open source project, our site is freely open to anyone to review and improve our security systems."
-#    email_title: "Email"
-#    email_description_prefix: "We will not inundate you with spam. Through"
-#    email_settings_url: "your email settings"
-#    email_description_suffix: "or through links in the emails we send, you can change your preferences and easily unsubscribe at any time."
-#    cost_title: "Cost"
-#    cost_description: "Currently, CodeCombat is 100% free! One of our main goals is to keep it that way, so that as many people can play as possible, regardless of place in life. If the sky darkens, we might have to charge subscriptions or for some content, but we'd rather not. With any luck, we'll be able to sustain the company with:"
-#    recruitment_title: "Recruitment"
-#    recruitment_description_prefix: "Here on CodeCombat, you're going to become a powerful wizard–not just in the game, but also in real life."
-#    url_hire_programmers: "No one can hire programmers fast enough"
-#    recruitment_description_suffix: "so once you've sharpened your skills and if you agree, we will demo your best coding accomplishments to the thousands of employers who are drooling for the chance to hire you. They pay us a little, they pay you"
-#    recruitment_description_italic: "a lot"
-#    recruitment_description_ending: "the site remains free and everybody's happy. That's the plan."
+  legal:
+    page_title: "Rechtlichs"
+    opensource_intro: "CodeCombat isch free to play und komplett Open Source."
+    opensource_description_prefix: "Lueg dir "
+    github_url: "üsi GitHub Siite"
+    opensource_description_center: "ah und hilf mit, wennd magsch! CodeCombat isch uf dutzendi Open Source Projekt ufbaut und mir liebed sie. Lueg i "
+    archmage_wiki_url: "üses Erzmagier-Wiki"
+    opensource_description_suffix: "ine zum d Liste a de Software finde, wo das Game möglich mached."
+    practices_title: "Respektvolli bewährti Praxis"
+    practices_description: "Das sind üsi Verspreche a dich, de Spieler, in bitz weniger Fachchinesisch."
+    privacy_title: "Dateschutz"
+    privacy_description: "Mir verchaufed kei vo dine persönliche Informatione. Mir hend vor zum irgendwenn durch Rekrutierig Geld z verdiene, aber bis versicheret, dass mir nid dini persönliche Date a interessierti Firmene wiiter gebed ohni dis usdrücklich Iverständnis."
+    security_title: "Sicherheit"
+    security_description: "Mir bemühed üs, dini persönliche Informatione sicher ufzbewahre. Als es Open Source Projekt isch üsi Siite offe für jede, wo gern möcht üsi Security System besichtige und verbessere."
+    email_title: "E-Mail"
+    email_description_prefix: "Mir werded dich nid mit Spam überfluete. I dine"
+    email_settings_url: "E-Mail Istellige"
+    email_description_suffix: "oder dur d Links i de E-Mails wo mir schicked, chasch du jederziit dini Preferänze ändere und dich ganz eifach us de Mailing-Liste neh."
+    cost_title: "Chöste"
+    cost_description: "Im Moment isch CodeCombat 100% gratis! Eis vo üsne Hauptziel isch, dass das so bliibt, damit so viel Lüüt wie möglich chönd spiele, egal wo sie sich im Lebe befinded. Sötted dunkli Wolke am Horizont ufzieh chas sii, dass mir müed en Teil vom Inhalt chostepflichtig mache, aber es isch üs lieber, wenn da nid passiert. Mit chli Glück werded mir fähig sii, s Unternehme ufrecht z erhalte und zwor mit:"
+    recruitment_title: "Rekrutierig"
+    recruitment_description_prefix: "Do uf CodeCombat wirsch du en mächtige Zauberer - nid nur ingame, sonder au im echte Lebe."
+    url_hire_programmers: "Niemer cha Programmierer schnell gnueg astelle"
+    recruitment_description_suffix: "das heisst, sobald du dini Fähigkeite gschärft hesch, und wenn du zuestimmsch, werded mir dini beste Programmiererfolg de tuusige vo Arbeitgeber zeige, wo nur druf warted, dich chöne azstelle. Sie zahled üs es bitz öppis, sie zahled dir"
+    recruitment_description_italic: "ziemli viel"
+    recruitment_description_ending: "d Siite bliibt gratis und alli sind glücklich. Das isch de Plan."
 #    copyrights_title: "Copyrights and Licenses"
 #    contributor_title: "Contributor License Agreement"
 #    contributor_description_prefix: "All contributions, both on the site and on our GitHub repository, are subject to our"

app/locale/ko.coffee

@@ -3,7 +3,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     loading: "로딩중입니다..."
     saving: "저장중입니다..."
     sending: "보내는 중입니다..."
-#    send: "Send"
+    send: "전송"
     cancel: "취소"
     save: "저장"
 #    publish: "Publish"
@@ -44,11 +44,11 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 
   nav:
     play: "레벨"
-#    community: "Community"
+    community: "커뮤니티"
     editor: "에디터"
     blog: "블로그"
     forum: "포럼"
-#    account: "Account"
+    account: "계정"
     admin: "관리자"
     home: "홈"
     contribute: "참여하기"
@@ -69,7 +69,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
   login:
     sign_up: "계정 생성"
     log_in: "로그인"
-#    logging_in: "Logging In"
+    logging_in: "로그인 중"
     log_out: "로그아웃"
     recover: "계정 복구"
 
@@ -86,8 +86,8 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     creating: "계정을 생성 중입니다..."
     sign_up: "등록"
     log_in: "비밀번호로 로그인"
-#    social_signup: "Or, you can sign up through Facebook or G+:"
-#    required: "You need to log in before you can go that way."
+    social_signup: "또는 페이스북이나 구글 플러스로 계정을 만들 수 있습니다."
+    required: "진행하기 전에 로그인이 필요합니다."
 
   home:
     slogan: "쉽고 간단한 게임 배우기"
@@ -95,17 +95,17 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     no_mobile: "코드 컴뱃은 모바일 기기용으로 제작되지 않았습니다. 아마 동작하지 않을 가능성이 높습니다."
     play: "시작"
     old_browser: "브라우저가 너무 오래된 버전이라 코드 컴뱃을 실행할 수 없습니다."
-    old_browser_suffix: "시도해볼 수는 있겠지만..안될수도 있습니다."
+    old_browser_suffix: "시도해볼 수는 있겠지만..안될 수도 있습니다."
     campaign: "캠페인"
     for_beginners: "초보자용"
     multiplayer: "멀티플레이어"
     for_developers: "개발자용"
-#    javascript_blurb: "The language of the web. Great for writing websites, web apps, HTML5 games, and servers."
-#    python_blurb: "Simple yet powerful, Python is a great general purpose programming language."
-#    coffeescript_blurb: "Nicer JavaScript syntax."
-#    clojure_blurb: "A modern Lisp."
-#    lua_blurb: "Game scripting language."
-#    io_blurb: "Simple but obscure."
+    javascript_blurb: "웹을 위한 언어. 웹사이트, 웹 어플리케이션, HTML5 게임, 서버 제작에 적합한 언어입니다."
+    python_blurb: "간단하지만 강력합니다. Python은 일반적인 용도로 두루 사용하기 좋은 프로그래밍 언어입니다."
+    coffeescript_blurb: "향상된 자바스크립트 문법."
+    clojure_blurb: "현대적인 Lisp."
+    lua_blurb: "게임 스크립팅 언어"
+    #io_blurb: "Simple but obscure."
 
   play:
     choose_your_level: "레벨을 선택하세요."
@@ -127,7 +127,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
   contact:
     contact_us: "코드컴뱃에 전할 말"
     welcome: "의견은 언제든지 환영합니다. 이 양식을 이메일에 사용해 주세요!"
-    contribute_prefix: "혹시 같이 코드컴뱃에 공헌하고 싶으시다면 홈페이지에 들러주세요 "
+    contribute_prefix: "혹시 같이 코드컴뱃에 공헌하고 싶으시다면 홈페이지를 방문해주세요."
     contribute_page: "참여하기 페이지"
     contribute_suffix: "!"
     forum_prefix: "공개적으로 논의할 사항이라면 우리 포럼에서 해주세요 : "
@@ -140,7 +140,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
   diplomat_suggestion:
     title: "코드 컴뱃 번역을 도와주세요!"
     sub_heading: "우리는 당신의 언어 능력이 필요합니다."
-    pitch_body: "우리는 영어로 코드컴뱃을 개발하기 시작했지만, 이미 전세계의 유저들이 코드컴뱃을 이용하고 있습니다. 그 중 많은 사람들이 한국어로 플레이하기를 바랍니다. 혹시 당신이 영어/한국어에 모두 능숙하다면, Diplomat 으로 코드컴뱃에 참여해서 모든 레벨 뿐 아니라 웹사이트를 한국어로 번역할 수 있습니다."
+    pitch_body: "우리는 영어로 코드 컴뱃을 개발하기 시작했지만, 이미 전세계의 유저들이 코드 컴뱃을 이용하고 있습니다. 그 중 많은 사람들이 한국어로 플레이하기를 바랍니다. 혹시 당신이 영어/한국어에 모두 능숙하다면, Diplomat으로 코드 컴뱃에 참여해서 모든 레벨 뿐만 아니라 웹사이트를 한국어로 번역할 수 있습니다."
     missing_translations: "우리가 모든 내용을 한국어로 번역할때까지 기본은 영어로 제공됩니다."
     learn_more: "외교관에 대해서 좀 더 자세히 알아보기"
     subscribe_as_diplomat: "외교관을 위한 정기 구독"
@@ -148,13 +148,13 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
   wizard_settings:
     title: "마법사 설장"
     customize_avatar: "당신의 아바타를 직접 꾸미세요"
-#    active: "Active"
-#    color: "Color"
-#    group: "Group"
+    active: "활성화"
+    color: "색상"
+    group: "종류"
     clothes: "옷"
     trim: "장식"
     cloud: "구름"
-#    team: "Team"
+    team: "팀"
     spell: "마법"
     boots: "장화"
     hue: "색조"
@@ -167,7 +167,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     autosave: "변경 사항은 자동 저장 됩니다"
     me_tab: "나"
     picture_tab: "사진"
-#    upload_picture: "Upload a picture"
+    upload_picture: "사진 업로드"
     wizard_tab: "마법사"
     password_tab: "비밀번호"
     emails_tab: "이메일"
@@ -208,12 +208,12 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    featured: "Featured"
 #    not_featured: "Not Featured"
 #    looking_for: "Looking for:"
-#    last_updated: "Last updated:"
-#    contact: "Contact"
+    last_updated: "최근 업데이트:"
+    contact: "연락하기"
 #    active: "Looking for interview offers now"
 #    inactive: "Not looking for offers right now"
-#    complete: "complete"
-#    next: "Next"
+    complete: "완료"
+    next: "다음으로"
 #    next_city: "city?"
 #    next_country: "pick your country."
 #    next_name: "name?"
@@ -226,7 +226,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    next_links: "add any personal or social links."
 #    next_photo: "add an optional professional photo."
 #    next_active: "mark yourself open to offers to show up in searches."
-#    example_blog: "Blog"
+    example_blog: "블로그"
 #    example_personal_site: "Personal Site"
 #    links_header: "Personal Links"
 #    links_blurb: "Link any other sites or profiles you want to highlight, like your GitHub, your LinkedIn, or your blog."
@@ -245,26 +245,26 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    basics_visa: "US Work Status"
 #    basics_visa_help: "Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)"
 #    basics_looking_for: "Looking For"
-#    basics_looking_for_full_time: "Full-time"
-#    basics_looking_for_part_time: "Part-time"
+    basics_looking_for_full_time: "풀타임"
+    basics_looking_for_part_time: "파트타임"
 #    basics_looking_for_remote: "Remote"
 #    basics_looking_for_contracting: "Contracting"
-#    basics_looking_for_internship: "Internship"
+    basics_looking_for_internship: "인턴쉽"
 #    basics_looking_for_help: "What kind of developer position do you want?"
-#    name_header: "Fill in your name"
+    name_header: "성명을 기재하여 주십시오."
 #    name_anonymous: "Anonymous Developer"
 #    name_help: "Name you want employers to see, like 'Nick Winter'."
 #    short_description_header: "Write a short description of yourself"
 #    short_description_blurb: "Add a tagline to help an employer quickly learn more about you."
 #    short_description: "Tagline"
-#    short_description_help: "Who are you, and what are you looking for? 140 characters max."
+    short_description_help: "당신은 누구고, 어떤 일을 찾고 있나요? 최대 140자까지 작성할 수 있습니다."
 #    skills_header: "Skills"
 #    skills_help: "Tag relevant developer skills in order of proficiency."
 #    long_description_header: "Describe your desired position"
 #    long_description_blurb: "Tell employers how awesome you are and what role you want."
 #    long_description: "Self Description"
 #    long_description_help: "Describe yourself to potential employers. Keep it short and to the point. We recommend outlining the position that would most interest you. Tasteful markdown okay; 600 characters max."
-#    work_experience: "Work Experience"
+    work_experience: "근무 경력"
 #    work_header: "Chronicle your work history"
 #    work_years: "Years of Experience"
 #    work_years_help: "How many years of professional experience (getting paid) developing software do you have?"
@@ -384,7 +384,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     multiplayer_coming_soon: "곧 좀 더 다양한 멀티플레이어 모드가 업데이트 됩니다!"
 #    multiplayer_sign_in_leaderboard: "Sign in or create an account and get your solution on the leaderboard."
     guide_title: "가이드"
-    tome_minion_spells: "당신 미니언의' 마법"
+    tome_minion_spells: "미니언의 마법"
     tome_read_only_spells: "읽기 전용 마법"
     tome_other_units: "다른 유닛들"
     tome_cast_button_castable: "마법 캐스팅"
@@ -393,38 +393,38 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     tome_autocast_delay: "자동 마법 캐스팅 딜레이"
     tome_select_spell: "마법을 선택 하세요"
     tome_select_a_thang: "누군가를 선택하세요. "
-    tome_available_spells: "마법 사용 가능하므로"
+    tome_available_spells: "사용 가능한 마법"
     hud_continue: "계속진행 (shift+space)"
     spell_saved: "마법 저장 완료"
     skip_tutorial: "넘기기 (esc)"
     editor_config: "에디터 설정"
     editor_config_title: "에디터 설정"
-#    editor_config_level_language_label: "Language for This Level"
+    editor_config_level_language_label: "이 레벨에서 사용할 언어"
     editor_config_level_language_description: "이 레벨에서 사용할 언어를 선택하세요."
     editor_config_default_language_label: "기본 프로그래밍 언어"
-#    editor_config_default_language_description: "Define the programming language you want to code in when starting new levels."
+    editor_config_default_language_description: "새 레벨을 시작할 때 사용하고 싶은 프로그래밍 언어를 정하세요."
     editor_config_keybindings_label: "단축키 설정"
     editor_config_keybindings_default: "기본(Ace)"
     editor_config_keybindings_description: "일반적인 에디터와 마찬가지인 단축키 설정"
-#    editor_config_livecompletion_label: "Live Autocompletion"
-#    editor_config_livecompletion_description: "Displays autocomplete suggestions while typing."
+    editor_config_livecompletion_label: "자동완성 활성화"
+    editor_config_livecompletion_description: "입력하는 동안 자동완성 기능을 사용합니다."
     editor_config_invisibles_label: "투명 설정"
     editor_config_invisibles_description: "스페이스, 탭 설정"
     editor_config_indentguides_label: "들여쓰기 가이드 보기"
-    editor_config_indentguides_description: "들여쓰기 확인위해 세로줄 표시하기."
+    editor_config_indentguides_description: "들여쓰기 보조용 세로줄 표시하기."
     editor_config_behaviors_label: "자동 기능"
     editor_config_behaviors_description: "괄호, 인용부호, 따옴표 자동 완성."
     keyboard_shortcuts: "단축키"
-#    loading_ready: "Ready!"
+    loading_ready: "준비!"
 #    tip_insert_positions: "Shift+Click a point on the map to insert it into the spell editor."
 #    tip_toggle_play: "Toggle play/paused with Ctrl+P."
 #    tip_scrub_shortcut: "Ctrl+[ and Ctrl+] rewind and fast-forward."
-#    tip_guide_exists: "Click the guide at the top of the page for useful info."
-#    tip_open_source: "CodeCombat is 100% open source!"
-#    tip_beta_launch: "CodeCombat launched its beta in October, 2013."
-#    tip_js_beginning: "JavaScript is just the beginning."
+    tip_guide_exists: "화면 상단의 가이드를 클릭해보세요. 유용한 정보를 얻을 수 있습니다."
+    tip_open_source: "코드 컴뱃은 100% 오픈 소스 기반입니다!"
+    tip_beta_launch: "코드 컴뱃은 2013년 10월에 베타 서비스를 출시했습니다."
+    tip_js_beginning: "JavaScript는 단지 시작일 뿐입니다."
 #    tip_autocast_setting: "Adjust autocast settings by clicking the gear on the cast button."
-#    think_solution: "Think of the solution, not the problem."
+    think_solution: "해결 방법을 고민해보세요, 문제를 고민하지 말구요."
 #    tip_theory_practice: "In theory, there is no difference between theory and practice. But in practice, there is. - Yogi Berra"
 #    tip_error_free: "There are two ways to write error-free programs; only the third one works. - Alan Perlis"
 #    tip_debugging_program: "If debugging is the process of removing bugs, then programming must be the process of putting them in. - Edsger W. Dijkstra"
@@ -482,12 +482,12 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     lg_title: "가장 최근 게임"
 #    clas: "CLAs"
 
-#  community:
-#    level_editor: "Level Editor"
-#    main_title: "CodeCombat Community"
-#    facebook: "Facebook"
-#    twitter: "Twitter"
-#    gplus: "Google+"
+  community:
+    level_editor: "레벨 에디터"
+    main_title: "코드 컴뱃 커뮤니티"
+    facebook: "페이스북"
+    twitter: "트위터"
+    gplus: "구글 플러스"
 
   editor:
     main_title: "코드 컴뱃 에디터들"
@@ -503,7 +503,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     contact_us: "연락하기!"
     hipchat_prefix: "당신은 또한 우리를 여기에서 찾을 수 있습니다 : "
     hipchat_url: "힙챗 룸"
-#    back: "Back"
+    back: "뒤로"
     revert: "되돌리기"
     revert_models: "모델 되돌리기"
 #    pick_a_terrain: "Pick A Terrain"
@@ -513,8 +513,8 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    fork_creating: "Creating Fork..."
 #    randomize: "Randomize"
 #    more: "More"
-#    wiki: "Wiki"
-#    live_chat: "Live Chat"
+    wiki: "위키"
+    live_chat: "실시간 채팅"
     level_some_options: "다른 옵션들?"
     level_tab_thangs: "Thangs"
     level_tab_scripts: "스크립트들"
@@ -525,7 +525,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    level_tab_thangs_all: "All"
     level_tab_thangs_conditions: "컨디션 시작"
     level_tab_thangs_add: "Thangs 추가"
-#    delete: "Delete"
+    delete: "삭제"
 #    duplicate: "Duplicate"
     level_settings_title: "설정"
     level_component_tab_title: "현재 요소들"
@@ -545,9 +545,9 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     new_article_title: "새로운 기사 작성"
     new_thang_title: "새로운 Thang type 시작"
     new_level_title: "새로운 레벨 시작"
-#    new_article_title_login: "Log In to Create a New Article"
+    new_article_title_login: "새 기사를 작성하시려면 로그인하세요."
 #    new_thang_title_login: "Log In to Create a New Thang Type"
-#    new_level_title_login: "Log In to Create a New Level"
+    new_level_title_login: "새로운 레벨을 만드시려면 로그인하세요."
 #    new_achievement_title: "Create a New Achievement"
 #    new_achievement_title_login: "Log In to Create a New Achievement"
     article_search_title: "기사들은 여기에서 찾으세요"
@@ -572,7 +572,7 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     results: "결과들"
     description: "설명"
     or: "또한"
-#    subject: "Subject"
+    subject: "제목"
     email: "이메일"
     password: "비밀번호"
     message: "메시지"
@@ -588,39 +588,39 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
     easy: "초급"
     medium: "중급"
     hard: "상급"
-#    player: "Player"
+    player: "플레이어"
 
   about:
-    who_is_codecombat: "코드컴뱃은 누구인가?"
-    why_codecombat: "왜 코드컴뱃이지?"
-    who_description_prefix: "우리는 2013년에 함께 코드컴뱃을 시작했으며 또한 우리는"
-    who_description_suffix: "2008년에 중국어와 일본어를 배우기위해 이를 IOS 마켓 1위로 키우고 있었습니다."
-    who_description_ending: "이제 사람들에게 코드를 가르치기 위한 시점이 다가왔다고 생각합니다."
-    why_paragraph_1: "처음에 Skritter 를 만들때, George는 어떻게 프로그래밍을 하는지 전혀 몰랐고, 그의 아이디어를 제대로 구현하지 못해 좌절하곤 했습니다. 그후에, 그는 코딩을 배우려고 노력했지만 늘 진행속도가 느렸죠. 그때 그의 룸메이트가 코드아카데미를 통해 배우려고 시도했으나, 너무 \"지루\"했습니다. 매주마다 다른 친구들이 코드아카데미를 통해 배우려고 시도했으나 글쎄요, 결과가 썩 좋진 않았습니다. 우리는 이것은 우리가 Skritter를 통해 해결한 문제와 같은 종류의 것임을 깨달았습니다: 느리고 강도높은 레슨을 통해 배우는 사람들은 좀더 빠르고, 포괄적인 연습을 필요로 합니다. 우리는 그것을 어떻게 해결하는지 잘 알고 있습니다."
+    who_is_codecombat: "코드 컴뱃은 누구인가?"
+    why_codecombat: "왜 코드 컴뱃이지?"
+    who_description_prefix: "우리는 2013년에 함께 코드 컴뱃을 시작했으며 또한 우리는"
+    who_description_suffix: "2008년에 중국어와 일본어를 배우기 위해 이를 IOS 마켓 1위로 키우고 있었습니다."
+    who_description_ending: "이제 사람들에게 코드를 가르쳐야하는 시점이 다가왔다고 생각합니다."
+    why_paragraph_1: "처음에 Skritter를 만들 때, George는 어떻게 프로그래밍을 하는지 전혀 몰랐습니다. 또한 그의 아이디어를 제대로 구현하지 못해 좌절하곤 했지요. 그 후에 그는 코딩을 배우려고 노력했지만 늘 진행속도가 느렸죠. 그때 그의 룸메이트가 코드아카데미를 통해 코딩을 배우려고 시도했으나, 너무 \"지루\"했습니다. 매주마다 다른 친구들이 코드아카데미를 통해 배우려고 시도했으나 글쎄요, 결과가 썩 좋진 않았습니다. 우리는 이것은 우리가 Skritter를 통해 해결한 문제와 같은 종류의 것임을 깨달았습니다: 느리고 강도높은 레슨을 통해 배우는 사람들은 좀 더 빠르고, 포괄적인 연습을 필요로 합니다. 우리는 그것을 어떻게 해결하는지 잘 알고 있습니다."
     why_paragraph_2: "프로그래밍을 배울 필요가 있으세요? 레슨 받을 필요 없습니다. 아마 엄청난 시간과 노력을 소모해야 할 것입니다."
     why_paragraph_3_prefix: "프로그래밍은 재미있어야 합니다."
     why_paragraph_3_italic: "여기 뱃지있어 받아가~"
-    why_paragraph_3_center: "이런 단순히 뱃지얻는식 게임 말고,"
-    why_paragraph_3_italic_caps: "오 엄마 나 이 레벨 반드시 끝내야되! <- 이런 방식 말고요."
-    why_paragraph_3_suffix: "이것이 왜 코드컴뱃이 멀티플레이 게임인지를 말해줍니다. 단순히 게임화된 레슨의 연장이 아닙니다. 우리는 당신이 너무 재밌어서 멈출 수 없을때까지 절대 멈추지 않을 것입니다."
-    why_paragraph_4: "만약 당신이 어떤 게임이 곧잘 중독된다면 이번엔 코드컴뱃 한번 시도해보세요 그리고 기술시대에 사는 마법사중 하나가 되어보는 건 어떠세요?"
+    why_paragraph_3_center: "이런 단순히 뱃지얻는 식의 게임 말고,"
+    why_paragraph_3_italic_caps: "아 엄마 나 이 레벨 반드시 끝내야 돼! <- 이런 방식 말고요."
+    why_paragraph_3_suffix: "이것이 왜 코드 컴뱃이 멀티플레이 게임인지를 말해줍니다. 단순히 게임화된 레슨의 연장이 아닙니다. 우리는 당신이 너무 재밌어서 멈출 수 없을 때까지 절대 멈추지 않을 것입니다."
+    why_paragraph_4: "만약 당신이 어떤 게임에 곧잘 빠진다면 이번엔 코드컴뱃을 한번 시도해보세요. 그리고 기술시대에 사는 마법사 중 하나가 되어보는 건 어떠세요?"
     why_ending: "이봐 이거 공짜래."
-    why_ending_url: "지금바로 마법사가 되어 보세요!"
+    why_ending_url: "지금 바로 마법사가 되어 보세요!"
     george_description: "CEO, 비즈니스맨, 웹디자이너, 게임 디자이너, 그리고 전세계의 초보 프로그래머들의 왕."
     scott_description: "비범한 프로그래머, 소프트웨어 아키텍쳐, 주방 마법사 그리고 재무의 신. Scott 은 매우 합리적인 사람입니다"
     nick_description: "프로그래밍 마법사, 별난 자극의 마술사, 거꾸로 생각하는것을 좋아하는 실험가. Nick은 뭐든지 할수있는 남자입니다. 그 뭐든지 중에 코드 컴뱃을 선택했죠. "
     jeremy_description: "고객 지원 마법사, 사용성 테스터, 커뮤니티 오거나이저; 당신은 아마 이미 Jeremy랑 이야기 했을거에요."
     michael_description: "프로그래머, 시스템 관리자, 기술 신동(대학생이래요),Michael 은 우리 서버를 계속 무결점상태로 유지시켜주는 사람입니다."
-#    glen_description: "Programmer and passionate game developer, with the motivation to make this world a better place, by developing things that matter. The word impossible can't be found in his dictionary. Learning new skills is his joy!"
+    glen_description: "프로그래머이자 열정적인 게임 개발자. 의미있는 것들을 개발함으로써 세상을 보다 더 나은 곳으로 변화시키고자 하는 개발자입니다. 그의 사전에 불가능이란 없습니다. 새로운 기술을 배우는 건 그에게 몹시 즐거운 일이죠!"
 
 #  legal:
 #    page_title: "Legal"
-#    opensource_intro: "CodeCombat is free to play and completely open source."
-#    opensource_description_prefix: "Check out "
-#    github_url: "our GitHub"
-#    opensource_description_center: "and help out if you like! CodeCombat is built on dozens of open source projects, and we love them. See "
-#    archmage_wiki_url: "our Archmage wiki"
-#    opensource_description_suffix: "for a list of the software that makes this game possible."
+    opensource_intro: "코드 컴뱃은 무료이며 전적으로 오픈 소스를 기반으로 합니다."
+    opensource_description_prefix: "코드 컴뱃의"
+    github_url: "GitHub"
+    opensource_description_center: "를 확인해보세요. 그리고 원하신다면 함께 도와주세요! 코드 컴뱃은 수천 개의 오픈 소스 프로젝트를 기반으로 만들어졌고 저희는 이들에 대해 깊은 애정을 갖고 있습니다. 한번 "
+    archmage_wiki_url: "Archmage 위키"
+    opensource_description_suffix: "를 확인해보세요. 코드 컴뱃을 가능하게 만든 소프트웨어들을 찾아보실 수 있습니다."
 #    practices_title: "Respectful Best Practices"
 #    practices_description: "These are our promises to you, the player, in slightly less legalese."
 #    privacy_title: "Privacy"
@@ -652,9 +652,9 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    art_description_prefix: "All common content is available under the"
 #    cc_license_url: "Creative Commons Attribution 4.0 International License"
 #    art_description_suffix: "Common content is anything made generally available by CodeCombat for the purpose of creating Levels. This includes:"
-#    art_music: "Music"
-#    art_sound: "Sound"
-#    art_artwork: "Artwork"
+    art_music: "뮤직"
+    art_sound: "사운드"
+    art_artwork: "원화"
 #    art_sprites: "Sprites"
 #    art_other: "Any and all other non-code creative works that are made available when creating Levels."
 #    art_access: "Currently there is no universal, easy system for fetching these assets. In general, fetch them from the URLs as used by the site, contact us for assistance, or help us in extending the site to make these assets more easily accessible."
@@ -862,17 +862,17 @@ module.exports = nativeDescription: "한국어", englishDescription: "Korean", t
 #    so_ready: "I Am So Ready for This"
 
 #  loading_error:
-#    could_not_load: "Error loading from server"
-#    connection_failure: "Connection failed."
+    could_not_load: "서버로부터 로딩하는 데 문제가 발생했습니다."
+    connection_failure: "연결 실패"
 #    unauthorized: "You need to be signed in. Do you have cookies disabled?"
-#    forbidden: "You do not have the permissions."
+    forbidden: "권한이 필요합니다."
 #    not_found: "Not found."
 #    not_allowed: "Method not allowed."
-#    timeout: "Server timeout."
+    timeout: "서버 타임아웃"
 #    conflict: "Resource conflict."
 #    bad_input: "Bad input."
-#    server_error: "Server error."
-#    unknown: "Unknown error."
+    server_error: "서버 에러"
+    unknown: "알 수 없는 에러 발생"
 
 #  resources:
 #    your_sessions: "Your Sessions"

app/schemas/models/user.coffee

@@ -6,6 +6,33 @@ UserSchema = c.object
 
 c.extendNamedProperties UserSchema  # let's have the name be the first property
 
+#Put the various filters in variables for reusability
+phoneScreenFilter =
+  title: 'Phone screened'
+  type: 'boolean'
+  description: 'Whether the candidate has been phone screened.'
+schoolFilter = 
+  title: 'School'
+  type: 'string'
+  enum: ['Top School', 'Other']
+locationFilter = 
+  title: 'Location'
+  type: 'string'
+  enum: ['Bay Area', 'New York', 'Other US', 'International']
+roleFilter = 
+  title: 'Role'
+  type: 'string'
+  enum: ['Web Developer', 'Software Developer', 'Mobile Developer']
+seniorityFilter = 
+  title: 'Seniority'
+  type: 'string'
+  enum: ['College Student', 'Recent Grad', 'Junior', 'Senior']
+visa = c.shortString
+  title: 'US Work Status'
+  description: 'Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)'
+  enum: ['Authorized to work in the US', 'Need visa sponsorship']
+  default: 'Authorized to work in the US'
+  
 _.extend UserSchema.properties,
   email: c.shortString({title: 'Email', format: 'email'})
   firstName: c.shortString({title: 'First Name'})
@@ -87,7 +114,7 @@ _.extend UserSchema.properties,
     experience: {type: 'integer', title: 'Years of Experience', minimum: 0, description: 'How many years of professional experience (getting paid) developing software do you have?'}
     shortDescription: {type: 'string', maxLength: 140, title: 'Short Description', description: 'Who are you, and what are you looking for? 140 characters max.', default: 'Programmer seeking to build great software.'}
     longDescription: {type: 'string', maxLength: 600, title: 'Description', description: 'Describe yourself to potential employers. Keep it short and to the point. We recommend outlining the position that would most interest you. Tasteful markdown okay; 600 characters max.', format: 'markdown', default: '* I write great code.\n* You need great code?\n* Great!'}
-    visa: c.shortString {title: 'US Work Status', description: 'Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)', enum: ['Authorized to work in the US', 'Need visa sponsorship'], default: 'Authorized to work in the US'}
+    visa: visa
     work: c.array {title: 'Work Experience', description: 'List your relevant work experience, most recent first.'},
       c.object {title: 'Job', description: 'Some work experience you had.', required: ['employer', 'role', 'duration']},
         employer: c.shortString {title: 'Employer', description: 'Name of your employer.'}
@@ -131,26 +158,11 @@ _.extend UserSchema.properties,
       workHistory: c.array {title: 'Work history', description: 'One or two places the candidate has worked', type: 'array'},
         title: 'Workplace'
         type: 'string'
-      phoneScreenFilter:
-        title: 'Phone screened'
-        type: 'boolean'
-        description: 'Whether the candidate has been phone screened.'
-      schoolFilter:
-        title: 'School'
-        type: 'string'
-        enum: ['Top School', 'Other']
-      locationFilter:
-        title: 'Location'
-        type: 'string'
-        enum: ['Bay Area', 'New York', 'Other US', 'International']
-      roleFilter:
-        title: 'Role'
-        type: 'string'
-        enum: ['Web Developer', 'Software Developer', 'Mobile Developer']
-      seniorityFilter:
-        title: 'Seniority'
-        type: 'string'
-        enum: ['College Student', 'Recent Grad', 'Junior', 'Senior']
+      phoneScreenFilter: phoneScreenFilter
+      schoolFilter: schoolFilter
+      locationFilter: locationFilter
+      roleFilter: roleFilter
+      seniorityFilter: seniorityFilter
       featured:
         title: 'Featured'
         type: 'boolean'
@@ -163,6 +175,51 @@ _.extend UserSchema.properties,
     linkedinID: c.shortString {title: 'LinkedInID', description: 'The user\'s LinkedIn ID when they signed the contract.'}
     date: c.date {title: 'Date signed employer agreement'}
     data: c.object {description: 'Cached LinkedIn data slurped from profile.', additionalProperties: true}
+  savedEmployerFilterAlerts: c.array {
+    title: 'Saved Employer Filter Alerts'
+    description: 'Employers can get emailed alerts whenever there are new candidates matching their filters'
+  }, c.object({
+    title: 'Saved filter set'
+    description: 'A saved filter set'
+    required: ['phoneScreenFilter','schoolFilter','locationFilter','roleFilter','seniorityFilter','visa']
+  }, {
+    phoneScreenFilter:
+      title: 'Phone screen filter values'
+      type: 'array'
+      items: 
+        type: 'boolean'
+    schoolFilter:
+      title: 'School filter values'
+      type: 'array'
+      items:
+        type: schoolFilter.type
+        enum: schoolFilter.enum
+    locationFilter: 
+      title: 'Location filter values'
+      type: 'array'
+      items:
+        type: locationFilter.type
+        enum: locationFilter.enum
+    roleFilter: 
+      title: 'Role filter values'
+      type: 'array'
+      items:
+        type: roleFilter.type
+        enum: roleFilter.enum
+    seniorityFilter: 
+      title: 'Seniority filter values'
+      type: 'array'
+      items:
+        type: roleFilter.type
+        enum: seniorityFilter.enum
+    visa: 
+      title: 'Visa filter values'
+      type: 'array'
+      items:
+        type: visa.type
+        enum: visa.enum
+  })
+    
   points: {type: 'number'}
   activity: {type: 'object', description: 'Summary statistics about user activity', additionalProperties: c.activity}
 

app/styles/account/profile.sass

@@ -2,7 +2,13 @@
 
 #profile-view
   $sideBackground: rgb(220, 220, 220)
-
+  #login-message
+    h1, h2, h3, h4
+      font-family: Arial, Helvetica, sans-serif
+      color: #333333
+    width: 100%
+    text-align: center
+    margin-top: 200px
   .profile-control-bar
     background-color: $sideBackground
     width: 100%

app/styles/employers.sass

@@ -63,7 +63,15 @@
       cursor: pointer
       input
         margin-right: 5px
-
+  #saved-filter-table
+    display: none
+    width: 100%
+    tbody 
+      tr:nth-child(even) 
+        background-color: #CBCBCB 
+    margin-bottom: 20px
+    .deletion-row
+      text-align: center
   .get-started-button
     vertical-align: text-bottom
     margin-left: 10px

app/styles/play/level.sass

@@ -42,7 +42,6 @@ body.is-playing
       position: fixed
       width: 100%
       height: 100%
-      z-index: 20
     
   #pointer
     position: absolute

app/styles/play/level/tome/problem_alert.sass

@@ -8,7 +8,7 @@
   right: 10px
   background: transparent
   border: 0
-  padding: 18px 35px 18px 14px
+  padding: 7px 20px
   text-shadow: none
   color: white
   word-wrap: break-word
@@ -46,7 +46,8 @@ html.no-borderimage
     border-image: none
     background: transparent url(/images/level/code_editor_error_background.png) no-repeat
     background-size: 100% 100%
-  
+    padding: 18px 35px 18px 14px
+
     &.alert-warning
       background-image: url(/images/level/code_editor_warning_background.png)
       

app/styles/play/level/tome/spell.sass

@@ -28,8 +28,8 @@
     width: 100%
     
   span.code-background
-    border-width: 22px
-    border-image: url(/images/level/code_editor_background.png) 22 fill round
+    border-width: 40px
+    border-image: url(/images/level/code_editor_background.png) 40 fill round
 
   img.code-background
     display: none

app/styles/play/level/tome/tome.sass

@@ -76,3 +76,11 @@ html.no-borderimage
       background: transparent url(/images/level/popover_background.png)
       background-size: 100% 100%
       border: 0
+
+#code-area.fullscreen-editor
+  #tome-view
+    .popover.pinned
+      min-width: 600px
+      bottom: inherit
+      right: 50%
+      margin-right: -300px

app/templates/account/profile.jade

@@ -1,492 +1,501 @@
 extends /templates/base
 
 block content
-  if allowedToEditJobProfile
-    .profile-control-bar
-      if editing
-        .progress.profile-completion-progress
-          .progress-bar.progress-bar-success(style="width: #{100 * progress}%")
-          .progress-text
-      a.btn(href="/account/settings")
-        i.icon-cog
-        span(data-i18n="account_profile.settings") Settings
-      if editing
-        button.btn.btn-success#toggle-editing
-          i.icon-ok
-          span(data-i18n="account_profile.done_editing") Done Editing
-      else
-        button.btn#toggle-editing
-          i.icon-cog
-          span(data-i18n="account_profile.edit_profile") Edit Profile
-      if linkedInAuthorized && editing
-        button.btn.btn-success#importLinkedIn
-          i.icon-arrow-down
-          span Import LinkedIn
-      else if editing
-        button.btn.linked-in-button
-          script(type="in/Login" id="linkedInAuthButton" data-onAuth="contractCallback")
-      if profile && profile.active
-        button.btn.btn-success#toggle-job-profile-active
-          i.icon-eye-open
-          span(data-i18n="account_profile.active") Looking for interview offers now
-      else
-        button.btn#toggle-job-profile-active
-          i.icon-eye-close
-          span(data-i18n="account_profile.inactive") Not looking for offers right now
-      if profile && (profile.active || me.isAdmin())
-        if profileApproved
-          button.btn.btn-success#toggle-job-profile-approved(disabled=!me.isAdmin())
-            i.icon-eye-open
-            span(data-i18n='account_profile.featured') Featured
-        else if me.isAdmin()
-          button.btn#toggle-job-profile-approved
-            i.icon-eye-close
-            span(data-i18n='account_profile.not_featured') Not Featured
-      if me.isAdmin() && !myProfile
-        button.btn#enter-espionage-mode 007
-      if me.isAdmin()
-        button.btn#open-model-modal Raw
-
-  if profile && allowedToViewJobProfile
-    div(class="job-profile-container" + (editing ? " editable-profile" : ""))
-      .job-profile-row
-        .left-column.full-height-column
-          .sub-column
-            #profile-photo-container.editable-section(title="Click to change your photo")
-              .editable-icon.glyphicon.glyphicon-pencil
-              img.profile-photo(src=user.getPhotoURL(240, true))
-              .profile-caption= profile.jobTitle || 'Software Developer'
-
-            #links-container.editable-section
-              .editable-display(title="Click to add social and personal links")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if profileLinks && profileLinks.length
-                  ul.links.editable-thinner
-                    each link in profileLinks
-                      if link.link && link.name
-                        li(title=profile.name + " on " + link.name, class=link.icon ? "has-icon" : "")
-                          a(href=link.link)
-                            if link.icon
-                              img(src=link.icon.url, alt=link.icon.name)
-                            else
-                              button.btn.btn-large.btn-inverse.flat-button= link.name
-                else if editing
-                  h3.edit-label(data-i18n="account_profile.add_links") Add some links
-                  ul.links
-                    li.has-icon
-                      a(href='http://example.com')
-                        img(src='/images/pages/account/profile/icon_github.png', alt='GitHub')
-                    li.has-icon
-                      a(href='http://example.com')
-                        img(src='/images/pages/account/profile/icon_facebook.png', alt='Facebook')
-                    li.has-icon
-                      a(href='http://example.com')
-                        img(src='/images/pages/account/profile/icon_twitter.png', alt='Twitter')
-                    li.has-icon
-                      a(href='http://example.com/')
-                        img(src='/images/pages/account/profile/icon_linkedin.png', alt='LinkedIn')
-                  button.btn.btn-large.btn-inverse.flat-button.edit-example-button(data-i18n="account_profile.example_blog") Blog
-                  button.btn.btn-large.btn-inverse.flat-button.edit-example-button(data-i18n="account_profile.example_personal_site") Personal Site
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                h3(data-i18n="account_profile.links_header") Personal Links
-                p.help-block(data-i18n="account_profile.links_blurb") Link any other sites or profiles you want to highlight, like your GitHub, your LinkedIn, or your blog.
-                .editable-array(data-property='links')
-                  for link, index in (profile.links || []).concat({})
-                    .array-item.link-container.well.well-sm
-                      .form-group
-                        label.control-label(data-i18n="account_profile.links_name") Link Name
-                        input.form-control(type='link-name', maxlength='30', data-schemaformat='link-name', name="root[links][#{index}][name]", value=link.name, data-autocomplete="commonLinkNames", data-autocomplete-min-length=0)
-                        if !index
-                          p.help-block
-                            span(data-i18n="account_profile.links_name_help") What are you linking to?
-                            |  Ex.: 'Personal Website', 'GitHub'
-                      .form-group
-                        label.control-label(data-i18n="account_profile.links_link") Link URL
-                        input.form-control(type='url', pattern='^(ht|f)tp(s?)://[0-9a-zA-Z]([-.w]*[0-9a-zA-Z])*(:(0-9)*)*(/?)([a-zA-Z0-9-‌​.?,\'/\+&%$#_=]*)?$', data-schemaformat='url', name="root[links][#{index}][link]", value=link.link)
-                        if !index
-                          p.help-block Ex.: "https://github.com/nwinter"
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-            .editable-section#basic-info-container
-              - var editableDefaults = editing && profile.city == jobProfileSchema.properties.city.default
-              div(class="editable-display" + (editableDefaults ? " edit-example-text" : ""), title="Click to edit your basic info")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if editableDefaults
-                  h3.edit-label(data-i18n="account_profile.basics_header") Update basic info
-                div= profile.city + ', ' + profile.country
-                div= profile.visa
-                div
-                  span(data-i18n="account_profile.looking_for") Looking for:
-                  |  #{profile.lookingFor}
-                div
-                  span(data-i18n="account_profile.last_updated") Last updated:
-                  |  #{moment(profile.updated).fromNow()}
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_active") Open to Offers
-                  select.form-control(name='root[active]')
-                    option(value='1', selected=profile.active, data-i18n="account_profile.active") Looking for interview offers now
-                    option(value='', selected=!profile.active, data-i18n="account_profile.inactive") Not looking for offers right now
-                  p.help-block(data-i18n="account_profile.basics_active_help") Want interview offers right now?
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_job_title") Desired Job Title
-                  input.form-control(type='text', maxlength='50', name='root[jobTitle]', value=profile.jobTitle)
-                  p.help-block
-                    span(data-i18n="account_profile.basics_job_title_help") What role are you looking for?
-                    |  Ex.: "Full Stack Engineer", "Front-End Developer", "iOS Developer"
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_city") City
-                  input.form-control(type='city', maxlength='100', data-schemaformat='city', name='root[city]', value=profile.city, data-autocomplete="commonCities", data-autocomplete-min-length=1)
-                  p.help-block
-                    span(data-i18n="account_profile.basics_city_help") City you want to work in (or live in now).
-                    |  Ex.: "San Francisco", "Lubbock, TX"
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_country") Country
-                  input.form-control(type='country', maxlength='100', data-schemaformat='country', name='root[country]', value=profile.country, data-autocomplete="commonCountries", data-autocomplete-min-length=1)
-                  p.help-block
-                    span(data-i18n="account_profile.basics_country_help") Country you want to work in (or live in now).
-                    |  Ex.: "USA", "France"
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_visa") US Work Status
-                  select.form-control(name='root[visa]')
-                    option(value='Authorized to work in the US', selected=profile.visa == 'Authorized to work in the US') Authorized to work in the US
-                    option(value='Need visa sponsorship', selected=profile.visa == 'Need visa sponsorship') Need visa sponsorship
-                  p.help-block(data-i18n="account_profile.basics_visa_help") Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)
-                .form-group
-                  label.control-label(data-i18n="account_profile.basics_looking_for") Looking For
-                  select.form-control(name='root[lookingFor]')
-                    option(value='Full-time', selected=profile.lookingFor == "Full-time", data-i18n="account_profile.basics_looking_for_full_time") Full-time
-                    option(value='Part-time', selected=profile.lookingFor == "Part-time", data-i18n="account_profile.basics_looking_for_part_time") Part-time
-                    option(value='Remote', selected=profile.lookingFor == "Remote", data-i18n="account_profile.basics_looking_for_remote") Remote
-                    option(value='Contracting', selected=profile.lookingFor == "Contracting", data-i18n="account_profile.basics_looking_for_contracting") Contracting
-                    option(value='Internship', selected=profile.lookingFor == "Internship", data-i18n="account_profile.basics_looking_for_internship") Internship
-                  p.help-block(data-i18n="account_profile.basics_looking_for_help") What kind of developer position do you want?
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-            if !editing && !myProfile
-              button#contact-candidate.btn.btn-large.btn-inverse.flat-button
-                span(data-i18n="account_profile.contact") Contact
-                |  #{profile.name.split(' ')[0]}
-            if me.isAdmin()
-              select#admin-contact.form-control
-                for contact in adminContacts
-                  option(value=contact.id, selected=remark && remark.get('contact') == contact.id)= contact.name
-
-            if !editing && sessions.length
-              h3(data-i18n="account_profile.player_code") Player Code
-              ul.sessions
-                each session in sessions
-                  li
-                    a.session-link(data-session-id=session._id)
-                      span= session.levelName
-                      if session.team
-                        span.spl - #{session.team}
-                    if session.codeLanguage != 'javascript'
-                      span.spl - #{{coffeescript: 'CoffeeScript', python: 'Python', lua: 'Lua', io: 'Io', clojure: 'Clojure'}[session.codeLanguage]}
-
-        .middle-column.full-height-column
-          .sub-column
-            #name-container.editable-section
-              .editable-display(title="Click to fill in your name")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if editing && !profile.name
-                  h3.edit-label(data-i18n="account_profile.name_header") Fill in your name
-                else if profile.name
-                  h3= profile.name + (me.isAdmin() ? ' (' + user.get('name') + ')' : '')
-                else
-                  h3
-                    span(data-i18n="account_profile.name_anonymous") Anonymous Developer
-                    if me.isAdmin()
-                      span  (#{user.get('name')})
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                .form-group
-                  label.control-label(data-i18n="general.name") Name
-                  input.form-control(type='text', maxlength='100', name='root[name]', value=profile.name)
-                  p.help-block(data-i18n="account_profile.name_help") Name you want employers to see, like 'Nick Winter'.
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-
-            #short-description-container.editable-section
-              .editable-display(title="Click to write your tagline")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if editing && (!profile.shortDescription || profile.shortDescription == jobProfileSchema.properties.shortDescription.default)
-                  h3.edit-label(data-i18n="account_profile.short_description_header") Write a short description of yourself
-                  p.edit-example-text(data-i18n="account_profile.short_description_blurb") Add a tagline to help an employer quickly learn more about you.
-
-                else if profile.shortDescription
-                  p.editable-thinner= profile.shortDescription
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                .form-group
-                  label.control-label(data-i18n="account_profile.short_description") Tagline
-                  textarea.form-control(rows=3, maxlength='140', name='root[shortDescription]')= profile.shortDescription
-                  p.help-block(data-i18n="account_profile.short_description_help") Who are you, and what are you looking for? 140 characters max.
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-
-            #skills-container.editable-section
-              .editable-display.editable-thinner(title="Click to tag your programming skills")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if editing && (!profile.skills || !profile.skills.length || (profile.skills.length == 1 && profile.skills[0] == 'javascript'))
-                  h3.edit-label Tag your programming skills
-                  each skill in ["python", "coffeescript", "node", "ios", "objective-c", "javascript", "app-engine", "mongodb", "web dev", "django", "backbone"]
-                    code.edit-example-tag= skill
-                    span  
-                else
-                  each skill in profile.skills
-                    code= skill
-                    span  
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                h3(data-i18n="account_profile.skills_header") Skills
-                p.help-block
-                  span(data-i18n="account_profile.skills_help") Tag relevant developer skills in order of proficiency.
-                  |  Ex.: "objective-c", "mongodb", "rails", "android", "javascript"
-                .editable-array(data-property='skills')
-                  for skill, index in (profile.skills || []).concat('')
-                    .array-item.skill-array-item
-                      input.form-control(type='skill', maxlength='20', pattern='.{1,}', data-schemaformat='skill', name="root[skills][#{index}]", value=skill, data-autocomplete="commonSkills", data-autocomplete-min-length=1)
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-
-            #long-description-container.editable-section
-              .editable-display(title="Click to start writing your longer description")
-                .editable-icon.glyphicon.glyphicon-pencil
-                - var modified = profile.longDescription && profile.longDescription != jobProfileSchema.properties.longDescription.default
-                if editing && !modified
-                  h3.edit-label(data-i18n="account_profile.long_description_header") Describe your desired position
-                  p.edit-example-text(data-i18n="account_profile.long_description_blurb") Tell employers how awesome you are and what role you want.
-                else if modified
-                  div.long-description.editable-thinner!= marked(profile.longDescription)
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                .form-group
-                  label.control-label(data-i18n="account_profile.long_description") Self Description
-                  textarea.form-control(rows=20, maxlength='600', data-schemaformat='markdown', name='root[longDescription]')= profile.longDescription
-                  p.help-block(data-i18n="account_profile.long_description_help") Describe yourself to potential employers. Keep it short and to the point. We recommend outlining the position that would most interest you. Tasteful markdown okay; 600 characters max.
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-            #work-container.editable-section
-              .editable-display(title="Click to add work experience")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if profile.work && profile.work.length
-                  h3.experience-header
-                    img.header-icon(src="/images/pages/account/profile/work.png", alt="")
-                    span(data-i18n="account_profile.work_experience") Work Experience
-                    |  - #{profile.experience}
-                    | 
-                    span(data-i18n=profile.experience == 1 ? "units.year" : "units.years")
-                  each job in profile.work
-                    if job.role && job.employer
-                      div.experience-entry
-                        div.duration.pull-right= job.duration
-                        | #{job.role} at #{job.employer}
-                        .clearfix
-                        if job.description
-                          div!= marked(job.description)
-                else if editing
-                  h3.experience-header.edit-label(data-i18n="account_profile.work_header") Chronicle your work history
-
-                  div.experience-entry.edit-example-text
-                      div.duration.pull-right June, 2012 - present
-                      | UX Designer at Hooli
-                      .clearfix
-                      div Revolutionized CSS, refactored flattening, and designed all the things.
-
-                  div.experience-entry.edit-example-text
-                      div.duration.pull-right 1999 - 2012
-                      | Software Engineer at Initrode
-                      .clearfix
-                      div Built a P2P streaming TPS report fulfillment system.
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                h3(data-i18n="account_profile.work_experience") Work Experience
-                .form-group
-                  label.control-label(data-i18n="account_profile.work_years") Years of Experience
-                  input.form-control(type='text', name='root[experience]', value=profile.experience)
-                  p.help-block(data-i18n="account_profile.work_years_help") How many years of professional experience (getting paid) developing software do you have?
-                p(data-i18n="account_profile.work_blurb") List your relevant work experience, most recent first.
-                .editable-array(data-property='work')
-                  for job, index in (profile.work || []).concat({})
-                    .array-item.well.well-sm
-                      .form-group
-                        label.control-label(data-i18n="account_profile.work_employer") Employer
-                        input.form-control(type='text', maxlength='100', name="root[work][#{index}][employer]", value=job.employer)
-                        p.help-block(data-i18n="account_profile.work_employer_help") Name of your employer.
-                      .form-group
-                        label.control-label(data-i18n="account_profile.work_role") Job Title
-                        input.form-control(type='text', maxlength='100', name="root[work][#{index}][role]", value=job.role)
-                        p.help-block(data-i18n="account_profile.work_role_help") What was your job title or role?
-                      .form-group
-                        label.control-label(data-i18n="account_profile.work_duration") Duration
-                        input.form-control(type='text', maxlength='100', name="root[work][#{index}][duration]", value=job.duration)
-                        p.help-block
-                          span(data-i18n="account_profile.work_duration_help") When did you hold this gig?
-                          |  Ex.: "Feb 2013 - present".
-                      .form-group
-                        label.control-label(data-i18n="account_profile.work_description") Description
-                        textarea.form-control(rows=3, maxlength='140', name="root[work][#{index}][description]")= job.description
-                        p.help-block(data-i18n="account_profile.work_description_help") What did you do there? (140 chars; optional)
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-
-            #education-container.editable-section
-              .editable-display(title="Click to add academic experience")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if profile.education && profile.education.length
-                  h3.experience-header
-                    img.header-icon(src="/images/pages/account/profile/education.png", alt="")
-                    span(data-i18n="account_profile.education") Education
-                  each school in profile.education
-                    if school.degree && school.school
-                      div.experience-entry
-                        div.duration.pull-right= school.duration
-                        | #{school.degree} at #{school.school}
-                        .clearfix
-                        if school.description
-                          div!= marked(school.description)
-                else if editing
-                  h3.experience-header.edit-label(data-i18n="account_profile.education_header") Recount your academic ordeals
-
-                  div.experience-entry.edit-example-text
-                    div.duration.pull-right 1995 - 1997
-                    | Ph.D. Janitorial Science at MIT
-                    .clearfix
-                    div Anonymously solved problems in algebraic graph theory. Swept floors.
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                h3(data-i18n="accont_profile.education") Education
-                p(data-i18n="account_profile.education_blurb") List your academic ordeals.
-                .editable-array(data-property='education')
-                  for school, index in (profile.education || []).concat({})
-                    .array-item.well.well-sm
-                      .form-group
-                        label.control-label(data-i18n="account_profile.education_school") School
-                        input.form-control(type='text', maxlength='100', name="root[education][#{index}][school]", value=school.school)
-                        p.help-block(data-i18n="account_profile.education_school_help") Name of your school.
-                      .form-group
-                        label.control-label(data-i18n="account_profile.education_degree") Degree
-                        input.form-control(type='text', maxlength='100', name="root[education][#{index}][degree]", value=school.degree)
-                        p.help-block
-                          span(data-i18n="account_profile.education_degree_help") What was your degree and field of study?
-                          |  Ex.: "Ph.D. Human-Computer Interaction (incomplete)"
-                      .form-group
-                        label.control-label(data-i18n="account_profile.education_duration") Dates
-                        input.form-control(type='text', maxlength='100', name="root[education][#{index}][duration]", value=school.duration)
-                        p.help-block
-                          span(data-i18n="account_profile.education_duration_help") When?
-                          |  Ex.: "Aug 2004 - May 2008".
-                      .form-group
-                        label.control-label(data-i18n="account_profile.education_description") Description
-                        textarea.form-control(rows=3, maxlength='140', name="root[education][#{index}][description]")= school.description
-                        p.help-block(data-i18n="account_profile.education_description_help") Highlight anything about this educational experience. (140 chars; optional)
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-
-            if user.get('jobProfileNotes') || me.isAdmin()
-              div(class="our-notes-section" + (editing ? " deemphasized" : ""))
-                h3.experience-header(data-i18n="account_profile.our_notes") CodeCombat's Notes
-                - var notes = user.get('jobProfileNotes') || '';
-                if me.isAdmin()
-                  textarea#job-profile-notes!= notes
-                  button.btn.btn-primary#save-notes-button(data-i18n="common.save") Save
-                else
-                  div!= marked(notes)
-
-            if me.isAdmin()
-              h3(data-i18n="account_profile.remarks") Remarks
-              #remark-treema
-
-        .right-column.full-height-column
-          .sub-column
-            #projects-container.editable-section
-              .editable-display(title="Click to add your projects")
-                .editable-icon.glyphicon.glyphicon-pencil
-                if profile.projects && profile.projects.length
-                  h3(data-i18n="account_profile.projects") Projects
-                  ul.projects
-                    each project in profile.projects
-                      if project.name
-                        li
-                          if project.link && project.link.length && project.link != 'http://example.com'
-                            a(href=project.link)
-                          if project.picture
-                            .project-image(style="background-image: url('/file/" + project.picture + "')")
-                          p= project.name
-                          div!= marked(project.description)
-                else if editing
-                  h3.edit-label(data-i18n="account_profile.projects_header") Add 3 projects
-                  ul.projects
-                    li.edit-example-text
-                      .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
-                      p Cog.js
-                      div JS microlibrary to animate fixie bike cogs on ecommerce sites that sell bike hardware.
-                    li.edit-example-text
-                      .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
-                      p Combjoy
-                      div Ember.js project that schedules hair stylists to ride in Ubers with you to comb your hair on your way to work.
-                    li.edit-example-text
-                      .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
-                      p Bass Drop
-                      div Insert a few lines of JS into your site and get a "Drop the bass!" button for your website. Plays techno.
-
-              form.editable-form
-                .editable-icon.glyphicon.glyphicon-remove
-                h3(data-i18n="account_profile.projects_header_2") Projects (Top 3)
-                p(data-i18n="account_profile.projects_blurb") Highlight your projects to amaze employers.
-                for index in [0, 1, 2]
-                  - var project = (profile.projects || [])[index] || {};
-                  .array-item.well.well-sm
-                    .form-group
-                      label.control-label(data-i18n="account_profile.projects_name") Project Name
-                      input.form-control(type='text', maxlength='100', name="root[projects][#{index}][name]", value=project.name)
-                      p.help-block(data-i18n="account_profile.projects_name_help") What was the project called?
-                    .form-group
-                      label.control-label(data-i18n="account_profile.projects_description") Description
-                      textarea.form-control(rows=6, maxlength='400', data-schemaformat='markdown', name="root[projects][#{index}][description]")= project.description
-                      p.help-block(data-i18n="account_profile.projects_description_help") Briefly describe the project.
-                    .form-group
-                      label.control-label(data-i18n="account_profile.projects_picture") Picture
-                      .project-image(style="background-image: url('" + (src=project.picture ? "/file/" + project.picture : "/images/pages/account/profile/sample_project.png") + "')")
-                      input(type="hidden", name="root[projects][#{index}][picture]", value=project.picture)
-                      p.help-block(data-i18n="account_profile.projects_picture_help") Upload a 230x115px or larger image showing off the project.
-                    .form-group
-                      label.control-label(data-i18n="account_profile.projects_link") Link
-                      input.form-control(type='url', pattern='^(ht|f)tp(s?)://[0-9a-zA-Z]([-.w]*[0-9a-zA-Z])*(:(0-9)*)*(/?)([a-zA-Z0-9-‌​.?,\'/\+&%$#_=]*)?$', data-schemaformat='url', name="root[projects][#{index}][link]", value=project.link)
-                      p.help-block(data-i18n="account_profile.projects_link_help") Link to the project.
-                button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
-
-  else if allowedToViewJobProfile
-    .public-profile-container
-      h2(data-i18n="common.loading") Loading...
-
-  else if user
-    .public-profile-container
-      h2
-        span(data-i18n="account_profile.profile_for_prefix") Profile for 
-        span= user.get('name') || "Anonymous Wizard"
-        span(data-i18n="account_profile.profile_for_suffix")  
-
-      img.profile-photo(src=user.getPhotoURL(256))
-
-      p To see a private user profile, you may need to log in.
-
+  if !allowedToEditJobProfile && me.get('anonymous') == true
+    div(class="job-profile-container")
+      h1#login-message 
+        |Please 
+        a.auth-button login 
+        | to view this profile.
   else
-    .public-profile-container
-      h2
-        span(data-i18n="account_profile.profile_for_prefix") Profile for 
-        span= userID
-        span(data-i18n="account_profile.profile_for_suffix") 
-        |  
-        span(data-i18n="loading_error.not_found")
+    if allowedToEditJobProfile
+      .profile-control-bar
+        if editing
+          .progress.profile-completion-progress
+            .progress-bar.progress-bar-success(style="width: #{100 * progress}%")
+            .progress-text
+        a.btn(href="/account/settings")
+          i.icon-cog
+          span(data-i18n="account_profile.settings") Settings
+        if editing
+          button.btn.btn-success#toggle-editing
+            i.icon-ok
+            span(data-i18n="account_profile.done_editing") Done Editing
+        else
+          button.btn#toggle-editing
+            i.icon-cog
+            span(data-i18n="account_profile.edit_profile") Edit Profile
+        if linkedInAuthorized && editing
+          button.btn.btn-success#importLinkedIn
+            i.icon-arrow-down
+            span Import LinkedIn
+        else if editing
+          button.btn.linked-in-button
+            script(type="in/Login" id="linkedInAuthButton" data-onAuth="contractCallback")
+        if profile && profile.active
+          button.btn.btn-success#toggle-job-profile-active
+            i.icon-eye-open
+            span(data-i18n="account_profile.active") Looking for interview offers now
+        else
+          button.btn#toggle-job-profile-active
+            i.icon-eye-close
+            span(data-i18n="account_profile.inactive") Not looking for offers right now
+        if profile && (profile.active || me.isAdmin())
+          if profileApproved
+            button.btn.btn-success#toggle-job-profile-approved(disabled=!me.isAdmin())
+              i.icon-eye-open
+              span(data-i18n='account_profile.featured') Featured
+          else if me.isAdmin()
+            button.btn#toggle-job-profile-approved
+              i.icon-eye-close
+              span(data-i18n='account_profile.not_featured') Not Featured
+        if me.isAdmin() && !myProfile
+          button.btn#enter-espionage-mode 007
+        if me.isAdmin()
+          button.btn#open-model-modal Raw
+  
+    if profile && allowedToViewJobProfile
+      div(class="job-profile-container" + (editing ? " editable-profile" : ""))
+        .job-profile-row
+          .left-column.full-height-column
+            .sub-column
+              #profile-photo-container.editable-section(title="Click to change your photo")
+                .editable-icon.glyphicon.glyphicon-pencil
+                img.profile-photo(src=user.getPhotoURL(240, true))
+                .profile-caption= profile.jobTitle || 'Software Developer'
+  
+              #links-container.editable-section
+                .editable-display(title="Click to add social and personal links")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if profileLinks && profileLinks.length
+                    ul.links.editable-thinner
+                      each link in profileLinks
+                        if link.link && link.name
+                          li(title=profile.name + " on " + link.name, class=link.icon ? "has-icon" : "")
+                            a(href=link.link)
+                              if link.icon
+                                img(src=link.icon.url, alt=link.icon.name)
+                              else
+                                button.btn.btn-large.btn-inverse.flat-button= link.name
+                  else if editing
+                    h3.edit-label(data-i18n="account_profile.add_links") Add some links
+                    ul.links
+                      li.has-icon
+                        a(href='http://example.com')
+                          img(src='/images/pages/account/profile/icon_github.png', alt='GitHub')
+                      li.has-icon
+                        a(href='http://example.com')
+                          img(src='/images/pages/account/profile/icon_facebook.png', alt='Facebook')
+                      li.has-icon
+                        a(href='http://example.com')
+                          img(src='/images/pages/account/profile/icon_twitter.png', alt='Twitter')
+                      li.has-icon
+                        a(href='http://example.com/')
+                          img(src='/images/pages/account/profile/icon_linkedin.png', alt='LinkedIn')
+                    button.btn.btn-large.btn-inverse.flat-button.edit-example-button(data-i18n="account_profile.example_blog") Blog
+                    button.btn.btn-large.btn-inverse.flat-button.edit-example-button(data-i18n="account_profile.example_personal_site") Personal Site
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  h3(data-i18n="account_profile.links_header") Personal Links
+                  p.help-block(data-i18n="account_profile.links_blurb") Link any other sites or profiles you want to highlight, like your GitHub, your LinkedIn, or your blog.
+                  .editable-array(data-property='links')
+                    for link, index in (profile.links || []).concat({})
+                      .array-item.link-container.well.well-sm
+                        .form-group
+                          label.control-label(data-i18n="account_profile.links_name") Link Name
+                          input.form-control(type='link-name', maxlength='30', data-schemaformat='link-name', name="root[links][#{index}][name]", value=link.name, data-autocomplete="commonLinkNames", data-autocomplete-min-length=0)
+                          if !index
+                            p.help-block
+                              span(data-i18n="account_profile.links_name_help") What are you linking to?
+                              |  Ex.: 'Personal Website', 'GitHub'
+                        .form-group
+                          label.control-label(data-i18n="account_profile.links_link") Link URL
+                          input.form-control(type='url', pattern='^(ht|f)tp(s?)://[0-9a-zA-Z]([-.w]*[0-9a-zA-Z])*(:(0-9)*)*(/?)([a-zA-Z0-9-‌​.?,\'/\+&%$#_=]*)?$', data-schemaformat='url', name="root[links][#{index}][link]", value=link.link)
+                          if !index
+                            p.help-block Ex.: "https://github.com/nwinter"
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+              .editable-section#basic-info-container
+                - var editableDefaults = editing && profile.city == jobProfileSchema.properties.city.default
+                div(class="editable-display" + (editableDefaults ? " edit-example-text" : ""), title="Click to edit your basic info")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if editableDefaults
+                    h3.edit-label(data-i18n="account_profile.basics_header") Update basic info
+                  div= profile.city + ', ' + profile.country
+                  div= profile.visa
+                  div
+                    span(data-i18n="account_profile.looking_for") Looking for:
+                    |  #{profile.lookingFor}
+                  div
+                    span(data-i18n="account_profile.last_updated") Last updated:
+                    |  #{moment(profile.updated).fromNow()}
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_active") Open to Offers
+                    select.form-control(name='root[active]')
+                      option(value='1', selected=profile.active, data-i18n="account_profile.active") Looking for interview offers now
+                      option(value='', selected=!profile.active, data-i18n="account_profile.inactive") Not looking for offers right now
+                    p.help-block(data-i18n="account_profile.basics_active_help") Want interview offers right now?
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_job_title") Desired Job Title
+                    input.form-control(type='text', maxlength='50', name='root[jobTitle]', value=profile.jobTitle)
+                    p.help-block
+                      span(data-i18n="account_profile.basics_job_title_help") What role are you looking for?
+                      |  Ex.: "Full Stack Engineer", "Front-End Developer", "iOS Developer"
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_city") City
+                    input.form-control(type='city', maxlength='100', data-schemaformat='city', name='root[city]', value=profile.city, data-autocomplete="commonCities", data-autocomplete-min-length=1)
+                    p.help-block
+                      span(data-i18n="account_profile.basics_city_help") City you want to work in (or live in now).
+                      |  Ex.: "San Francisco", "Lubbock, TX"
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_country") Country
+                    input.form-control(type='country', maxlength='100', data-schemaformat='country', name='root[country]', value=profile.country, data-autocomplete="commonCountries", data-autocomplete-min-length=1)
+                    p.help-block
+                      span(data-i18n="account_profile.basics_country_help") Country you want to work in (or live in now).
+                      |  Ex.: "USA", "France"
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_visa") US Work Status
+                    select.form-control(name='root[visa]')
+                      option(value='Authorized to work in the US', selected=profile.visa == 'Authorized to work in the US') Authorized to work in the US
+                      option(value='Need visa sponsorship', selected=profile.visa == 'Need visa sponsorship') Need visa sponsorship
+                    p.help-block(data-i18n="account_profile.basics_visa_help") Are you authorized to work in the US, or do you need visa sponsorship? (If you live in Canada or Australia, mark authorized.)
+                  .form-group
+                    label.control-label(data-i18n="account_profile.basics_looking_for") Looking For
+                    select.form-control(name='root[lookingFor]')
+                      option(value='Full-time', selected=profile.lookingFor == "Full-time", data-i18n="account_profile.basics_looking_for_full_time") Full-time
+                      option(value='Part-time', selected=profile.lookingFor == "Part-time", data-i18n="account_profile.basics_looking_for_part_time") Part-time
+                      option(value='Remote', selected=profile.lookingFor == "Remote", data-i18n="account_profile.basics_looking_for_remote") Remote
+                      option(value='Contracting', selected=profile.lookingFor == "Contracting", data-i18n="account_profile.basics_looking_for_contracting") Contracting
+                      option(value='Internship', selected=profile.lookingFor == "Internship", data-i18n="account_profile.basics_looking_for_internship") Internship
+                    p.help-block(data-i18n="account_profile.basics_looking_for_help") What kind of developer position do you want?
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+              if !editing && !myProfile
+                button#contact-candidate.btn.btn-large.btn-inverse.flat-button
+                  span(data-i18n="account_profile.contact") Contact
+                  |  #{profile.name.split(' ')[0]}
+              if me.isAdmin()
+                select#admin-contact.form-control
+                  for contact in adminContacts
+                    option(value=contact.id, selected=remark && remark.get('contact') == contact.id)= contact.name
+  
+              if !editing && sessions.length
+                h3(data-i18n="account_profile.player_code") Player Code
+                ul.sessions
+                  each session in sessions
+                    li
+                      a.session-link(data-session-id=session._id)
+                        span= session.levelName
+                        if session.team
+                          span.spl - #{session.team}
+                      if session.codeLanguage != 'javascript'
+                        span.spl - #{{coffeescript: 'CoffeeScript', python: 'Python', lua: 'Lua', io: 'Io', clojure: 'Clojure'}[session.codeLanguage]}
+              if !editing && !sessions.length
+                h3(data-i18n="account_profile.player_code") Player Code
+                p This player hasn't submitted code to our more recent tournaments.
+          .middle-column.full-height-column
+            .sub-column
+              #name-container.editable-section
+                .editable-display(title="Click to fill in your name")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if editing && !profile.name
+                    h3.edit-label(data-i18n="account_profile.name_header") Fill in your name
+                  else if profile.name
+                    h3= profile.name + (me.isAdmin() ? ' (' + user.get('name') + ')' : '')
+                  else
+                    h3
+                      span(data-i18n="account_profile.name_anonymous") Anonymous Developer
+                      if me.isAdmin()
+                        span  (#{user.get('name')})
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  .form-group
+                    label.control-label(data-i18n="general.name") Name
+                    input.form-control(type='text', maxlength='100', name='root[name]', value=profile.name)
+                    p.help-block(data-i18n="account_profile.name_help") Name you want employers to see, like 'Nick Winter'.
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+  
+              #short-description-container.editable-section
+                .editable-display(title="Click to write your tagline")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if editing && (!profile.shortDescription || profile.shortDescription == jobProfileSchema.properties.shortDescription.default)
+                    h3.edit-label(data-i18n="account_profile.short_description_header") Write a short description of yourself
+                    p.edit-example-text(data-i18n="account_profile.short_description_blurb") Add a tagline to help an employer quickly learn more about you.
+  
+                  else if profile.shortDescription
+                    p.editable-thinner= profile.shortDescription
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  .form-group
+                    label.control-label(data-i18n="account_profile.short_description") Tagline
+                    textarea.form-control(rows=3, maxlength='140', name='root[shortDescription]')= profile.shortDescription
+                    p.help-block(data-i18n="account_profile.short_description_help") Who are you, and what are you looking for? 140 characters max.
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+  
+              #skills-container.editable-section
+                .editable-display.editable-thinner(title="Click to tag your programming skills")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if editing && (!profile.skills || !profile.skills.length || (profile.skills.length == 1 && profile.skills[0] == 'javascript'))
+                    h3.edit-label Tag your programming skills
+                    each skill in ["python", "coffeescript", "node", "ios", "objective-c", "javascript", "app-engine", "mongodb", "web dev", "django", "backbone"]
+                      code.edit-example-tag= skill
+                      span  
+                  else
+                    each skill in profile.skills
+                      code= skill
+                      span  
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  h3(data-i18n="account_profile.skills_header") Skills
+                  p.help-block
+                    span(data-i18n="account_profile.skills_help") Tag relevant developer skills in order of proficiency.
+                    |  Ex.: "objective-c", "mongodb", "rails", "android", "javascript"
+                  .editable-array(data-property='skills')
+                    for skill, index in (profile.skills || []).concat('')
+                      .array-item.skill-array-item
+                        input.form-control(type='skill', maxlength='20', pattern='.{1,}', data-schemaformat='skill', name="root[skills][#{index}]", value=skill, data-autocomplete="commonSkills", data-autocomplete-min-length=1)
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+  
+              #long-description-container.editable-section
+                .editable-display(title="Click to start writing your longer description")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  - var modified = profile.longDescription && profile.longDescription != jobProfileSchema.properties.longDescription.default
+                  if editing && !modified
+                    h3.edit-label(data-i18n="account_profile.long_description_header") Describe your desired position
+                    p.edit-example-text(data-i18n="account_profile.long_description_blurb") Tell employers how awesome you are and what role you want.
+                  else if modified
+                    div.long-description.editable-thinner!= marked(profile.longDescription)
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  .form-group
+                    label.control-label(data-i18n="account_profile.long_description") Self Description
+                    textarea.form-control(rows=20, maxlength='600', data-schemaformat='markdown', name='root[longDescription]')= profile.longDescription
+                    p.help-block(data-i18n="account_profile.long_description_help") Describe yourself to potential employers. Keep it short and to the point. We recommend outlining the position that would most interest you. Tasteful markdown okay; 600 characters max.
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+              #work-container.editable-section
+                .editable-display(title="Click to add work experience")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if profile.work && profile.work.length
+                    h3.experience-header
+                      img.header-icon(src="/images/pages/account/profile/work.png", alt="")
+                      span(data-i18n="account_profile.work_experience") Work Experience
+                      |  - #{profile.experience}
+                      | 
+                      span(data-i18n=profile.experience == 1 ? "units.year" : "units.years")
+                    each job in profile.work
+                      if job.role && job.employer
+                        div.experience-entry
+                          div.duration.pull-right= job.duration
+                          | #{job.role} at #{job.employer}
+                          .clearfix
+                          if job.description
+                            div!= marked(job.description)
+                  else if editing
+                    h3.experience-header.edit-label(data-i18n="account_profile.work_header") Chronicle your work history
+  
+                    div.experience-entry.edit-example-text
+                        div.duration.pull-right June, 2012 - present
+                        | UX Designer at Hooli
+                        .clearfix
+                        div Revolutionized CSS, refactored flattening, and designed all the things.
+  
+                    div.experience-entry.edit-example-text
+                        div.duration.pull-right 1999 - 2012
+                        | Software Engineer at Initrode
+                        .clearfix
+                        div Built a P2P streaming TPS report fulfillment system.
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  h3(data-i18n="account_profile.work_experience") Work Experience
+                  .form-group
+                    label.control-label(data-i18n="account_profile.work_years") Years of Experience
+                    input.form-control(type='text', name='root[experience]', value=profile.experience)
+                    p.help-block(data-i18n="account_profile.work_years_help") How many years of professional experience (getting paid) developing software do you have?
+                  p(data-i18n="account_profile.work_blurb") List your relevant work experience, most recent first.
+                  .editable-array(data-property='work')
+                    for job, index in (profile.work || []).concat({})
+                      .array-item.well.well-sm
+                        .form-group
+                          label.control-label(data-i18n="account_profile.work_employer") Employer
+                          input.form-control(type='text', maxlength='100', name="root[work][#{index}][employer]", value=job.employer)
+                          p.help-block(data-i18n="account_profile.work_employer_help") Name of your employer.
+                        .form-group
+                          label.control-label(data-i18n="account_profile.work_role") Job Title
+                          input.form-control(type='text', maxlength='100', name="root[work][#{index}][role]", value=job.role)
+                          p.help-block(data-i18n="account_profile.work_role_help") What was your job title or role?
+                        .form-group
+                          label.control-label(data-i18n="account_profile.work_duration") Duration
+                          input.form-control(type='text', maxlength='100', name="root[work][#{index}][duration]", value=job.duration)
+                          p.help-block
+                            span(data-i18n="account_profile.work_duration_help") When did you hold this gig?
+                            |  Ex.: "Feb 2013 - present".
+                        .form-group
+                          label.control-label(data-i18n="account_profile.work_description") Description
+                          textarea.form-control(rows=3, maxlength='140', name="root[work][#{index}][description]")= job.description
+                          p.help-block(data-i18n="account_profile.work_description_help") What did you do there? (140 chars; optional)
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+  
+              #education-container.editable-section
+                .editable-display(title="Click to add academic experience")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if profile.education && profile.education.length
+                    h3.experience-header
+                      img.header-icon(src="/images/pages/account/profile/education.png", alt="")
+                      span(data-i18n="account_profile.education") Education
+                    each school in profile.education
+                      if school.degree && school.school
+                        div.experience-entry
+                          div.duration.pull-right= school.duration
+                          | #{school.degree} at #{school.school}
+                          .clearfix
+                          if school.description
+                            div!= marked(school.description)
+                  else if editing
+                    h3.experience-header.edit-label(data-i18n="account_profile.education_header") Recount your academic ordeals
+  
+                    div.experience-entry.edit-example-text
+                      div.duration.pull-right 1995 - 1997
+                      | Ph.D. Janitorial Science at MIT
+                      .clearfix
+                      div Anonymously solved problems in algebraic graph theory. Swept floors.
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  h3(data-i18n="accont_profile.education") Education
+                  p(data-i18n="account_profile.education_blurb") List your academic ordeals.
+                  .editable-array(data-property='education')
+                    for school, index in (profile.education || []).concat({})
+                      .array-item.well.well-sm
+                        .form-group
+                          label.control-label(data-i18n="account_profile.education_school") School
+                          input.form-control(type='text', maxlength='100', name="root[education][#{index}][school]", value=school.school)
+                          p.help-block(data-i18n="account_profile.education_school_help") Name of your school.
+                        .form-group
+                          label.control-label(data-i18n="account_profile.education_degree") Degree
+                          input.form-control(type='text', maxlength='100', name="root[education][#{index}][degree]", value=school.degree)
+                          p.help-block
+                            span(data-i18n="account_profile.education_degree_help") What was your degree and field of study?
+                            |  Ex.: "Ph.D. Human-Computer Interaction (incomplete)"
+                        .form-group
+                          label.control-label(data-i18n="account_profile.education_duration") Dates
+                          input.form-control(type='text', maxlength='100', name="root[education][#{index}][duration]", value=school.duration)
+                          p.help-block
+                            span(data-i18n="account_profile.education_duration_help") When?
+                            |  Ex.: "Aug 2004 - May 2008".
+                        .form-group
+                          label.control-label(data-i18n="account_profile.education_description") Description
+                          textarea.form-control(rows=3, maxlength='140', name="root[education][#{index}][description]")= school.description
+                          p.help-block(data-i18n="account_profile.education_description_help") Highlight anything about this educational experience. (140 chars; optional)
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+  
+              if user.get('jobProfileNotes') || me.isAdmin()
+                div(class="our-notes-section" + (editing ? " deemphasized" : ""))
+                  h3.experience-header(data-i18n="account_profile.our_notes") CodeCombat's Notes
+                  - var notes = user.get('jobProfileNotes') || '';
+                  if me.isAdmin()
+                    textarea#job-profile-notes!= notes
+                    button.btn.btn-primary#save-notes-button(data-i18n="common.save") Save
+                  else
+                    div!= marked(notes)
+  
+              if me.isAdmin()
+                h3(data-i18n="account_profile.remarks") Remarks
+                #remark-treema
+  
+          .right-column.full-height-column
+            .sub-column
+              #projects-container.editable-section
+                .editable-display(title="Click to add your projects")
+                  .editable-icon.glyphicon.glyphicon-pencil
+                  if profile.projects && profile.projects.length
+                    h3(data-i18n="account_profile.projects") Projects
+                    ul.projects
+                      each project in profile.projects
+                        if project.name
+                          li
+                            if project.link && project.link.length && project.link != 'http://example.com'
+                              a(href=project.link)
+                            if project.picture
+                              .project-image(style="background-image: url('/file/" + project.picture + "')")
+                            p= project.name
+                            div!= marked(project.description)
+                  else if editing
+                    h3.edit-label(data-i18n="account_profile.projects_header") Add 3 projects
+                    ul.projects
+                      li.edit-example-text
+                        .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
+                        p Cog.js
+                        div JS microlibrary to animate fixie bike cogs on ecommerce sites that sell bike hardware.
+                      li.edit-example-text
+                        .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
+                        p Combjoy
+                        div Ember.js project that schedules hair stylists to ride in Ubers with you to comb your hair on your way to work.
+                      li.edit-example-text
+                        .project-image(style="background-image: url('/images/pages/account/profile/sample_project.png')")
+                        p Bass Drop
+                        div Insert a few lines of JS into your site and get a "Drop the bass!" button for your website. Plays techno.
+  
+                form.editable-form
+                  .editable-icon.glyphicon.glyphicon-remove
+                  h3(data-i18n="account_profile.projects_header_2") Projects (Top 3)
+                  p(data-i18n="account_profile.projects_blurb") Highlight your projects to amaze employers.
+                  for index in [0, 1, 2]
+                    - var project = (profile.projects || [])[index] || {};
+                    .array-item.well.well-sm
+                      .form-group
+                        label.control-label(data-i18n="account_profile.projects_name") Project Name
+                        input.form-control(type='text', maxlength='100', name="root[projects][#{index}][name]", value=project.name)
+                        p.help-block(data-i18n="account_profile.projects_name_help") What was the project called?
+                      .form-group
+                        label.control-label(data-i18n="account_profile.projects_description") Description
+                        textarea.form-control(rows=6, maxlength='400', data-schemaformat='markdown', name="root[projects][#{index}][description]")= project.description
+                        p.help-block(data-i18n="account_profile.projects_description_help") Briefly describe the project.
+                      .form-group
+                        label.control-label(data-i18n="account_profile.projects_picture") Picture
+                        .project-image(style="background-image: url('" + (src=project.picture ? "/file/" + project.picture : "/images/pages/account/profile/sample_project.png") + "')")
+                        input(type="hidden", name="root[projects][#{index}][picture]", value=project.picture)
+                        p.help-block(data-i18n="account_profile.projects_picture_help") Upload a 230x115px or larger image showing off the project.
+                      .form-group
+                        label.control-label(data-i18n="account_profile.projects_link") Link
+                        input.form-control(type='url', pattern='^(ht|f)tp(s?)://[0-9a-zA-Z]([-.w]*[0-9a-zA-Z])*(:(0-9)*)*(/?)([a-zA-Z0-9-‌​.?,\'/\+&%$#_=]*)?$', data-schemaformat='url', name="root[projects][#{index}][link]", value=project.link)
+                        p.help-block(data-i18n="account_profile.projects_link_help") Link to the project.
+                  button.btn.btn-success.btn-block.save-section(data-i18n="common.save") Save
+  
+    else if allowedToViewJobProfile
+      .public-profile-container
+        h2(data-i18n="common.loading") Loading...
+  
+    else if user
+      .public-profile-container
+        h2
+          span(data-i18n="account_profile.profile_for_prefix") Profile for 
+          span= user.get('name') || "Anonymous Wizard"
+          span(data-i18n="account_profile.profile_for_suffix")  
+  
+        img.profile-photo(src=user.getPhotoURL(256))
+  
+        p To see a private user profile, you may need to log in.
+  
+    else
+      .public-profile-container
+        h2
+          span(data-i18n="account_profile.profile_for_prefix") Profile for 
+          span= userID
+          span(data-i18n="account_profile.profile_for_suffix") 
+          |  
+          span(data-i18n="loading_error.not_found")

app/templates/admin.jade

@@ -22,9 +22,9 @@ block content
     li
       a(href="/admin/users", data-i18n="admin.av_entities_users_url") Users
     li
-      a(href="/admin/level_sessions", data-i18n="admin.av_entities_active_instances_url") Active Instances
+      a(href="/admin/level-sessions", data-i18n="admin.av_entities_active_instances_url") Active Instances
     li
-      a(href="/admin/employer_list", data-i18n="admin.av_entities_employer_list_url") Employer List
+      a(href="/admin/employers", data-i18n="admin.av_entities_employer_list_url") Employer List
     li
       a(href="/admin/candidates") Candidate List
         

app/templates/base.jade

@@ -67,7 +67,7 @@ body
           a(href='/contribute', title='Contribute', tabindex=-1, data-i18n="nav.contribute") Contribute
           a(href='/legal', title='Legal', tabindex=-1, data-i18n="nav.legal") Legal
           a(href='/about', title='About', tabindex=-1, data-i18n="nav.about") About
-          a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="nav.contact") Contact
+          a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact
           a(href='/editor', data-i18n="nav.editor") Editor
           a(href='http://blog.codecombat.com/', data-i18n="nav.blog") Blog
           a(href='http://discourse.codecombat.com/', data-i18n="nav.forum") Forum

app/templates/contribute/ambassador.jade

@@ -31,7 +31,7 @@ block content
   
       h4(data-i18n="contribute.how_to_join") How to Join
       p
-        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="contribute.contact_us_url")
+        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="contribute.contact_us_url")
           | Contact us
         span , 
         span(data-i18n="contribute.ambassador_join_desc")

app/templates/contribute/archmage.jade

@@ -48,7 +48,7 @@ block content
         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")
+        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="contribute.join_url_email")
           | Email us
         span(data-i18n="contribute.join_desc_3")
           | , or find us in our 

app/templates/contribute/scribe.jade

@@ -37,7 +37,7 @@ block content
       
       h4(data-i18n="contribute.how_to_join") How To Join
       p
-        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="contribute.contact_us_url")
+        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="contribute.contact_us_url")
           | Contact us
         span , 
         span(data-i18n="contribute.scribe_join_description")

app/templates/editor.jade

@@ -36,7 +36,7 @@ block content
   p
     span(data-i18n="editor.got_questions") Questions about using the CodeCombat editors?
     |  
-    a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="editor.contact_us") Contact us!
+    a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="editor.contact_us") Contact us!
     |  
     span(data-i18n="editor.hipchat_prefix") You can also find us in our
     |  

app/templates/editor/article/edit.jade

@@ -11,7 +11,7 @@ block content
         | #{article.attributes.name}
 
   button(data-i18n="general.version_history").btn.btn-primary#history-button Version History
-  button(data-toggle="coco-modal", data-target="modal/revert", data-i18n="editor.revert", disabled=authorized === true ? undefined : "true").btn.btn-primary#revert-button Revert
+  button(data-toggle="coco-modal", data-target="modal/RevertModal", data-i18n="editor.revert", disabled=authorized === true ? undefined : "true").btn.btn-primary#revert-button Revert
   button(data-i18n="article.edit_btn_preview", disabled=authorized === true ? undefined : "true").btn.btn-primary#preview-button Preview
   button(data-i18n="common.save", disabled=authorized === true ? undefined : "true").btn.btn-primary#save-button Save
 

app/templates/editor/level/edit.jade

@@ -79,9 +79,9 @@ block header
             li(class=anonymous ? "disabled": "")
               a(data-i18n="common.fork")#fork-level-start-button Fork
             li(class=anonymous ? "disabled": "")
-              a(data-toggle="coco-modal", data-target="modal/revert", data-i18n="editor.revert")#revert-button Revert
+              a(data-toggle="coco-modal", data-target="modal/RevertModal", data-i18n="editor.revert")#revert-button Revert
             li(class=anonymous ? "disabled": "")
-              a(data-toggle="coco-modal", data-target="editor/level/modal/terrain_randomize", data-i18n="editor.randomize")#randomize-button Randomize
+              a(data-toggle="coco-modal", data-target="editor/level/modals/TerrainRandomizeModal", data-i18n="editor.randomize")#randomize-button Randomize
             li(class=anonymous ? "disabled": "")
               a(data-i18n="editor.pop_i18n")#pop-level-i18n-button Populate i18n
             li.divider
@@ -97,7 +97,7 @@ block header
             li
               a(href='http://discourse.codecombat.com/category/artisan', data-i18n="nav.forum", target="_blank") Forum
             li
-              a(data-toggle="coco-modal", data-target="modal/contact", data-i18n="nav.contact") Email
+              a(data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Email
 
 block outer_content
   .outer-content

app/templates/editor/thang/edit.jade

@@ -14,7 +14,7 @@ block content
 
   button.btn.btn-secondary#history-button(data-i18n="general.version_history") Version History
   button.btn.btn-primary#save-button(data-i18n="common.save", disabled=authorized === true ? undefined : "true") Save
-  button.btn.btn-primary#revert-button(data-toggle="coco-modal", data-target="modal/revert", data-i18n="editor.revert", disabled=authorized === true ? undefined : "true") Revert
+  button.btn.btn-primary#revert-button(data-toggle="coco-modal", data-target="modal/RevertModal", data-i18n="editor.revert", disabled=authorized === true ? undefined : "true") Revert
   
   h3 Edit Thang Type: "#{thangType.attributes.name}"
 

app/templates/employers.jade

@@ -90,7 +90,15 @@ block content
                 p#results 
                   | #{numberOfCandidates} 
                   span(data-i18n="employers.results") results
-                //button.btn#create-alert-button Create Alert
+                h4#filter-alerts-heading Filter Email Alerts
+                p Get an email whenever a candidate meeting certain criteria enters the system.
+                table#saved-filter-table
+                  thead
+                    tr
+                      th Filters
+                      th Remove
+                  tbody
+                button.btn#create-alert-button Create Alert with Current Filters
 
     #candidates-column(class=fullProfiles ? "full-profiles col-md-9" : "teaser-profiles col-md-12")
       if candidates.length

app/templates/kinds/search.jade

@@ -10,7 +10,7 @@ block content
           | #{currentEditor}
 
     if me.get('anonymous')
-      a.btn.btn-primary.open-modal-button(data-toggle="coco-modal", data-target="modal/auth", role="button", data-i18n="#{currentNewSignup}") Log in to Create a New Content
+      a.btn.btn-primary.open-modal-button(data-toggle="coco-modal", data-target="modal/AuthModal", role="button", data-i18n="#{currentNewSignup}") Log in to Create a New Content
     else
       a.btn.btn-primary.open-modal-button(href='#new-model-modal', role="button", data-toggle="modal", data-i18n="#{currentNew}") Create a New Something
     input#search(data-i18n="[placeholder]#{currentSearch}")

app/templates/modal/auth.jade

@@ -74,4 +74,4 @@ block modal-footer
     div.network-login
       .gplus-login-button#gplus-login-button
     div#recover-account-wrapper
-      a(data-toggle="coco-modal", data-target="modal/recover", data-i18n="login.recover")#link-to-recover recover account
+      a(data-toggle="coco-modal", data-target="modal/RecoverModal", data-i18n="login.recover")#link-to-recover recover account

app/templates/modal/employer_signup_modal.jade

@@ -23,7 +23,7 @@ block modal-body-content
         br
         br
         | Already have a CodeCombat account? 
-        a.login-link(data-toggle="coco-modal", data-target="modal/auth") Log in to continue!
+        a.login-link(data-toggle="coco-modal", data-target="modal/AuthModal") Log in to continue!
   else if !userIsAuthorized
     .modal-footer.linkedin
       p Please sign into your LinkedIn account to verify your identity.
@@ -50,7 +50,7 @@ block modal-footer
   if userIsAnonymous   
     if userIsAuthorized
       .modal-footer.linkedin
-        a.login-link(data-toggle="coco-modal", data-target="modal/auth") Please log in to continue.
+        a.login-link(data-toggle="coco-modal", data-target="modal/AuthModal") Please log in to continue.
   else if !userIsAnonymous && !userIsAuthorized
     .modal-footer.linkedin
   else if userIsAuthorized && !userHasSignedContract

app/templates/play/ladder/ladder_tab.jade

@@ -21,12 +21,12 @@ div#columns.row
         for session, rank in topSessions
           - var myRow = session.get('creator') == me.id
           tr(class=myRow ? "success" : "", data-player-id=session.get('creator'), data-session-id=session.id)
-            td.code-language-cell(style="background-image: url(/images/common/code_languages/" + session.get('submittedCodeLanguage') + "_icon.png)")
+            td.code-language-cell(style="background-image: url(/images/common/code_languages/" + session.get('submittedCodeLanguage') + "_icon.png)" title=capitalize(session.get('submittedCodeLanguage')))
             td.rank-cell= rank + 1
             td.score-cell= Math.round(session.get('totalScore') * 100)
             td.name-col-cell= session.get('creatorName') || "Anonymous"
             td.fight-cell
-              a(href="/play/level/#{level.get('slug') || level.id}/?team=#{team.otherTeam}&opponent=#{session.id}")
+              a(href="/play/level/#{level.get('slug') || level.id}?team=#{team.otherTeam}&opponent=#{session.id}")
                 span(data-i18n="ladder.fight") Fight!
                 
         if !showJustTop && team.leaderboard.nearbySessions().length
@@ -40,7 +40,7 @@ div#columns.row
               td.score-cell= Math.round(session.get('totalScore') * 100)
               td.name-col-cell= session.get('creatorName') || "Anonymous"
               td.fight-cell
-                a(href="/play/level/#{level.get('slug') || level.id}/?team=#{team.otherTeam}&opponent=#{session.id}")
+                a(href="/play/level/#{level.get('slug') || level.id}?team=#{team.otherTeam}&opponent=#{session.id}")
                   span(data-i18n="ladder.fight") Fight!
         if teamIndex == 1
           .btn.btn-sm.load-more-ladder-entries More
@@ -49,7 +49,7 @@ div#columns.row
     h4.friends-header(data-i18n="ladder.friends_playing") Friends Playing
     if me.get('anonymous')
       div.alert.alert-info
-        a(data-toggle="coco-modal", data-target="modal/auth", data-i18n="ladder.log_in_for_friends") Log in to play with your friends!
+        a(data-toggle="coco-modal", data-target="modal/AuthModal", data-i18n="ladder.log_in_for_friends") Log in to play with your friends!
     
     else
       if !onFacebook || !onGPlus

app/templates/play/level.jade

@@ -24,7 +24,7 @@
 .footer
   .content
     p(class='footer-link-text')
-      a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="nav.contact") Contact
+      a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact
     if explainHourOfCode
       // Does not show up unless lang is en-US.
       div.hour-of-code-explanation

app/templates/play/level/modal/victory.jade

@@ -21,7 +21,7 @@ block modal-footer-content
     a.btn.btn-primary(href="/", data-dismiss="modal", data-i18n="play_level.victory_go_home") Go Home
   if me.get('anonymous')
     p.sign-up-poke
-      button.btn.btn-success.sign-up-button.btn-large(data-toggle="coco-modal", data-target="modal/signup", data-i18n="play_level.victory_sign_up") Sign Up to Save Progress
+      button.btn.btn-success.sign-up-button.btn-large(data-toggle="coco-modal", data-target="modal/SignupModal", data-i18n="play_level.victory_sign_up") Sign Up to Save Progress
       span(data-i18n="play_level.victory_sign_up_poke") Want to save your code? Create a free account!
     p.clearfix
   else

app/templates/play/level/tome/spell_list_tab_entry.jade

@@ -1,3 +1,5 @@
+img(src="/images/level/code_editor_tab_background.png").spell-tab-image-hidden.hidden
+
 .btn.btn-small.spell-list-button(title="See all spells you can edit")
   i.icon-chevron-down
 .thang-avatar-placeholder

app/templates/play/level/tome/spell_palette_entry_popover.jade

@@ -8,7 +8,43 @@ h4
     else
       |  (read-only)
 
-.description!= marked(doc.description || 'Still undocumented, sorry.')
+.description
+  p!= marked(doc.description || 'Still undocumented, sorry.')
+  if cooldowns && (cooldowns.cooldown || cooldowns.specificCooldown)
+    p
+      span
+        | #{cooldowns.type == 'spell' ? 'Spell' : 'Action'} name: 
+        code "#{cooldowns.name}"
+        | .
+      span.spl
+        | Cooldown: 
+        code= cooldowns.cooldown
+        | s.
+      if cooldowns.specificCooldown
+        span.spl
+          | Specific cooldown: 
+          code= cooldowns.specificCooldown
+          | s.
+      if cooldowns.damage
+        span.spl
+          | Damage: 
+          code= cooldowns.damage
+          | .
+      if cooldowns.range
+        span.spl
+          | Range: 
+          code= cooldowns.range
+          | m.
+      if cooldowns.radius
+        span.spl
+          | Radius: 
+          code= cooldowns.radius
+          | m.
+      if cooldowns.duration
+        span.spl
+          | Duration: 
+          code= cooldowns.duration
+          | s.
 
 if !selectedMethod
   if doc.example

app/templates/play/spectate.jade

@@ -13,4 +13,4 @@
 .footer
   .content
     p(class='footer-link-text')
-      a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact", data-i18n="nav.contact") Contact
+      a(title='Send CodeCombat a message', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal", data-i18n="nav.contact") Contact

app/templates/teachers.jade

@@ -24,7 +24,7 @@ block content
       p More questions? Get in touch! Feature requests? We'd love to hear them! CodeCombat is new and needs to hear from you to learn what teachers would love to have in their classrooms of programming wizards-to-be.
 
       h3
-        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/contact") Contact Us
+        a(title='Contact', tabindex=-1, data-toggle="coco-modal", data-target="modal/ContactModal") Contact Us
     
     .span5
  

app/views/EmployersView.coffee

@@ -1,11 +1,10 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/employers'
-app = require 'application'
 User = require 'models/User'
 UserRemark = require 'models/UserRemark'
 {me} = require 'lib/auth'
 CocoCollection = require 'collections/CocoCollection'
-EmployerSignupView = require 'views/modal/employer_signup_modal'
+EmployerSignupModal = require 'views/modal/EmployerSignupModal'
 
 class CandidatesCollection extends CocoCollection
   url: '/db/user/x/candidates'
@@ -20,15 +19,16 @@ module.exports = class EmployersView extends RootView
   template: template
 
   events:
-    'click tbody tr': 'onCandidateClicked'
+    'click #candidate-table': 'onCandidateClicked'
     'click #logout-link': 'logoutAccount'
     'change #filters input': 'onFilterChanged'
-    'click #filter-button': 'applyFilters'
     'change #select_all_checkbox': 'handleSelectAllChange'
     'click .get-started-button': 'openSignupModal'
     'click .navbar-brand': 'restoreBodyColor'
     'click #login-link': 'onClickAuthbutton'
     'click #filter-link': 'swapFolderIcon'
+    'click #create-alert-button': 'createFilterAlert'
+    'click .deletion-col': 'deleteFilterAlert'
 
   constructor: (options) ->
     super options
@@ -39,6 +39,7 @@ module.exports = class EmployersView extends RootView
   afterRender: ->
     super()
     @sortTable() if @candidates.models.length
+    @renderSavedFilters()
 
   afterInsert: ->
     super()
@@ -73,7 +74,7 @@ module.exports = class EmployersView extends RootView
     @applyFilters()
 
   openSignupModal: ->
-    @openModalView new EmployerSignupView
+    @openModalView new EmployerSignupModal
   handleSelectAllChange: (e) ->
     checkedState = e.currentTarget.checked
     $('#filters :input').each ->
@@ -128,7 +129,46 @@ module.exports = class EmployersView extends RootView
         return (_.filter candidates, (c) -> c.get('jobProfile').curated?[filterName] is filterValue).length
     else
       return Math.floor(Math.random() * 500)
-
+  createFilterAlert: ->
+    currentFilterSet = _.cloneDeep @filters
+    currentSavedFilters = _.cloneDeep me.get('savedEmployerFilterAlerts') ? []
+    currentSavedFilters.push currentFilterSet
+    @patchEmployerFilterAlerts currentSavedFilters, @renderSavedFilters
+      
+  deleteFilterAlert: (e) ->
+    index = $(e.target).closest('tbody tr').data('filter-index')
+    currentSavedFilters = me.get('savedEmployerFilterAlerts')
+    currentSavedFilters.splice(index,1)
+    @patchEmployerFilterAlerts currentSavedFilters, @renderSavedFilters
+    
+  patchEmployerFilterAlerts: (newFilters, cb) ->
+    me.set('savedEmployerFilterAlerts',newFilters)
+    unless me.isValid()
+      alert("There was an error setting the filter(me.isValid() returned false.) Reverting! Please notify team@codecombat.com.")
+      me.set 'savedEmployerFilterAlerts', me.previous('savedEmployerFilterAlerts')
+    else
+      triggerErrorAlert = -> alert("There was an error saving your filter alert! Please notify team@codecombat.com.")
+      res = me.save {"savedEmployerFilterAlerts": newFilters}, {patch: true, success: cb, error: triggerErrorAlert}
+      
+  renderSavedFilters: =>
+    savedFilters = me.get('savedEmployerFilterAlerts')
+    unless savedFilters?.length then return $("#saved-filter-table").hide()
+    $("#saved-filter-table").show()
+    $("#saved-filter-table").find("tbody tr").remove()
+    for filter, index in savedFilters
+      $("#saved-filter-table tbody").append("""<tr data-filter-index="#{index}"><td>#{@generateFilterAlertDescription(filter)}</td><td class="deletion-col"><a>✗</a></td></tr> """)
+      
+  
+  generateFilterAlertDescription: (filter) =>
+    descriptionString = ""
+    for key in _.keys(filter).sort()
+      value = filter[key]
+      if key is "filterActive" or _.without(@defaultFilters[key],value...).length is 0 then continue
+      if descriptionString.length then descriptionString += ", "
+      descriptionString += value.join(", ")
+    if descriptionString.length is 0 then descriptionString = "Any new candidate"
+    return descriptionString
+    
   getActiveAndApprovedCandidates: =>
     candidates = _.filter @candidates.models, (c) -> c.get('jobProfile').active
     return _.filter candidates, (c) -> c.get('jobProfileApproved')
@@ -181,7 +221,7 @@ module.exports = class EmployersView extends RootView
 
   checkForEmployerSignupHash: =>
     if window.location.hash is '#employerSignupLoggingIn' and not ('employer' in me.get('permissions')) and not me.isAdmin()
-      @openModalView application.router.getView('modal/employer_signup', '_modal')
+      @openModalView new EmployerSignupModal
       window.location.hash = ''
 
   sortTable: ->
@@ -315,4 +355,4 @@ module.exports = class EmployersView extends RootView
       url = "/account/profile/#{id}"
       window.open url, '_blank'
     else
-      @openModalView new EmployerSignupView
+      @openModalView new EmployerSignupModal

app/views/HomeView.coffee

@@ -4,7 +4,6 @@ WizardSprite = require 'lib/surface/WizardSprite'
 ThangType = require 'models/ThangType'
 Simulator = require 'lib/simulator/Simulator'
 {me} = require '/lib/auth'
-application  = require 'application'
 
 module.exports = class HomeView extends RootView
   id: 'home-view'

app/views/account/AccountSettingsView.coffee

@@ -3,12 +3,12 @@ template = require 'templates/account/settings'
 {me} = require 'lib/auth'
 forms = require 'lib/forms'
 User = require 'models/User'
-AuthModalView = require 'views/modal/auth_modal'
+AuthModal = require 'views/modal/AuthModal'
 
-WizardSettingsView = require './wizard_settings_view'
-JobProfileView = require './job_profile_view'
+WizardSettingsView = require './WizardSettingsView'
+JobProfileTreemaView = require './JobProfileTreemaView'
 
-module.exports = class SettingsView extends RootView
+module.exports = class AccountSettingsView extends RootView
   id: 'account-settings-view'
   template: template
   changedFields: [] # DOM input fields
@@ -97,9 +97,9 @@ module.exports = class SettingsView extends RootView
     @listenTo wizardSettingsView, 'change', @enableSaveButton
     @insertSubView wizardSettingsView
 
-    @jobProfileView = new JobProfileView()
-    @listenTo @jobProfileView, 'change', @enableSaveButton
-    @insertSubView @jobProfileView
+    @jobProfileTreemaView = new JobProfileTreemaView()
+    @listenTo @jobProfileTreemaView, 'change', @enableSaveButton
+    @insertSubView @jobProfileTreemaView
     _.defer => @buildPictureTreema()  # Not sure why, but the Treemas don't fully build without this if you reload the page.
 
   afterInsert: ->
@@ -107,7 +107,7 @@ module.exports = class SettingsView extends RootView
     $('#email-pane input[type="checkbox"]').on 'change', ->
       $(@).addClass 'changed'
     if me.get('anonymous')
-      @openModalView new AuthModalView()
+      @openModalView new AuthModal()
     @updateSavedValues()
 
   chooseTab: (category) ->
@@ -222,7 +222,7 @@ module.exports = class SettingsView extends RootView
 
     jobProfile = me.get('jobProfile') ? {}
     updated = false
-    for key, val of @jobProfileView.getData()
+    for key, val of @jobProfileTreemaView.getData()
       updated = updated or not _.isEqual jobProfile[key], val
       jobProfile[key] = val
     if updated

app/views/account/JobProfileCodeModal.coffee

@@ -1,7 +1,6 @@
 ModalView = require 'views/kinds/ModalView'
 template = require 'templates/account/job_profile_code_modal'
 LevelSessionCodeView = require 'views/common/LevelSessionCodeView'
-console.log 'template', template
 
 module.exports = class JobProfileCodeModal extends ModalView
   id: 'job_profile_code_modal'

app/views/account/JobProfileView.coffee

@@ -4,11 +4,11 @@ User = require 'models/User'
 LevelSession = require 'models/LevelSession'
 CocoCollection = require 'collections/CocoCollection'
 {me} = require 'lib/auth'
-JobProfileContactView = require 'views/modal/job_profile_contact_modal'
-JobProfileView = require 'views/account/job_profile_view'
+JobProfileContactModal = require 'views/modal/JobProfileContactModal'
+JobProfileTreemaView = require 'views/account/JobProfileTreemaView'
 UserRemark = require 'models/UserRemark'
 forms = require 'lib/forms'
-ModelModal = require 'views/modal/model_modal'
+ModelModal = require 'views/modal/ModelModal'
 JobProfileCodeModal = require './JobProfileCodeModal'
 
 class LevelSessionsCollection extends CocoCollection
@@ -26,7 +26,7 @@ adminContacts = [
   {id: '52a57252a89409700d0000d9', name: 'Ignore'}
 ]
 
-module.exports = class ProfileView extends RootView
+module.exports = class JobProfileView extends RootView
   id: 'profile-view'
   template: template
   showBackground: false
@@ -65,6 +65,9 @@ module.exports = class ProfileView extends RootView
       @authorizedWithLinkedIn = IN?.User?.isAuthorized()
       @render()
     super options
+    if me.get('anonymous') is true
+      @render()
+      return
     if User.isObjectID @userID
       @finishInit()
     else
@@ -314,7 +317,7 @@ module.exports = class ProfileView extends RootView
 
   initializeAutocomplete: (container) ->
     (container ? @$el).find('input[data-autocomplete]').each ->
-      $(@).autocomplete(source: JobProfileView[$(@).data('autocomplete')], minLength: parseInt($(@).data('autocomplete-min-length')), delay: 0, autoFocus: true)
+      $(@).autocomplete(source: JobProfileTreemaView[$(@).data('autocomplete')], minLength: parseInt($(@).data('autocomplete-min-length')), delay: 0, autoFocus: true)
 
   toggleEditing: ->
     @editing = not @editing
@@ -371,7 +374,7 @@ module.exports = class ProfileView extends RootView
     null
 
   onContactCandidate: (e) ->
-    @openModalView new JobProfileContactView recipientID: @user.id, recipientUserName: @user.get('name')
+    @openModalView new JobProfileContactModal recipientID: @user.id, recipientUserName: @user.get('name')
 
   showErrors: (errors) ->
     section = @$el.find '.saving'

app/views/admin/CandidatesView.coffee

@@ -1,11 +1,10 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/admin/candidates'
-app = require 'application'
 User = require 'models/User'
 UserRemark = require 'models/UserRemark'
 {me} = require 'lib/auth'
 CocoCollection = require 'collections/CocoCollection'
-EmployerSignupView = require 'views/modal/employer_signup_modal'
+EmployerSignupModal = require 'views/modal/EmployerSignupModal'
 
 class CandidatesCollection extends CocoCollection
   url: '/db/user/x/candidates'
@@ -15,7 +14,7 @@ class UserRemarksCollection extends CocoCollection
   url: '/db/user.remark?project=contact,contactName,user'
   model: UserRemark
 
-module.exports = class EmployersView extends RootView
+module.exports = class CandidatesView extends RootView
   id: "admin-candidates-view"
   template: template
 
@@ -71,7 +70,7 @@ module.exports = class EmployersView extends RootView
 
   checkForEmployerSignupHash: =>
     if window.location.hash is "#employerSignupLoggingIn" and not ("employer" in me.get("permissions"))
-      @openModalView application.router.getView("modal/employer_signup","_modal")
+      @openModalView new EmployerSignupModal
       window.location.hash = ""
 
   sortTable: ->
@@ -204,4 +203,4 @@ module.exports = class EmployersView extends RootView
       url = "/account/profile/#{id}"
       window.open url,"_blank"
     else
-      @openModalView new EmployerSignupView
+      @openModalView new EmployerSignupModal

app/views/admin/EmployersListView.coffee

@@ -1,16 +1,15 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/admin/employer_list'
-app = require 'application'
 User = require 'models/User'
 {me} = require 'lib/auth'
 CocoCollection = require 'collections/CocoCollection'
-ModelModal = require 'views/modal/model_modal'
+ModelModal = require 'views/modal/ModelModal'
 
 class EmployersCollection extends CocoCollection
   url: '/db/user/x/employers'
   model: User
 
-module.exports = class EmployersView extends RootView
+module.exports = class EmployersListView extends RootView
   id: 'employers-view'
   template: template
 

app/views/admin/MainAdminView.coffee

@@ -2,7 +2,7 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/admin'
 
-module.exports = class AdminView extends RootView
+module.exports = class MainAdminView extends RootView
   id: 'admin-view'
   template: template
 

app/views/admin/base_view.coffee

@@ -1,6 +0,0 @@
-RootView = require 'views/kinds/RootView'
-template = require 'templates/base'
-
-module.exports = class BaseView extends RootView
-  id: 'base-view'
-  template: template

app/views/contribute/ContributeClassView.coffee

@@ -1,4 +1,4 @@
-SignupModalView = require 'views/modal/signup_modal'
+SignupModalView = require 'views/modal/SignupModal'
 RootView = require 'views/kinds/RootView'
 {me} = require 'lib/auth'
 contributorSignupAnonymousTemplate = require 'templates/contribute/contributor_signup_anonymous'

app/views/docs/ComponentDocumentationView.coffee

@@ -1,24 +1,21 @@
-#RootView = require 'views/kinds/RootView'
-CocoView = require 'views/kinds/CocoView'
+RootView = require 'views/kinds/RootView'
 template = require 'templates/docs/components'
 CocoCollection = require 'collections/CocoCollection'
 LevelComponent = require 'models/LevelComponent'
 
-
 class ComponentDocsCollection extends CocoCollection
   url: '/db/level.component?project=name,description,dependencies,propertyDocumentation,code'
   model: LevelComponent
 
-module.exports = class UnnamedView extends CocoView
+module.exports = class ComponentDocumentationView extends RootView
   id: 'docs-components-view'
   template: template
-  className: 'tab-pane'
 
   constructor: (options) ->
     super(options)
     @componentDocs = new ComponentDocsCollection()
     @supermodel.loadCollection @componentDocs, 'components'
-    
+
   onLoaded: ->
     console.log 'we have the components...', (c.get('name') for c in @componentDocs.models)
     console.log 'we have the attributes...', (c.attributes for c in @componentDocs.models)
@@ -38,4 +35,4 @@ module.exports = class UnnamedView extends CocoView
       c.language = 'javascript'
     else
       c.language = me.get('aceConfig').language
-    c
+    c

app/views/editor/PatchModal.coffee

@@ -1,6 +1,6 @@
 ModalView = require 'views/kinds/ModalView'
 template = require 'templates/editor/patch_modal'
-DeltaView = require 'views/editor/delta'
+DeltaView = require 'views/editor/DeltaView'
 auth = require 'lib/auth'
 
 module.exports = class PatchModal extends ModalView

app/views/editor/PatchesView.coffee

@@ -2,7 +2,7 @@ CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/patches'
 PatchesCollection = require 'collections/PatchesCollection'
 nameLoader = require 'lib/NameLoader'
-PatchModal = require './patch_modal'
+PatchModal = require './PatchModal'
 
 module.exports = class PatchesView extends CocoView
   template: template

app/views/editor/achievement/AchievementEditView.coffee

@@ -1,7 +1,7 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/editor/achievement/edit'
 Achievement = require 'models/Achievement'
-ConfirmModal = require 'views/modal/confirm'
+ConfirmModal = require 'views/modal/ConfirmModal'
 
 module.exports = class AchievementEditView extends RootView
   id: 'editor-achievement-edit-view'

app/views/editor/article/ArticleEditView.coffee

@@ -1,9 +1,9 @@
 RootView = require 'views/kinds/RootView'
-VersionHistoryView = require './versions_view'
+VersionHistoryView = require './ArticleVersionsModal'
 template = require 'templates/editor/article/edit'
 Article = require 'models/Article'
-SaveVersionModal = require 'views/modal/save_version_modal'
-PatchesView = require 'views/editor/patches_view'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
+PatchesView = require 'views/editor/PatchesView'
 
 module.exports = class ArticleEditView extends RootView
   id: 'editor-article-edit-view'
@@ -79,7 +79,7 @@ module.exports = class ArticleEditView extends RootView
     @patchesView.load()
 
   openPreview: ->
-    @preview = window.open('/editor/article/x/preview', 'preview', 'height=800,width=600')
+    @preview = window.open('/editor/article/preview', 'preview', 'height=800,width=600')
     @preview.focus() if window.focus
     @preview.onload = => @pushChangesToPreview()
     return false

app/views/editor/article/ArticlePreviewView.coffee

@@ -1,6 +1,6 @@
 RootView = require 'views/kinds/RootView'
 template = require 'templates/editor/article/preview'
 
-module.exports = class PreviewView extends RootView
+module.exports = class ArticlePreviewView extends RootView
   id: 'editor-article-preview-view'
   template: template

app/views/editor/article/ArticleSearchView.coffee

@@ -1,6 +1,6 @@
 SearchView = require 'views/kinds/SearchView'
 
-module.exports = class ThangTypeHomeView extends SearchView
+module.exports = class ArticleSearchView extends SearchView
   id: 'editor-article-home-view'
   modelLabel: 'Article'
   model: require 'models/Article'

app/views/editor/article/ArticleVersionsModal.coffee

@@ -1,6 +1,6 @@
-VersionsModalView = require 'views/modal/versions_modal'
+VersionsModal = require 'views/modal/VersionsModal'
 
-module.exports = class ArticleVersionsView extends VersionsModalView
+module.exports = class ArticleVersionsModal extends VersionsModal
   id: 'editor-article-versions-view'
   url: '/db/article/'
   page: 'article'

app/views/editor/component/ComponentVersionsModal.coffee

@@ -1,6 +1,6 @@
-VersionsModalView = require 'views/modal/versions_modal'
+VersionsModal = require 'views/modal/VersionsModal'
 
-module.exports = class ComponentVersionsView extends VersionsModalView
+module.exports = class ComponentVersionsModal extends VersionsModal
   id: 'editor-component-versions-view'
   url: '/db/level.component/'
   page: 'component'

app/views/editor/component/ThangComponentConfigView.coffee

@@ -5,7 +5,7 @@ Level = require 'models/Level'
 LevelComponent = require 'models/LevelComponent'
 nodes = require '../level/treema_nodes'
 
-module.exports = class ComponentConfigView extends CocoView
+module.exports = class ThangComponentConfigView extends CocoView
   id: 'component-config-column-view'
   template: template
   className: 'column'

app/views/editor/component/ThangComponentEditView.coffee

@@ -5,7 +5,7 @@ Level = require 'models/Level'
 LevelComponent = require 'models/LevelComponent'
 LevelSystem = require 'models/LevelSystem'
 ComponentsCollection = require 'collections/ComponentsCollection'
-ComponentConfigView = require './config'
+ComponentConfigView = require './ThangComponentConfigView'
 
 module.exports = class ThangComponentEditView extends CocoView
   id: 'thang-components-edit-view'

app/views/editor/level/LevelEditView.coffee

@@ -6,19 +6,18 @@ World = require 'lib/world/world'
 DocumentFiles = require 'collections/DocumentFiles'
 LevelLoader = require 'lib/LevelLoader'
 
-ThangsTabView = require './thangs_tab_view'
-SettingsTabView = require './settings_tab_view'
-ScriptsTabView = require './scripts_tab_view'
-ComponentsTabView = require './components_tab_view'
-SystemsTabView = require './systems_tab_view'
-LevelSaveView = require './save_view'
-LevelForkView = require './fork_view'
-SaveVersionModal = require 'views/modal/save_version_modal'
-PatchesView = require 'views/editor/patches_view'
-VersionHistoryView = require './versions_view'
-ComponentDocsView = require 'views/docs/components_view'
+ThangsTabView = require './thangs/ThangsTabView'
+SettingsTabView = require './settings/SettingsTabView'
+ScriptsTabView = require './scripts/ScriptsTabView'
+ComponentsTabView = require './components/ComponentsTabView'
+SystemsTabView = require './systems/SystemsTabView'
+SaveLevelModal = require './modals/SaveLevelModal'
+LevelForkView = require './modals/ForkLevelModal'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
+PatchesView = require 'views/editor/PatchesView'
+VersionHistoryView = require './modals/LevelVersionsModal'
 
-module.exports = class EditorLevelView extends RootView
+module.exports = class LevelEditView extends RootView
   id: 'editor-level-view'
   template: template
   cache: false
@@ -72,7 +71,6 @@ module.exports = class EditorLevelView extends RootView
     @scriptsTab = @insertSubView new ScriptsTabView world: @world, supermodel: @supermodel, files: @files
     @componentsTab = @insertSubView new ComponentsTabView supermodel: @supermodel
     @systemsTab = @insertSubView new SystemsTabView supermodel: @supermodel
-    @componentDocsTab = @insertSubView new ComponentDocsView supermodel: @supermodel
     Backbone.Mediator.publish 'level-loaded', level: @level
     @showReadOnly() if me.get('anonymous')
     @patchesView = @insertSubView(new PatchesView(@level), @$el.find('.patches-view'))
@@ -108,7 +106,7 @@ module.exports = class EditorLevelView extends RootView
     Backbone.Mediator.publish 'level:view-switched', e
 
   startCommittingLevel: (e) ->
-    @openModalView new LevelSaveView level: @level, supermodel: @supermodel
+    @openModalView new SaveLevelModal level: @level, supermodel: @supermodel
     Backbone.Mediator.publish 'level:view-switched', e
 
   startForkingLevel: (e) ->
@@ -135,4 +133,4 @@ module.exports = class EditorLevelView extends RootView
     else
       li.parent().find('li').hide()
       li.show()
-    console.log li.hasClass('active')
+    console.log li.hasClass('active')

app/views/editor/level/LevelSearchView.coffee

@@ -1,6 +1,6 @@
 SearchView = require 'views/kinds/SearchView'
 
-module.exports = class EditorSearchView extends SearchView
+module.exports = class LevelSearchView extends SearchView
   id: 'editor-level-home-view'
   modelLabel: 'Level'
   model: require 'models/Level'

app/views/editor/level/components/ComponentsTabView.coffee

@@ -1,8 +1,8 @@
 CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/components_tab'
 LevelComponent = require 'models/LevelComponent'
-LevelComponentEditView = require './component/edit'
-LevelComponentNewView = require './component/new'
+LevelComponentEditView = require './LevelComponentEditView'
+LevelComponentNewView = require './NewLevelComponentModal'
 
 class LevelComponentCollection extends Backbone.Collection
   url: '/db/level.component'

app/views/editor/level/components/LevelComponentEditView.coffee

@@ -1,9 +1,9 @@
 CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/component/edit'
 LevelComponent = require 'models/LevelComponent'
-VersionHistoryView = require 'views/editor/component/versions_view'
-PatchesView = require 'views/editor/patches_view'
-SaveVersionModal = require 'views/modal/save_version_modal'
+ComponentVersionsModal = require 'views/editor/component/ComponentVersionsModal'
+PatchesView = require 'views/editor/PatchesView'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
 
 module.exports = class LevelComponentEditView extends CocoView
   id: 'editor-level-component-edit-view'
@@ -108,8 +108,8 @@ module.exports = class LevelComponentEditView extends CocoView
     null
 
   showVersionHistory: (e) ->
-    versionHistoryView = new VersionHistoryView {}, @levelComponent.id
-    @openModalView versionHistoryView
+    componentVersionsModal = new ComponentVersionsModal {}, @levelComponent.id
+    @openModalView componentVersionsModal
     Backbone.Mediator.publish 'level:view-switched', e
 
   startPatchingComponent: (e) ->

app/views/editor/level/components/NewLevelComponentModal.coffee

@@ -4,7 +4,7 @@ LevelComponent = require 'models/LevelComponent'
 forms = require 'lib/forms'
 {me} = require 'lib/auth'
 
-module.exports = class LevelComponentNewView extends ModalView
+module.exports = class NewLevelComponentModal extends ModalView
   id: 'editor-level-component-new-modal'
   template: template
   instant: false

app/views/editor/level/modals/ForkLevelModal.coffee

@@ -3,7 +3,7 @@ template = require 'templates/editor/level/fork'
 forms = require 'lib/forms'
 Level = require 'models/Level'
 
-module.exports = class LevelForkView extends ModalView
+module.exports = class ForkLevelModal extends ModalView
   id: 'editor-level-fork-modal'
   template: template
   instant: false

app/views/editor/level/modals/LevelVersionsModal.coffee

@@ -1,6 +1,6 @@
-VersionsModalView = require 'views/modal/versions_modal'
+VersionsModal = require 'views/modal/VersionsModal'
 
-module.exports = class LevelVersionsView extends VersionsModalView
+module.exports = class LevelVersionsModal extends VersionsModal
   id: 'editor-level-versions-view'
   url: '/db/level/'
   page: 'level'

app/views/editor/level/modals/SaveLevelModal.coffee

@@ -1,12 +1,12 @@
-SaveVersionModal = require 'views/modal/save_version_modal'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
 template = require 'templates/editor/level/save'
 forms = require 'lib/forms'
 LevelComponent = require 'models/LevelComponent'
 LevelSystem = require 'models/LevelSystem'
-DeltaView = require 'views/editor/delta'
-PatchModal = require 'views/editor/patch_modal'
+DeltaView = require 'views/editor/DeltaView'
+PatchModal = require 'views/editor/PatchModal'
 
-module.exports = class LevelSaveView extends SaveVersionModal
+module.exports = class SaveLevelModal extends SaveVersionModal
   template: template
   instant: false
   modalWidthPercent: 60

app/views/editor/level/scripts/ScriptsTabView.coffee

@@ -2,7 +2,7 @@ CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/scripts_tab'
 Level = require 'models/Level'
 Surface = require 'lib/surface/Surface'
-nodes = require './treema_nodes'
+nodes = require './../treema_nodes'
 
 module.exports = class ScriptsTabView extends CocoView
   id: 'editor-level-scripts-tab-view'

app/views/editor/level/settings/SettingsTabView.coffee

@@ -2,7 +2,7 @@ CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/settings_tab'
 Level = require 'models/Level'
 Surface = require 'lib/surface/Surface'
-nodes = require './treema_nodes'
+nodes = require './../treema_nodes'
 {me} = require 'lib/auth'
 
 module.exports = class SettingsTabView extends CocoView

app/views/editor/level/systems/AddLevelSystemModal.coffee

@@ -8,7 +8,7 @@ class LevelSystemSearchCollection extends CocoCollection
   url: '/db/level_system'
   model: LevelSystem
 
-module.exports = class LevelSystemAddView extends ModalView
+module.exports = class AddLevelSystemModal extends ModalView
   id: 'editor-level-system-add-modal'
   template: template
   instant: true

app/views/editor/level/systems/LevelSystemEditView.coffee

@@ -1,9 +1,9 @@
 CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/system/edit'
 LevelSystem = require 'models/LevelSystem'
-VersionHistoryView = require 'views/editor/system/versions_view'
-PatchesView = require 'views/editor/patches_view'
-SaveVersionModal = require 'views/modal/save_version_modal'
+SystemVersionsModal = require 'views/editor/level/systems/SystemVersionsModal'
+PatchesView = require 'views/editor/PatchesView'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
 
 module.exports = class LevelSystemEditView extends CocoView
   id: 'editor-level-system-edit-view'
@@ -101,8 +101,8 @@ module.exports = class LevelSystemEditView extends CocoView
     null
 
   showVersionHistory: (e) ->
-    versionHistoryView = new VersionHistoryView {}, @levelSystem.id
-    @openModalView versionHistoryView
+    systemVersionsModal = new SystemVersionsModal {}, @levelSystem.id
+    @openModalView systemVersionsModal
     Backbone.Mediator.publish 'level:view-switched', e
 
   startPatchingSystem: (e) ->

app/views/editor/level/systems/NewLevelSystemModal.coffee

@@ -4,7 +4,7 @@ LevelSystem = require 'models/LevelSystem'
 forms = require 'lib/forms'
 {me} = require 'lib/auth'
 
-module.exports = class LevelSystemNewView extends ModalView
+module.exports = class NewLevelSystemModal extends ModalView
   id: 'editor-level-system-new-modal'
   template: template
   instant: false

app/views/editor/level/systems/SystemVersionsModal.coffee

@@ -1,6 +1,6 @@
-VersionsModalView = require 'views/modal/versions_modal'
+VersionsModal = require 'views/modal/VersionsModal'
 
-module.exports = class SystemVersionsView extends VersionsModalView
+module.exports = class SystemVersionsModal extends VersionsModal
   id: 'editor-system-versions-view'
   url: '/db/level.system/'
   page: 'system'

app/views/editor/level/systems/SystemsTabView.coffee

@@ -2,10 +2,10 @@ CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/systems_tab'
 Level = require 'models/Level'
 LevelSystem = require 'models/LevelSystem'
-LevelSystemEditView = require './system/edit'
-LevelSystemNewView = require './system/new'
-LevelSystemAddView = require './system/add'
-{ThangTypeNode} = require './treema_nodes'
+LevelSystemEditView = require './LevelSystemEditView'
+NewLevelSystemModal = require './NewLevelSystemModal'
+AddLevelSystemModal = require './AddLevelSystemModal'
+{ThangTypeNode} = require './../treema_nodes'
 
 module.exports = class SystemsTabView extends CocoView
   id: 'editor-level-systems-tab-view'
@@ -49,7 +49,7 @@ module.exports = class SystemsTabView extends CocoView
       insertedDefaults = true
     systems = @getSortedByName systems
     treemaOptions =
-      # TODO: somehow get rid of the + button, or repurpose it to open the LevelSystemAddView instead
+      # TODO: somehow get rid of the + button, or repurpose it to open the AddLevelSystemModal instead
       supermodel: @supermodel
       schema: Level.schema.properties.systems
       data: systems
@@ -90,11 +90,11 @@ module.exports = class SystemsTabView extends CocoView
     @systemsTreema.insert '/', e.system
 
   addLevelSystem: (e) ->
-    @openModalView new LevelSystemAddView supermodel: @supermodel, extantSystems: _.cloneDeep @systemsTreema.data
+    @openModalView new AddLevelSystemModal supermodel: @supermodel, extantSystems: _.cloneDeep @systemsTreema.data
     Backbone.Mediator.publish 'level:view-switched', e
 
   createNewLevelSystem: (e) ->
-    @openModalView new LevelSystemNewView supermodel: @supermodel
+    @openModalView new NewLevelSystemModal supermodel: @supermodel
     Backbone.Mediator.publish 'level:view-switched', e
 
   editLevelSystem: (e) ->

app/views/editor/level/thangs/LevelThangEditView.coffee

@@ -1,6 +1,6 @@
 CocoView = require 'views/kinds/CocoView'
 template = require 'templates/editor/level/thang/edit'
-ThangComponentEditView = require 'views/editor/components/main'
+ThangComponentEditView = require 'views/editor/component/ThangComponentEditView'
 ThangType = require 'models/ThangType'
 
 module.exports = class LevelThangEditView extends CocoView

app/views/editor/level/thangs/ThangsTabView.coffee

@@ -1,5 +1,5 @@
 CocoView = require 'views/kinds/CocoView'
-AddThangsView = require './add_thangs_view'
+AddThangsView = require './AddThangsView'
 thangs_template = require 'templates/editor/level/thangs_tab'
 Level = require 'models/Level'
 ThangType = require 'models/ThangType'
@@ -8,7 +8,7 @@ CocoCollection = require 'collections/CocoCollection'
 {isObjectID} = require 'models/CocoModel'
 Surface = require 'lib/surface/Surface'
 Thang = require 'lib/world/thang'
-LevelThangEditView = require './thang/edit'
+LevelThangEditView = require './LevelThangEditView'
 ComponentsCollection = require 'collections/ComponentsCollection'
 
 # Moving the screen while dragging thangs constants

app/views/editor/level/treema_nodes.coffee

@@ -1,4 +1,4 @@
-WorldSelectModal = require './modal/world_select'
+WorldSelectModal = require './modals/WorldSelectModal'
 ThangType = require '/models/ThangType'
 
 makeButton = -> $('<a class="btn btn-primary btn-xs treema-map-button"><span class="glyphicon glyphicon-screenshot"></span></a>')

app/views/editor/thang/ThangTypeColorsTabView.coffee

@@ -3,7 +3,7 @@ template = require 'templates/editor/thang/colors_tab'
 SpriteBuilder = require 'lib/sprites/SpriteBuilder'
 {hexToHSL} = require 'lib/utils'
 
-module.exports = class ColorsTabView extends CocoView
+module.exports = class ThangTypeColorsTabView extends CocoView
   id: 'editor-thang-colors-tab-view'
   template: template
   className: 'tab-pane'

app/views/editor/thang/ThangTypeEditView.coffee

@@ -6,11 +6,11 @@ Camera = require 'lib/surface/Camera'
 DocumentFiles = require 'collections/DocumentFiles'
 
 RootView = require 'views/kinds/RootView'
-ThangComponentEditView = require 'views/editor/components/main'
-VersionHistoryView = require './versions_view'
-ColorsTabView = require './colors_tab_view'
-PatchesView = require 'views/editor/patches_view'
-SaveVersionModal = require 'views/modal/save_version_modal'
+ThangComponentEditView = require 'views/editor/component/ThangComponentEditView'
+ThangTypeVersionsModal = require './ThangTypeVersionsModal'
+ThangTypeColorsTabView = require './ThangTypeColorsTabView'
+PatchesView = require 'views/editor/PatchesView'
+SaveVersionModal = require 'views/modal/SaveVersionModal'
 template = require 'templates/editor/thang/edit'
 
 CENTER = {x: 200, y: 300}
@@ -73,7 +73,7 @@ module.exports = class ThangTypeEditView extends RootView
     @buildTreema()
     @initSliders()
     @initComponents()
-    @insertSubView(new ColorsTabView(@thangType))
+    @insertSubView(new ThangTypeColorsTabView(@thangType))
     @patchesView = @insertSubView(new PatchesView(@thangType), @$el.find('.patches-view'))
     @showReadOnly() if me.get('anonymous')
 
@@ -400,8 +400,8 @@ module.exports = class ThangTypeEditView extends RootView
     @showingSelectedNode = false
 
   showVersionHistory: (e) ->
-    versionHistoryView = new VersionHistoryView thangType: @thangType, @thangTypeID
-    @openModalView versionHistoryView
+    versionHistoryModal = new ThangTypeVersionsModal thangType: @thangType, @thangTypeID
+    @openModalView versionHistoryModal
     Backbone.Mediator.publish 'level:view-switched', e
 
   openSaveModal: ->

app/views/editor/thang/ThangTypeSearchView.coffee

@@ -1,6 +1,6 @@
 SearchView = require 'views/kinds/SearchView'
 
-module.exports = class ThangTypeHomeView extends SearchView
+module.exports = class ThangTypeSearchView extends SearchView
   id: 'thang-type-home-view'
   modelLabel: 'Thang Type'
   model: require 'models/ThangType'

app/views/editor/thang/ThangTypeVersionsModal.coffee

@@ -1,6 +1,6 @@
-VersionsModalView = require 'views/modal/versions_modal'
+VersionsModal = require 'views/modal/VersionsModal'
 
-module.exports = class ComponentVersionsView extends VersionsModalView
+module.exports = class ThangTypeVersionsModal extends VersionsModal
   id: 'editor-thang-versions-view'
   url: '/db/thang.type/'
   page: 'thang'

app/views/kinds/CocoView.coffee

@@ -158,9 +158,9 @@ module.exports = class CocoView extends Backbone.View
     elem = $(e.target)
     return unless elem.data('toggle') is 'coco-modal'
     target = elem.data('target')
-    view = application.router.getView(target, '_modal') # could set up a system for loading cached modals, if told to
+    Modal = require 'views/'+target
     e.stopPropagation()
-    @openModalView(view)
+    @openModalView new Modal
 
   openModalView: (modalView, softly=false) ->
     return if waitingModal # can only have one waiting at once

app/views/kinds/RootView.coffee

@@ -92,12 +92,12 @@ module.exports = class RootView extends CocoView
     logoutUser($('#login-email').val())
 
   showWizardSettingsModal: ->
-    WizardSettingsModal = require('views/modal/wizard_settings_modal')
+    WizardSettingsModal = require('views/modal/WizardSettingsModal')
     subview = new WizardSettingsModal {}
     @openModalView subview
 
   onClickAuthbutton: ->
-    AuthModal = require 'views/modal/auth_modal'
+    AuthModal = require 'views/modal/AuthModal'
     @openModalView new AuthModal {}
 
   showLoading: ($el) ->
@@ -152,7 +152,8 @@ module.exports = class RootView extends CocoView
     @saveLanguage(newLang)
     @render()
     unless newLang.split('-')[0] is 'en'
-      @openModalView(application.router.getView('modal/diplomat_suggestion', '_modal'))
+      DiplomatModal = require 'views/modal/DiplomatSuggestionModal'
+      @openModalView(new DiplomatModal())
 
   saveLanguage: (newLang) ->
     me.set('preferredLanguage', newLang)

app/views/modal/AuthModal.coffee

@@ -5,7 +5,7 @@ forms = require 'lib/forms'
 User = require 'models/User'
 application  = require 'application'
 
-module.exports = class AuthModalView extends ModalView
+module.exports = class AuthModal extends ModalView
   id: 'auth-modal'
   template: template
   mode: 'login' # or 'signup'

app/views/modal/ContactModal.coffee

@@ -18,7 +18,7 @@ contactSchema =
       type: 'string'
       minLength: 1
 
-module.exports = class ContactView extends ModalView
+module.exports = class ContactModal extends ModalView
   id: 'contact-modal'
   template: template
   closeButton: true

app/views/modal/DiplomatSuggestionModal.coffee

@@ -3,7 +3,7 @@ template = require 'templates/modal/diplomat_suggestion'
 {me} = require 'lib/auth'
 forms = require 'lib/forms'
 
-module.exports = class DiplomatSuggestionView extends ModalView
+module.exports = class DiplomatSuggestionModal extends ModalView
   id: 'diplomat-suggestion-modal'
   template: template