More 404 work
|
Before Width: | Height: | Size: 7.2 KiB After Width: | Height: | Size: 7.2 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 4.6 KiB After Width: | Height: | Size: 4.6 KiB |
|
Before Width: | Height: | Size: 661 B After Width: | Height: | Size: 644 B |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 770 B |
|
Before Width: | Height: | Size: 5 KiB After Width: | Height: | Size: 5 KiB |
|
Before Width: | Height: | Size: 5 KiB After Width: | Height: | Size: 5 KiB |
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 7 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 16 KiB |
BIN
public/images/logo-full-300.png
Normal file
|
After Width: | Height: | Size: 5.2 KiB |
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 965 B After Width: | Height: | Size: 951 B |
|
Before Width: | Height: | Size: 7.9 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 5.7 KiB After Width: | Height: | Size: 3.8 KiB |
|
|
@ -236,10 +236,20 @@ h3 {
|
|||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.error .col-md-12 {
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.error a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.error-logo {
|
||||
position: absolute;
|
||||
top: 50px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.vertical-center {
|
||||
min-height: 100%; /* Fallback for browsers do NOT support vh unit */
|
||||
min-height: 100vh; /* These two lines are counted as one :-) */
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import React from 'react';
|
||||
import { Link } from 'react-router';
|
||||
import Head from './head';
|
||||
import Foot from './foot';
|
||||
|
||||
|
|
@ -9,13 +10,20 @@ export default React.createClass({
|
|||
<html>
|
||||
<Head {...this.props} />
|
||||
<body>
|
||||
<div className='error vertical-center'>
|
||||
<div className='error'>
|
||||
<div className='container main'>
|
||||
<div className='row'>
|
||||
<div className='col-md-12'>
|
||||
<div className='error-logo'>
|
||||
<Link to='home'><img src='/images/logo-full-300.png' width='50' /></Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='row vertical-center'>
|
||||
<div className='col-md-12'>
|
||||
<h2>404</h2>
|
||||
<h1>Sorry, it looks like the page you asked for is gone.</h1>
|
||||
<a href='/'>Take Me Home</a> or <a href='https://www.youtube.com/watch?v=gnnIrTLlLyA' target='_blank'>Show Me the Wubs</a>
|
||||
<Link to='home'>Take Me Home</Link> or <a href='https://www.youtube.com/watch?v=gnnIrTLlLyA' target='_blank'>Take Me to the Wubs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||