Skip to content

Commit

Permalink
Merge pull request #188 from cyberarm/master
Browse files Browse the repository at this point in the history
Updated the error pages to better fit the sites theme.
  • Loading branch information
PragTob committed Mar 5, 2014
2 parents b4f74ac + 70d952f commit f820f9d
Show file tree
Hide file tree
Showing 3 changed files with 121 additions and 111 deletions.
84 changes: 40 additions & 44 deletions public/404.html
@@ -1,48 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>The page you were looking for doesn't exist (404)</title>
<style>
body {
background-color: white;
margin: 0px;
}
.head {
background-color: #253e59;
width: 100%;
height: 2em;
}
#content {
background-color: white;
text-align: center;
border-top-color: #693;
border-color: #999;
border-style: solid;
border-width: 1px;
}
a {
color: #BFBFBF;
font-weight: bold;
border-radius: 1em;
font-size: 1.5em;
text-decoration: none;
}
a:hover {
color: white;
}

</style>
</head>

<body>
<div class="head">
<a href="http://hackety.com"><img style="float: left;" height="50px" src="http://hackety.com/assets/logo-star.png" /></a>
<a style="padding-left: 4px;" href="http://hackety.com/questions">Questions</a>
</div>
<div id="content">
<h2>The page you were looking for doesn't exist.</h2>
<p>You may have mistyped the address, the page may have moved or been deleted.</p>
<head>
<title>The page you were looking for doesn't exist (404)</title>
<meta name = "viewport" content = "width = device-width">
<!-- <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css"> -->
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/application.js" type="text/javascript"></script>
<script src="/assets/prettify.js"></script>
<script>$(function () { prettyPrint() })</script>
<link href="/assets/prettify.css" rel="stylesheet">

</head>
<body class='body-home'>
<header class='topbar'>
<div class='topbar-inner'>
<div class='container'>
<div id='logo'>
<a href="/">Hackety Hack</a>
</div>
<ul class="nav"><li><a href="/blog" class="first">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/lessons" class="">Lessons</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="">Support</a></li><li><a href="/contribute" class="last">Contribute</a></li></ul>
<ul class="nav secondary-nav"><li><a href="/login" class="first">Log In</a></li><li><a href="/users/sign_up" class="last">Sign Up</a></li></ul>
</div>
</div>
</header>
<div class='home' id='content-wrap'>
<div class='container one-column'>

<div id='content'>
<br />
<section>
<h2>The page you were looking for doesn't exist.</h2>
<p>You may have mistyped the address, the page may have moved or been deleted.</p>
</section>
</div>
</div>
</div>

</body>
<footer>
<div class='container'>
<ul class="pills"><li><a href="/" class="active current first">Home</a></li><li><a href="/blog" class="">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="last">Support</a></li></ul>
</div>
</footer>
</body>
</html>
64 changes: 41 additions & 23 deletions public/422.html
@@ -1,26 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>The change you wanted was rejected (422)</title>
<style type="text/css">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
div.dialog {
width: 25em;
padding: 0 4em;
margin: 4em auto 0 auto;
border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
}
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style>
</head>

<body>
<!-- This file lives in public/422.html -->
<div class="dialog">
<h1>The change you wanted was rejected.</h1>
<p>Maybe you tried to change something you didn't have access to.</p>
</div>
</body>
<head>
<title>The change you wanted was rejected (422)</title>
<meta name = "viewport" content = "width = device-width">
<!-- <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css"> -->
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/application.js" type="text/javascript"></script>
<script src="/assets/prettify.js"></script>
<script>$(function () { prettyPrint() })</script>
<link href="/assets/prettify.css" rel="stylesheet">

</head>
<body class='body-home'>
<header class='topbar'>
<div class='topbar-inner'>
<div class='container'>
<div id='logo'>
<a href="/">Hackety Hack</a>
</div>
<ul class="nav"><li><a href="/blog" class="first">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/lessons" class="">Lessons</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="">Support</a></li><li><a href="/contribute" class="last">Contribute</a></li></ul>
<ul class="nav secondary-nav"><li><a href="/login" class="first">Log In</a></li><li><a href="/users/sign_up" class="last">Sign Up</a></li></ul>
</div>
</div>
</header>
<div class='home' id='content-wrap'>
<div class='container one-column'>

<div id='content'>
<br />
<section>
<h2>The change you wanted was rejected.</h2>
<p>Maybe you tried to change something you didn't have access to.</p>
</section>
</div>
</div>
</div>
<footer>
<div class='container'>
<ul class="pills"><li><a href="/" class="active current first">Home</a></li><li><a href="/blog" class="">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="last">Support</a></li></ul>
</div>
</footer>
</body>
</html>
84 changes: 40 additions & 44 deletions public/500.html
@@ -1,48 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>We're sorry, but something went wrong (500)</title>
<style>
body {
background-color: white;
margin: 0px;
}
.head {
background-color: #253e59;
width: 100%;
height: 2em;
}
#content {
background-color: white;
text-align: center;
border-top-color: #693;
border-color: #999;
border-style: solid;
border-width: 1px;
}
a {
color: #BFBFBF;
font-weight: bold;
border-radius: 1em;
font-size: 1.5em;
text-decoration: none;
}
a:hover {
color: white;
}

</style>
</head>

<body>
<div class="head">
<a href="http://hackety.com"><img style="float: left;" height="50px" src="http://hackety.com/assets/logo-star.png" /></a>
<a style="padding-left: 4px;" href="http://hackety.com/questions">Questions</a>
</div>
<div id="content">
<h2>We're sorry, but something went wrong.</h2>
<p>We've been notified about this issue and we'll take a look at it shortly.</p>
<head>
<title>We're sorry, but something went wrong (500)</title>
<meta name = "viewport" content = "width = device-width">
<!-- <link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css"> -->
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/application.js" type="text/javascript"></script>
<script src="/assets/prettify.js"></script>
<script>$(function () { prettyPrint() })</script>
<link href="/assets/prettify.css" rel="stylesheet">

</head>
<body class='body-home'>
<header class='topbar'>
<div class='topbar-inner'>
<div class='container'>
<div id='logo'>
<a href="/">Hackety Hack</a>
</div>
<ul class="nav"><li><a href="/blog" class="first">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/lessons" class="">Lessons</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="">Support</a></li><li><a href="/contribute" class="last">Contribute</a></li></ul>
<ul class="nav secondary-nav"><li><a href="/login" class="first">Log In</a></li><li><a href="/users/sign_up" class="last">Sign Up</a></li></ul>
</div>
</div>
</header>
<div class='home' id='content-wrap'>
<div class='container one-column'>

<div id='content'>
<br />
<section>
<h2>We're sorry, but something went wrong.</h2>
<p>We've been notified about this issue and we'll take a look at it shortly.</p>
</section>
</div>
</div>
</div>

</body>
<footer>
<div class='container'>
<ul class="pills"><li><a href="/" class="active current first">Home</a></li><li><a href="/blog" class="">Blog</a></li><li><a href="/questions" class="">Questions</a></li><li><a href="/programs" class="">Programs</a></li><li><a href="/faq" class="">FAQ</a></li><li><a href="/support/questions" class="last">Support</a></li></ul>
</div>
</footer>
</body>
</html>

0 comments on commit f820f9d

Please sign in to comment.