feat: Add 404 page

This commit is contained in:
Matias de Andrea
2020-06-15 17:04:40 +02:00
parent 9e6aa21fef
commit 10fe6e873b
2 changed files with 77 additions and 0 deletions

51
web/404.html Normal file
View File

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta lang="en">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="description" content="TV Randshow | Choose a random TV show episode from a The Movie Database">
<!-- iOS meta tags & icons -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="TV Randshow">
<link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#e40505">
<meta name="msapplication-TileColor" content="#e40505">
<meta name="theme-color" content="#e40505">
<!-- open protocol graph meta -->
<meta property="og:title" content="TV Randshow | App to choose a random TV show episode">
<meta property="og:description" content="TV Randshow | Choose a random TV show episode from a The Movie Database">
<meta property="og:image" content="https://tvrandshow.com/favicon.png">
<meta property="og:site_name" content="tvrandshow.com">
<meta property="og:url" content="https://tvrandshow.com">
<meta property="og:locale" content="en_US"/>
<meta property="og:locale:alternate" content="es_ES"/>
<meta property="og:locale:alternate" content="pt_BR"/>
<meta property="og:type" content="website">
<meta property="fb:app_id" content="deandrea.matias.tv_randshow">
<!-- Favicon -->
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<title>TV Randshow</title>
<link rel="manifest" href="manifest.json">
</head>
<body>
<div class="container">
<div class="title">
Page not found 404
</div>
<a class="button" href="https://tvrandshow.com">
Go to home
</a>
</div>
</body>
</html>

26
web/style.css Normal file
View File

@ -0,0 +1,26 @@
body {
background-color: #ffffff;
}
.title {
color: black;
font-family: 'Nunito', sans-serif;
font-size: 5em;
margin-bottom: 16px;
}
a {
color: black;
font-family: 'Sniglet', cursive;
font-size: 2em;
}
.container {
display: grid;
text-align: center;
}
.button {
background-color: #e40505;
border-radius: 30px;
color: white;
margin: auto;
padding: 16px;
text-decoration: none;
}