Added error message and blog link.

Author: Michael Bleigh

log.coffee

@@ -37,7 +37,7 @@ mongo.mongoose.model 'Log',
       q.where('level',level) if level
       q.where('category',category) if category
       q.limit(100)
-      q.sort('created_at',-1)
+      q.sort({'$natural':-1})
       q.all (logs)->
         fn(logs)
 

log.js

@@ -55,7 +55,9 @@
           q.where('category', category);
         }
         q.limit(100);
-        q.sort('created_at', -1);
+        q.sort({
+          '$natural': -1
+        });
         return q.all(function(logs) {
           return fn(logs);
         });

public/images/failwhale.png

@@ -309,3 +309,29 @@ body.announcement {
     display: block; }
   body.announcement #nko_vote {
     margin-top: 30px; }
+
+#failwhale {
+  border: 10px solid white;
+  border-bottom-width: 40px;
+  -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
+  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.2);
+  filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='rgba(0, 0, 0, 0.2)')";
+  -ms-filter: "\"progid:DXImageTransform.Microsoft.dropshadow(OffX=2px, OffY=2px, Color='rgba(0, 0, 0, 0.2)')\"";
+  margin: 25px;
+  -moz-transform: rotate(-5deg);
+  -o-transform: rotate(-5);
+  -webkit-transform: rotate(-5deg);
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.014);
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.014)"; }
+
+.error .message {
+  background-color: #bbbbbb;
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#aaaaaa));
+  background-image: -moz-linear-gradient(top, #cccccc, #aaaaaa);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa');
+  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#aaaaaa')";
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
+  padding: 20px; }

public/images/header.png

@@ -218,4 +218,15 @@ body.announcement
   #announcement
     display: block
   #nko_vote
-    margin-top: 30px
+    margin-top: 30px
+    
+#failwhale
+  border: 10px solid white
+  border-bottom-width: 40px
+  +box-shadow(2px,2px,15px,rgba(0,0,0,0.2))
+  margin: 25px
+  +rotate(-5)
+  
+.error .message
+  +impression
+  padding: 20px

public/stylesheets/application.css

@@ -12,13 +12,9 @@ Twitter = require './twitter'
 User = require('./user').User
 REST = require('./rest').Client
 Readability = require('./readability').Client
-
+hoptoad = require('hoptoad-notifier').Hoptoad
+    
 # Setup Hoptoad Notification
-if process.env.RACK_ENV == 'production'
-  hoptoad = require('hoptoad-notifier').Hoptoad
-  hoptoad.key = '63da924b138bae57d1066c46accddbe7'
-  process.addListener 'uncaughtException', (error)->
-    hoptoad.notify(error)
 
 # debugging
 pp = (obj) -> sys.puts sys.inspect(obj)
@@ -35,6 +31,14 @@ login_required = (req, res, success_callback) ->
 app = express.createServer connect.cookieDecoder(), connect.session(), express.staticProvider(__dirname + '/public'), express.logger({ format: ':method :url [:status] (:response-time ms)' })
 app.set 'view engine', 'ejs'
 
+app.error (err,req,res,next)->
+  if process.env.RACK_ENV == 'production'
+    hoptoad.key = '63da924b138bae57d1066c46accddbe7'
+    hoptoad.notify(err)
+  
+  res.render 'error.ejs',
+    status: 500
+
 app.get '/', (req,res)->
   res.render 'splash.ejs'
 

public/stylesheets/application.sass

@@ -12,13 +12,7 @@
   User = require('./user').User;
   REST = require('./rest').Client;
   Readability = require('./readability').Client;
-  if (process.env.RACK_ENV === 'production') {
-    hoptoad = require('hoptoad-notifier').Hoptoad;
-    hoptoad.key = '63da924b138bae57d1066c46accddbe7';
-    process.addListener('uncaughtException', function(error) {
-      return hoptoad.notify(error);
-    });
-  }
+  hoptoad = require('hoptoad-notifier').Hoptoad;
   pp = function(obj) {
     return sys.puts(sys.inspect(obj));
   };
@@ -36,6 +30,15 @@
     format: ':method :url [:status] (:response-time ms)'
   }));
   app.set('view engine', 'ejs');
+  app.error(function(err, req, res, next) {
+    if (process.env.RACK_ENV === 'production') {
+      hoptoad.key = '63da924b138bae57d1066c46accddbe7';
+      hoptoad.notify(err);
+    }
+    return res.render('error.ejs', {
+      status: 500
+    });
+  });
   app.get('/', function(req, res) {
     return res.render('splash.ejs');
   });

server.coffee

@@ -0,0 +1,7 @@
+<h1>Whoops, not enough caffeine.</h1>
+
+<section class='error'>
+  <p align='center'><img id='failwhale' src='/images/failwhale.png' alt='Fail Whale!'/></p>
+
+  <p class='message'>The problem with 48 hour programming competitions is that they're only 48 hours. Looks like you've come across some kind of bug in the system. We've been notified about it, and if we can figure out how we'll fix it. Thanks!</p>
+</section>

server.js

@@ -21,12 +21,14 @@
         <%- body %>
       </div>
       <footer id='content_bottom'>
-        <span>Copyright &copy; 2010 <a href='http://github.com/mbleigh'>Michael Bleigh</a>, <a href='http://github.com/ssoper'>Sean Soper</a>, and <a href='http://github.com/jch'>Jerry Cheung</a>. Built for the <a href='http://nodeknockout.com/teams/flockfeed'>Node Knockout</a>.</span>
+        <span>Copyright &copy; 2010 <a href='http://www.intridea.com/'>Intridea, Inc.</a>. Built for the <a href='http://nodeknockout.com/teams/flockfeed'>Node Knockout</a>.</span>
         <dl>
           <dt>Email:</dt>
           <dd><a href='mailto:flockfeeds@intridea.com'>flockfeeds@intridea.com</a></dd>
           <dt>Twitter:</dt>
           <dd><a href='http://twitter.com/flockfeeds' target='_blank'>@flockfeeds</a>
+          <dt>Blog:</dt>
+          <dd><a href='http://flockfeeds.tumblr.com/'>Tumblr</a>
         </dl>
       </footer>
     </div>