lucas.mathieu/cachet-docker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the 404 page.

Browse Source
This commit is contained in:
James Brooks
2014-12-31 14:29:20 +00:00
parent 26d51670da
commit 005290ce12
7 changed files with 110 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
app/assets/sass/_errors.scss Normal file
View File

@@ -0,0 +1,24 @@
body.error-page {
background-color: #f3f3f4;
.middle-box {
height: 400px;
width: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -200px;
z-index: 100;
h1 {
font-size: 9em;
}
}
h3 {
&.font-bold {
font-weight: 600;
}
}
}

3
app/assets/sass/main.scss
View File

@@ -25,3 +25,6 @@ html, body {
// Status Page will need to override certain styles.
@import "status-page";
// Error pages can have their own overrides.
@import "errors";

15
app/views/errors/404.blade.php
View File

@@ -1,8 +1,15 @@
@extends('layout.master')
@extends('layout.error')
@section('content')
<div class='jumbotron'>
<h1>This page is missing.</h1>
<p class='lead'>We've no idea.</p>
<div class="middle-box text-center">
<h1>404</h1>
<h3 class="font-bold">Page Not Found</h3>
<div class="error-desc">
<p>Sorry, but the page you are looking for has not been found. Check the URL for errors and try again.</p>
<p>
<a href='/' class='btn btn-default btn-lg'>Home</a>
</p>
</div>
</div>
@stop

39
app/views/layout/error.blade.php Normal file
View File

@@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- RSS Feed -->
<link rel="alternate" type="application/rss+xml" href="/rss" title="{{ $pageTitle ?: Setting::get('app_name') }} Status - RSS Feed" />
<!-- Mobile friendliness -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Mobile IE allows us to activate ClearType technology for smoothing fonts for easy reading -->
<meta http-equiv="cleartype" content="on">
<title>{{ $pageTitle ?: Setting::get('app_name') }} Status</title>
<link href='//fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="{{ elixir('css/all.css') }}">
@include('partials.stylesheet')
@if($stylesheet = Setting::get('stylesheet'))
<style type='text/css'>
{{ $stylesheet }}
</style>
@endif
<script src="{{ elixir('js/all.js') }}"></script>
</head>
<body class='error-page'>
<div class='container'>
@yield('content')
</div>
</body>
</html>

16
public/build/css/all-d71ab75f.css → public/build/css/all-16923627.css
View File

@@ -4964,3 +4964,19 @@ body.status-page {
text-align: center;
border-top: 1px solid #ecf0f1;
background-color: #fbfcfc; }
body.error-page {
background-color: #f3f3f4; }
body.error-page .middle-box {
height: 400px;
width: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -200px;
z-index: 100; }
body.error-page .middle-box h1 {
font-size: 9em; }
body.error-page h3.font-bold {
font-weight: 600; }

16
public/build/css/all.css
View File

@@ -4964,3 +4964,19 @@ body.status-page {
text-align: center;
border-top: 1px solid #ecf0f1;
background-color: #fbfcfc; }
body.error-page {
background-color: #f3f3f4; }
body.error-page .middle-box {
height: 400px;
width: 400px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -200px;
z-index: 100; }
body.error-page .middle-box h1 {
font-size: 9em; }
body.error-page h3.font-bold {
font-weight: 600; }

2
public/build/rev-manifest.json
View File

@@ -1,4 +1,4 @@
{
"css/all.css": "css/all-d71ab75f.css",
"css/all.css": "css/all-16923627.css",
"js/all.js": "js/all-4554a981.js"
}