<!DOCTYPE html>
<html>
<head>
<title>Page Not Found</title>
%= stylesheet '/css/prettify-mojo.css'
%= javascript '/js/prettify.js'
%= stylesheet begin
a {
color: inherit;
text-decoration: none;
}
a img { border: 0 }
body {
background-color: #f5f6f8;
color: #333;
margin: 0;
text-align: center;
}
h1 {
font: 1.5em 'Helvetica Neue', 'Helvetica', sans-serif;
font-weight: 300;
margin-bottom: 1em;
margin-top: 1em;
}
#footer {
background-color: #caecf6;
padding-top: 20em;
width: 100%;
}
#footer a img { margin-top: 20em }
#documentation {
background-color: #ecf1da;
padding-bottom: 20em;
padding-top: 20em;
}
#documentation h1 { margin-bottom: 3em }
#header {
margin-bottom: 20em;
margin-top: 15em;
width: 100%;
}
#perldoc {
background-color: #eee;
border: 2px dashed #1a1a1a;
color: #000;
display: inline-block;
margin-left: 0.1em;
padding: 0.5em;
white-space: nowrap;
}
#preview {
background-color: #1a1a1a;
background: url(<%= url_for '/mojolicious-pinstripe.gif' %>);
-moz-border-radius: 5px;
border-radius: 5px;
font: 1.5em 'Menlo', 'Monaco', Courier, monospace;
margin: 0;
margin-left: auto;
margin-right: auto;
padding: 0.5em;
padding-left: 1em;
text-align: left;
text-shadow: #333 0 1px 0;
width: 500px;
}
#suggestion {
background-color: #2f3032;
color: #eee;
padding-bottom: 20em;
padding-top: 20em;
}
% end
</head>
<body onload="prettyPrint()">
<div id="header">
%= image '/mojolicious-box.png', alt => 'Mojolicious banner'
<h1>This page is brand new and has not been unboxed yet!</h1>
</div>
<div id="suggestion">
%= image '/mojolicious-arrow.png', alt => 'Arrow'
<h1>Perhaps you would like to add a route for it?</h1>
<div id="preview">
% my $m = lc $self->req->method eq 'get' ? 'get' : 'any';
<pre class="prettyprint">
<%= $m %> '<%= $self->req->url->path->to_abs_string %>' => sub {
my $self = shift;
$self->render_text('Hello world!');
};</pre>
</div>
</div>
<div id="documentation">
<h1>
You might also enjoy our excellent documentation in
<div id="perldoc">
%= link_to 'perldoc Mojolicious::Guides', $guide
</div>
</h1>
%= image '/amelia.png', alt => 'Amelia'
</div>
<div id="footer">
<h1>And don't forget to have fun!</h1>
<p><%= image '/mojolicious-clouds.png', alt => 'Clouds' %></p>
%= image '/mojolicious-black.png', alt => 'Mojolicious logo'
% end
</div>
</body>
</html>