openstack/horizon
Code Issues Proposed changes

Better designed 404 error page

Browse Source 
Edited 404.html to make the error page more appealing and the
style now matches the login page.

Change-Id: I491f77d73beacf6d3c6ae2ded3d8cfc0cd8f5cb2
closes-bug: 1606294
This commit is contained in:
Ola Khalifa 2018-01-17 16:08:58 +13:00
parent 6c2193b994
commit 3220cbf729
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
openstack_dashboard/templates/404.html
View File

@ -1,15 +1,28 @@
{% extends "base.html" %}
{% load i18n %}
{% block title %} - {% trans "Page Not Found" %}{% endblock %}
{% block title %} {% trans "Page Not Found" %}{% endblock %}
{% block content %}
<div id="right_content">
<div id="page_head">
<h2 id="page_heading">{% trans "The page you were looking for doesn't exist" %}</h2>
<p id="page_description">{% trans "You may have mistyped the address or the page may have moved." %}</p>
<body id="splash" class="ng-scope" ng-app="horizon.app" ng-strict-di="">
<div class="container login">
<div class="row">
<div class="col-xs-11 col-sm-8 col-md-6 col-lg-5 horizontal-center">
<div class="panel-heading">
<div class="text-center">
<img class="splash-logo" src="/static/dashboard/img/logo-splash.svg">
</div>
<div id="right_content">
<div id="page_head">
<h2 id="page_heading">{% trans "Sorry, the page you were looking for does not exist" %}</h2>
<p id="page_description">{% trans "You may have mistyped the address or the page may have moved." %}</p>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
{% endblock %}
{% block sidebar %}