Added some autocompleters for job profile Treema. Projects are now entirely links.

app/styles/account/profile.sass

@@ -117,6 +117,9 @@
               max-width: 524px - 60px
               max-height: 200px
 
+          .experience-header
+            margin-top: 25px
+
           .header-icon
             margin-right: 10px
             width: 32px
@@ -139,6 +142,23 @@
               margin-bottom: 10px
               padding: 5px 5px
               border: 2px solid rgb(220, 220, 220)
+              transition: .5s ease-in-out
+              position: relative
+
+              &:hover
+                border-color: rgb(100, 130, 255)
+
+              a
+                position: relative
+                z-index: 2
+
+              > a
+                position: absolute
+                width: 100%
+                height: 100%
+                top: 0
+                left: 0
+                z-index: 1
         
               .project-image
                 width: 230px

app/styles/account/settings.sass

@@ -8,8 +8,17 @@
     background: #eee
     border-radius: 5px
 
-  #save-button
-    float: right
+  #save-button-container
+    position: fixed
+    top: 100px
+    width: 1000px
+    z-index: 10
+
+    #save-button
+      float: right
+    
+      &.btn-info, &.btn-danger
+        opacity: 1.0
 
   .gravatar-fallback
     margin-top: 10px

app/templates/account/profile.jade

@@ -51,7 +51,7 @@ block content
           div.long-description!= marked(profile.longDescription)
 
           if profile.work.length
-            h3 
+            h3.experience-header 
               img.header-icon(src="/images/pages/account/profile/work.png", alt="")
               | Work Experience
             each job in profile.work
@@ -60,7 +60,7 @@ block content
               .clearfix
 
           if profile.education.length
-            h3
+            h3.experience-header
               img.header-icon(src="/images/pages/account/profile/education.png", alt="")
               | Education
             each school in profile.education
@@ -69,12 +69,12 @@ block content
               .clearfix
 
           if user.get('jobProfileNotes') || me.isAdmin()
-            h3 Our Notes
+            h3.experience-header Our Notes
             - var notes = user.get('jobProfileNotes') || '';
             if me.isAdmin()
               textarea#job-profile-notes!= notes
             else
-              p!= marked(notes)
+              div!= marked(notes)
 
         .right-column.full-height-column
           if profile.projects.length
@@ -83,10 +83,9 @@ block content
               each project in profile.projects
                 li
                   a(href=project.link)
-                    .project-image(style="background-image: url(/file/" + project.picture + ")")
+                  .project-image(style="background-image: url(/file/" + project.picture + ")")
                   p= project.name
-                  p!= marked(project.description)
-                  a(href=project.link).btn.btn-large.btn-inverse.flat-button Check it out
+                  div!= marked(project.description)
 
   else
     .public-profile-container

app/templates/account/settings.jade

@@ -8,7 +8,8 @@ block content
     p(data-i18n="account_settings.not_logged_in") Log in or create an account to change your settings.
 
   else
-    button.btn#save-button.disabled.secret(data-i18n="account_settings.autosave") Changes Save Automatically
+    #save-button-container
+      button.btn#save-button.disabled.secret(data-i18n="account_settings.autosave") Changes Save Automatically
   
     ul.nav.nav-pills#settings-tabs
       li

app/views/account/settings_view.coffee

@@ -116,14 +116,14 @@ module.exports = class SettingsView extends View
     res = me.save()
     return unless res
     save = $('#save-button', @$el).text($.i18n.t('common.saving', defaultValue: 'Saving...'))
-      .addClass('btn-info').show().removeClass('btn-danger')
+      .removeClass('btn-danger').addClass('btn-success').show()
 
     res.error ->
       errors = JSON.parse(res.responseText)
       forms.applyErrorsToForm(@$el, errors)
-      save.text($.i18n.t('account_settings.error_saving', defaultValue: 'Error Saving')).removeClass('btn-info').addClass('btn-danger')
+      save.text($.i18n.t('account_settings.error_saving', defaultValue: 'Error Saving')).removeClass('btn-success').addClass('btn-danger', 500)
     res.success (model, response, options) ->
-      save.text($.i18n.t('account_settings.saved', defaultValue: 'Changes Saved')).removeClass('btn-info')
+      save.text($.i18n.t('account_settings.saved', defaultValue: 'Changes Saved')).removeClass('btn-success', 500)
 
   grabData: ->
     @grabPasswordData()

server/users/user_schema.coffee

@@ -61,10 +61,10 @@ UserSchema = c.object {},
     active: {title: 'Active', type: 'boolean', description: 'Want interview offers right now?'}
     updated: c.date {title: 'Last Updated', description: 'How fresh your profile appears to employers. The fresher, the better. Profiles go inactive after 30 days.'}
     name: c.shortString {title: 'Name', description: 'Name you want employers to see, like "Nick Winter".'}
-    city: c.shortString {title: 'City', description: 'City you want to work in (or live in now), like "San Francisco" or "Lubbock, TX".', default: 'Defaultsville, CA'}
-    country: c.shortString {title: 'Country', description: 'Country you want to work in (or live in now), like "USA" or "France".', default: 'USA'}
+    city: c.shortString {title: 'City', description: 'City you want to work in (or live in now), like "San Francisco" or "Lubbock, TX".', default: 'Defaultsville, CA', format: 'city'}
+    country: c.shortString {title: 'Country', description: 'Country you want to work in (or live in now), like "USA" or "France".', default: 'USA', format: 'country'}
     skills: c.array {title: 'Skills', description: 'Tag relevant developer skills in order of proficiency. Employers will see the first five at a glance.', default: ['javascript'], minItems: 1, maxItems: 30, uniqueItems: true},
-      {type: 'string', minLength: 1, maxLength: 20, description: 'Ex.: "objective-c", "mongodb", "rails", "android", "javascript"'}
+      {type: 'string', minLength: 1, maxLength: 20, description: 'Ex.: "objective-c", "mongodb", "rails", "android", "javascript"', format: 'skill'}
     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!'}
@@ -87,7 +87,7 @@ UserSchema = c.object {},
         link: c.url {title: 'Link', description: 'Link to the project.', default: 'http://example.com'}
     links: c.array {title: 'Personal and Social Links', description: 'Link any other sites or profiles you want to highlight, like your GitHub, your LinkedIn, or your blog.'},
       c.object {title: 'Link', description: 'A link to another site you want to highlight, like your GitHub, your LinkedIn, or your blog.', required: ['name', 'link']},
-        name: {type: 'string', maxLength: 30, title: 'Link Name', description: 'What are you linking to? Ex: "Personal Website", "Twitter"'}
+        name: {type: 'string', maxLength: 30, title: 'Link Name', description: 'What are you linking to? Ex: "Personal Website", "Twitter"', format: 'link-name'}
         link: c.url {title: 'Link', description: 'The URL.', default: 'http://example.com'}
   jobProfileApproved: {title: 'Job Profile Approved', type: 'boolean', description: 'Whether your profile has been approved by CodeCombat.'}
   jobProfileNotes: {type: 'string', maxLength: 1000, title: 'Our Notes', description: "CodeCombat's notes on the candidate.", format: 'markdown', default: ''}