Support a real 404 page.

Gemfile

@@ -3,6 +3,7 @@ source "https://rubygems.org"
 gem "rake"
 gem "rack"
 gem "rack-rewrite"
+gem "rack-contrib"
 
 group :development do
   gem "middleman", "~>3.1.5"

Gemfile.lock

@@ -71,6 +71,8 @@ GEM
       rouge (~> 0.3.0)
     multi_json (1.8.1)
     rack (1.5.2)
+    rack-contrib (1.1.0)
+      rack (>= 0.9.1)
     rack-livereload (0.3.15)
       rack
     rack-rewrite (1.4.01)
@@ -118,6 +120,7 @@ DEPENDENCIES
   middleman-livereload
   middleman-syntax
   rack
+  rack-contrib
   rack-rewrite
   rake
   redcarpet

config.ru

@@ -1,6 +1,8 @@
 require "rubygems"
 
 require "rack/rewrite"
+require "rack/contrib/not_found"
+require "rack/contrib/try_static"
 
 use Rack::Rewrite do
   r301 %r{/docs/yardoc/(.*)}, '/documentation/$1'
@@ -10,20 +12,20 @@ use Rack::Rewrite do
   r301 '/documentation/_index.html', '/documentation/'
   r301 '/try', 'http://sassmeister.com'
   r301 '/try.html', 'http://sassmeister.com'
-
-  rewrite(%r{^(.*)/([^/.]+)$}, lambda do |match, rack_env|
-      path = "#{File.dirname(__FILE__)}/build#{match[0]}"
-      next "#{match[1]}/#{match[2]}/index.html" if Dir.exists?(path)
-      next match[0] if File.exists?(path)
-      "#{match[0]}.html"
-  end)
 end
 
 if ENV["HEROKU"].nil? || ENV["HEROKU"] == 'false'
   require "middleman"
-  run Middleman.server
+
+  server = Middleman.server
+  run Rack::Cascade.new([
+    server,
+    lambda {|env| server.call(env.merge!('PATH_INFO' => '/404'))}
+  ])
 else
-  use Rack::Static, :urls => [""], :root => 'build', :index => 'index.html'
+  use Rack::TryStatic,
+    :urls => ["/"], :root => 'build', :index => 'index.html',
+    :try => ['.html', '/index.html']
 
-  run lambda {}
+  run Rack::NotFound.new("build/404/index.html")
 end

source/404.html.haml

@@ -0,0 +1,19 @@
+---
+title: "Not found :("
+---
+
+- content_for :css do
+  = stylesheet_link_tag "404"
+
+- content_for :introduction do
+  Sorry, but the page you were trying to view does not exist.
+
+%p It looks like this was the result of either:
+%ul
+  %li a mistyped address
+  %li an out-of-date link
+
+- content_for :complementary do
+  :javascript
+    var GOOG_FIXURL_LANG = (navigator.language || '').slice(0,2),GOOG_FIXURL_SITE = location.host;
+  %script(src="//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js")

source/assets/css/404.css.scss

@@ -0,0 +1,21 @@
+@import "compass";
+@import "breakpoint";
+
+@import "dependencies/layout";
+@import "dependencies/color";
+
+@import "foundation/forms";
+
+@import "components/forms";
+@import "components/buttons";
+
+#goog-fixurl .content {
+  margin: 0;
+  padding: 0;
+}
+
+#goog-wm-sb {
+  @extend .button;
+  @extend .primary;
+  @include leader;
+}

source/layouts/head/_css.haml

@@ -1 +1,3 @@
 = stylesheet_link_tag "sass"
+- if content_for?(:css)
+  = yield_content :css