User profile pictures now defaults to empty string, it won't be displayed if it's not present

models/User.js

@@ -18,7 +18,7 @@ var userSchema = new mongoose.Schema({
     gender: { type: String, default: '' },
     location: { type: String, default: '' },
     website: { type: String, default: '' },
-    picture: { type: String, default: 'http://bit.ly/1cppDAL' }
+    picture: { type: String, default: '' }
   }
 });
 
@@ -30,7 +30,7 @@ userSchema.path('password').validate(function(password) {
 userSchema.path('username').validate(function(username) {
   if (this.provider) return true;
   return username.length;
-}, 'Username cannot be blank');
+}, 'Email cannot be blank');
 
 
 userSchema.pre('save', function(next) {

public/css/styles.less

@@ -4,15 +4,17 @@ body {
 //
 // TODO: Refactor
 //
-.user img {
-  border-radius: 50%;
+
+.user .picture {
   width: 40px;
   height: 40px;
-  vertical-align: baseline;
-  margin-top: -15px;
-  margin-bottom: -15px;
-  position: relative;
-  left: -10px;
+  margin: -10px 0 -10px 0;
+  border-radius: 50%;
+  background-color: #1a242f;
+
+  img {
+    max-height: 100%;
+  }
 }
 
 [class^="fa-"],

views/layout.jade

@@ -47,6 +47,7 @@ html
             else
               li.user(class=title=='Account Management'?'active':undefined)
                 a(href='/account')
+                  if user.profile.picture
                     img(src='#{user.profile.picture}')
                   | #{user.profile.name}
               li