[#369] 404, 500, 503 pages

This commit is contained in:
Alexander Machehin 2015-02-03 15:29:32 +05:00
parent 881c38bbf8
commit 1677ac1281
8 changed files with 154 additions and 189 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

View File

@ -1,61 +1,68 @@
/*404*/
article div.all
article div.all.error404
text-align: center
.error404
img
margin: 0 auto
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
font-size: 14px
font-size: 14px
/*500*/
.error500
article div.all.error500
text-align: center
img
margin: 0 auto
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
font-size: 14px
font-size: 14px
/*503*/
.error503
article div.all.error503
text-align: center
h1
font-size: 38px
font-weight: normal
text-align: center
img
margin: 0 auto
span
color: #4496d0
h1
font-size: 38px
font-weight: normal
text-align: center
h2
font-size: 18px
font-weight: normal
span
color: #4496d0
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
span
color: #4496d0

View File

@ -29,25 +29,22 @@
<input class="form-control" id="query" name="query" placeholder="Поиск" type="text" />
</div>
</form>
<ul class='nav navbar-nav navbar-right'>
<ul class='nav navbar-nav'>
<li><a href="/register_requests/new">Регистрация</a></li>
<li><a href="/users/sign_in">Войти</a></li>
</ul>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<noscript>
<div style='font-size: 12px; color: red; font-weight: bold;'>Включите javascript для корректной работы сайта</div>
<div style='font-size: 12px; color: red; font-weight: bold;'>You need javascript to properly use this site</div>
</noscript>
<article >
<div class='row'>
<div class='col-md-6 col-md-offset-3 text-center'>
<div class="all error404">
<img src="/pics/404.png" class='offset20 img-responsive'>
<div class='offset20'>
<img src="/pics/404.png" class='img-responsive'>
</div>
<div class="clearfix"></div>
<h1>Error <span>404</span></h1>
<h2>Page not found</h2>
<p class="pages">
@ -57,7 +54,6 @@
Or use the search.
</p>
<div class="clearfix"></div>
</div>
</div>
</div>

View File

@ -1,97 +1,87 @@
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>500</title>
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css">
<title>404</title>
<link href="/assets/new_application.css" media="screen" rel="stylesheet" type="text/css">
<script cache="application" src="/assets/new_application.js"></script>
</head>
<body>
<div class="wrap">
<!--Top block-->
<header>
<div class="left">
<nav class='navbar navbar-inverse top_menu' role='navigation'>
<div class='container-fluid'>
<!-- Brand and toggle get grouped for better mobile display -->
<div class='navbar-header'>
<button class='navbar-toggle' data-target='#top-menu-navbar-collapse' data-toggle='collapse' type='button'>
<span class='sr-only'>Toggle navigation</span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</button>
<a class="navbar-brand" href="/"><img alt="ABF" src="/pics/logo-mini.png" /></a>
</div>
<div class="middle">
<!--Main menu-->
<menu>
<div class="logo">
<a href="/"><img src="/pics/logo-mini.png" alt="Logo"></a>
</div>
<ul>
<li>
<a href="/build_lists">Monitoring</a>
</li>
<li>
<a href="/advisories">Advisories</a>
</li>
</ul>
</menu>
<div class="information">
<div class="search">
<form accept-charset="UTF-8" action="/search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div>
<div class="pic"></div>
<div class="field"><input id="query" name="query" placeholder="Search" type="text"></div>
</form>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class='collapse navbar-collapse' id='top-menu-navbar-collapse'>
<ul class='nav navbar-nav'>
<li><a href="/build_lists">Мониторинг задач</a></li>
<li><a href="/advisories">Бюллетени</a></li>
<li><a href="/statistics">Статистика</a></li>
</ul>
<form accept-charset="UTF-8" action="/search" class="navbar-form navbar-left" method="get" role="search"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="&#x2713;" /></div>
<div class='form-group'>
<input class="form-control" id="query" name="query" placeholder="Поиск" type="text" />
</div>
</form>
</div>
<div class="right">
</div>
<div class="both">
</div>
</header>
<div class="both">
<!-- /.navbar-collapse -->
</div>
<!--Page-->
<article>
<!--Single page content-->
<div class="all error500">
<h1>Error <span>500</span></h1>
<h2>Something went wrong.<br>
We've been notified about this issue<br>
and we'll take a look at it shortly.</h2>
<p class="pages">
Try to open other pages.
</p>
<p class="search">
Or use the search.
</p>
<div class="both"></div>
<!-- /.container-fluid -->
</nav>
<noscript>
<div style='font-size: 12px; color: red; font-weight: bold;'>You need javascript to properly use this site</div>
</noscript>
<article >
<div class='row'>
<div class='col-md-6 col-md-offset-3 text-center'>
<div class="all error500">
<div class='offset20'>
<img src="/pics/500.png" class='img-responsive'>
</div>
<div class="clearfix"></div>
<h1>Error <span>500</span></h1>
<h2>Something went wrong.</h2>
<p class="pages">
We've been notified about this issue<br>
and we'll take a look at it shortly.
</p>
<p class="pages">
Try to open other pages.
</p>
<p class="search">
Or use the search.
</p>
<div class="clearfix"></div>
</div>
</div>
</div>
</article>
<div class="both">
</div>
</article>
</div>
<!--Footer-->
<footer>
<footer class='offset20'>
<ul>
<li>
<img src="/pics/flag.png" alt="rosa"> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="#">About company</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="#">Contacts</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="#">Terms of use</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="#">Confidentiality</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="#">Security</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="/contact">Support</a>
</li>
<li>ROSA Лаб. © 2015</li>
<li>·</li>
<li><img alt="flag" src="/pics/flag.png" /></li>
<li>·</li>
<li><a href="http://www.rosalab.ru/about">О компании</a></li>
<li>·</li>
<li><a href="http://www.rosalab.ru/about/contacts">Контакты</a></li>
<li>·</li>
<li><a href="/terms-of-service">Условия использования</a></li>
<li>·</li>
<li><a href="/contact">Служба поддержки</a></li>
<li>·</li>
<li><a href="http://abf-doc.rosalinux.ru">API для разработчиков</a></li>
<li>·</li>
<li><a href="/abf/abf-ideas/issues">Идеи для ABF</a></li>
<li>·</li>
<li><a href="http://abf-blog.rosalinux.ru">Блог ABF</a></li>
</ul>
</footer>
</body></html>

View File

@ -1,57 +1,29 @@
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>503</title>
<link href="/assets/application.css" media="screen" rel="stylesheet" type="text/css">
<link href="/assets/new_application.css" media="screen" rel="stylesheet" type="text/css">
</head>
<body>
<div class="wrap tmargin30">
<!--Page-->
<article>
<!--Single page content-->
<div class="all error503">
<h1>Work <span>is underway</span></h1>
<h2>We update the site, it will take some time.<br>
Press <span>F5</span>, if this does not help, it means,<br>
need to wait a little bit more.<br>
<br>
We are really trying to do it fast.<br>
We apologize for any inconvenience.</h2>
<div class="both"></div>
<article >
<div class='row'>
<div class='col-md-6 col-md-offset-3 text-center'>
<div class="all error503">
<div class='offset20'>
<img src="/pics/503.png" class='img-responsive'>
</div>
<div class="clearfix"></div>
<h1>Work <span>is underway</span></h1>
<h2>
We update the site, it will take some time.<br>
Press <span>F5</span>, if this does not help, it means,<br>
need to wait a little bit more.<br>
<br>
We are really trying to do it fast.<br>
We apologize for any inconvenience.
</h2>
<div class="clearfix"></div>
</div>
</div>
<div class="both">
</div>
</article>
</div>
<!--Footer-->
<footer>
<ul>
<li>
<img src="/assets/flag.png" alt="rosa"> <img src="/assets/square.png" alt="_">
</li>
<li>
<a href="#">About company</a> <img src="/assets/square.png" alt="_">
</li>
<li>
<a href="#">Contacts</a> <img src="/assets/square.png" alt="_">
</li>
<li>
<a href="#">Terms of use</a> <img src="/assets/square.png" alt="_">
</li>
<li>
<a href="#">Confidentiality</a> <img src="/assets/square.png" alt="_">
</li>
<li>
<a href="#">Security</a> <img src="/pics/square.png" alt="_">
</li>
<li>
<a href="/contact">Support</a>
</li>
</ul>
</footer>
</div>
</article>
</body></html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 63 KiB

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/pics/500.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

View File

Before

Width:  |  Height:  |  Size: 49 KiB

After

Width:  |  Height:  |  Size: 49 KiB