Adding a 404 page

This commit is contained in:
Jeff Avallone 2014-12-21 19:59:07 -05:00
parent 49ac4d118b
commit 8021775880
3 changed files with 53 additions and 1 deletions

View File

@ -8,7 +8,8 @@ module.exports = {
titles: {
'_': 'Regexper',
'changelog.html': 'Regexper - Changelog',
'documentation.html': 'Regexper - Documentation'
'documentation.html': 'Regexper - Documentation',
'404.html': 'Regexper - Page Not Found'
},
buildRoot: buildRoot,
buildPath: buildPath,

10
src/404.html Normal file
View File

@ -0,0 +1,10 @@
<div class="error copy">
<h1>404: Not Found</h1>
<blockquote>
Some people, when confronted with a problem, think<br/>
&ldquo;I know, I'll use regular expressions.&rdquo; Now they have two problems.
</blockquote>
<p>Apparently, you have three problems&hellip;because the page you requested cannot be found.</p>
</div>

View File

@ -166,6 +166,47 @@ header {
}
}
.error {
overflow: hidden;
h1 {
@include adjust-font-size-to($base-font-size * 2);
font-weight: bold;
float: left;
}
blockquote {
background-color: $green;
position: relative;
padding: rhythm(1);
display: inline-block;
font-style: italic;
float: right;
&::before {
@include adjust-font-size-to($base-font-size * 4);
content: '\201c';
position: absolute;
left: 0;
top: 0;
font-style: normal;
}
&::after {
@include adjust-font-size-to($base-font-size * 4);
content: '\201d';
position: absolute;
right: 0;
bottom: -0.5em;
font-style: normal;
}
}
p {
clear: left;
}
}
.documentation {
h1 {
@include adjust-font-size-to($base-font-size * 2);