[#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*/ /*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 text-align: center
font-size: 14px
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
font-size: 14px
/*500*/ /*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 text-align: center
font-size: 14px
h1
font-size: 48px
font-weight: normal
span
color: #4496d0
h2
font-size: 18px
font-weight: normal
p
text-align: center
font-size: 14px
/*503*/ /*503*/
.error503 article div.all.error503
text-align: center text-align: center
h1 img
font-size: 38px margin: 0 auto
font-weight: normal
text-align: center
span h1
color: #4496d0 font-size: 38px
font-weight: normal
text-align: center
h2 span
font-size: 18px color: #4496d0
font-weight: normal
span h2
color: #4496d0 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" /> <input class="form-control" id="query" name="query" placeholder="Поиск" type="text" />
</div> </div>
</form> </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> </div>
<!-- /.navbar-collapse --> <!-- /.navbar-collapse -->
</div> </div>
<!-- /.container-fluid --> <!-- /.container-fluid -->
</nav> </nav>
<noscript> <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> </noscript>
<article > <article >
<div class='row'> <div class='row'>
<div class='col-md-6 col-md-offset-3 text-center'> <div class='col-md-6 col-md-offset-3 text-center'>
<div class="all error404"> <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> <h1>Error <span>404</span></h1>
<h2>Page not found</h2> <h2>Page not found</h2>
<p class="pages"> <p class="pages">
@ -57,7 +54,6 @@
Or use the search. Or use the search.
</p> </p>
<div class="clearfix"></div> <div class="clearfix"></div>
</div> </div>
</div> </div>
</div> </div>

View File

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

View File

@ -1,57 +1,29 @@
<html><head> <html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>503</title> <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> </head>
<body> <body>
<div class="wrap tmargin30"> <article >
<div class='row'>
<!--Page--> <div class='col-md-6 col-md-offset-3 text-center'>
<article> <div class="all error503">
<!--Single page content--> <div class='offset20'>
<div class="all error503"> <img src="/pics/503.png" class='img-responsive'>
</div>
<h1>Work <span>is underway</span></h1> <div class="clearfix"></div>
<h2>We update the site, it will take some time.<br> <h1>Work <span>is underway</span></h1>
Press <span>F5</span>, if this does not help, it means,<br> <h2>
need to wait a little bit more.<br> We update the site, it will take some time.<br>
<br> Press <span>F5</span>, if this does not help, it means,<br>
We are really trying to do it fast.<br> need to wait a little bit more.<br>
We apologize for any inconvenience.</h2> <br>
<div class="both"></div> We are really trying to do it fast.<br>
We apologize for any inconvenience.
</h2>
<div class="clearfix"></div>
</div>
</div> </div>
</div>
<div class="both"> </article>
</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>
</body></html> </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