notfound

lib/Dojo.pm

@@ -74,7 +74,12 @@ use Dojo::Model::Users;
 
 # =============================================================================
   
-
+  $r->any('/*whatever' => {whatever => ''} => sub {
+    my $c        = shift;
+    my $whatever = $c->param('whatever');
+    $c->stash(layout=>'clean');
+    $c->render(template=>'home/not_found');
+});
 }
 
 1;

public/global/error/404.css

@@ -0,0 +1,16 @@
+body {margin:25px;
+  background-color:#94C8DB;
+}
+
+div.polaroid {
+  width: 80%;
+  background-color: white;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  margin: 10vh auto auto auto;
+}
+img{width: 100%}
+
+div.container {
+  text-align: center;
+  padding: 10px 20px;
+}

templates/home/not_found.html.ep

@@ -0,0 +1,7 @@
+% stash css => ["/global/error/404.css"];
+<div class="polaroid">
+  <img src="/global/error/hono.jpg">
+  <div class="container">
+  <p>Error 404</p>
+  </div>
+</div>