Make 404 error page look better, and remove the text that it's probably a typo, because in public mode that isn't necessarily true

This commit is contained in:
Micah Lee 2018-09-15 19:52:53 -07:00
parent 9815c612eb
commit 73f09f14c4
No known key found for this signature in database
GPG key ID: 403C2657CD994F73
3 changed files with 21 additions and 15 deletions

View file

@ -172,23 +172,23 @@ li.info {
min-height: 400px; min-height: 400px;
} }
.closed { .info {
text-align: center; text-align: center;
} }
.closed img { .info img {
width: 120px; width: 120px;
height: 120px; height: 120px;
} }
.closed .closed-header { .info .info-header {
font-size: 30px; font-size: 30px;
font-weight: normal; font-weight: normal;
color: #666666; color: #666666;
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
.closed .closed-description { .info .info-description {
color: #666666; color: #666666;
margin: 0 0 20px 0; margin: 0 0 20px 0;
} }

View file

@ -1,10 +1,16 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>OnionShare: Error 404</title> <title>OnionShare: 404 Not Found</title>
<link href="/static/img/favicon.ico" rel="icon" type="image/x-icon" /> <link href="/static/img/favicon.ico" rel="icon" type="image/x-icon" />
</head> <link href="/static/css/style.css" rel="stylesheet" type="text/css" />
<body> </head>
<p>Error 404: You probably typed the OnionShare address wrong</p> <body>
</body> <div class="info-wrapper">
<div class="info">
<p><img class="logo" src="/static/img/logo_large.png" title="OnionShare"></p>
<p class="info-header">404 Not Found</p>
</div>
</div>
</body>
</html> </html>

View file

@ -11,11 +11,11 @@
<h1>OnionShare</h1> <h1>OnionShare</h1>
</header> </header>
<div class="closed-wrapper"> <div class="info-wrapper">
<div class="closed"> <div class="info">
<p><img class="logo" src="/static/img/logo_large.png" title="OnionShare"></p> <p><img class="logo" src="/static/img/logo_large.png" title="OnionShare"></p>
<p class="closed-header">Thank you for using OnionShare</p> <p class="info-header">Thank you for using OnionShare</p>
<p class="closed-description">You may now close this window.</p> <p class="info-description">You may now close this window.</p>
</div> </div>
</div> </div>
</body> </body>