Update 404 page for user friendliness

Replaced the generic Rails 404 page with a custom one that allows the
user to link back to the homepage or submit a github issue. Also,
included information for subscribing to the mailing list or finding the
OSEM irc channel.
This commit is contained in:
Matthew 2016-12-20 15:33:33 -06:00
parent 95ab2ec3d4
commit 1ebab6f415

View file

@ -1,16 +1,17 @@
<!DOCTYPE html>
<html>
<head>
<title>The page you were looking for doesn't exist (404)</title>
<title>Error 404: Page not found</title>
<style type="text/css">
body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
body { background-color: #EFEFEF; color: #073642; font-family: arial, sans-serif; }
div.dialog {
width: 25em;
width: 80%;
max-width: 800px;
padding: 0 4em;
margin: 4em auto 0 auto;
border: 1px solid #ccc;
/* border: 1px solid #ccc;
border-right-color: #999;
border-bottom-color: #999;
border-bottom-color: #999;*/
}
h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
</style>
@ -19,8 +20,28 @@
<body>
<!-- This file lives in public/404.html -->
<div class="dialog">
<h1>The page you were looking for doesn't exist.</h1>
<p>You may have mistyped the address or the page may have moved.</p>
<img src="/img/osem-logo.png" alt="osem logo">
<h1>Error 404: Page not found</h1>
<p>
The page you are looking for does not exist, it's possible that it
may have moved.<br> If you'd like, you can start again from the
<a href="/">homepage.</a>
</p><br>
<p>OSEM is a <a href="https://www.fsf.org/about/what-is-free-software">
free software</a> project built through collaboration.</p>
<p><b>If you believe you have encountered a bug...</b></p>
<p>Please <a href="https://github.com/openSUSE/osem/issues">submit an issue
on Github.</a></p>
<p><b>If you have other questions regarding OSEM...</b></p>
<p>Feel free to contact contributors by subscribing to our <a href="http://lists.opensuse.org/opensuse-web/"> mailing list.</a><p>
<p>You can also reach out in the #OSEM channel on the IRC freenode
server.</p>
</p>
</div>
</body>
</html>