Fixed 404 page

This commit is contained in:
Liyas Thomas
2019-08-23 11:44:37 +05:30
parent 181bc0c189
commit f05a61e8a8

148
404.html
View File

@@ -2,79 +2,87 @@
<html lang="en">
<head>
<script src="head.js"></script>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
<title>mnmlurl - Minimal URL is a modern URL shortener with support for custom alias</title>
<meta name="description" content="Minimal URL is a modern URL shortener with support for custom alias">
<link rel="icon" href="favicon.ico">
<meta itemprop="name" content="mnmlurl">
<meta itemprop="description" content="Minimal URL is a modern URL shortener with support for custom alias">
<meta itemprop="image" content="icons/icon-192x192.png">
<!-- See https://goo.gl/OOhYW5 -->
<link rel="manifest" href="manifest.json">
<!-- See https://goo.gl/qRE0vM -->
<meta name="theme-color" content="#ffffff">
<!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="mnmlurl">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="white-translucent">
<meta name="apple-mobile-web-app-title" content="mnmlurl">
<!-- Homescreen icons -->
<link rel="apple-touch-icon" href="icons/icon-48x48.png">
<link rel="apple-touch-icon" sizes="72x72" href="icons/icon-72x72.png">
<link rel="apple-touch-icon" sizes="96x96" href="icons/icon-96x96.png">
<link rel="apple-touch-icon" sizes="144x144" href="icons/icon-144x144.png">
<link rel="apple-touch-icon" sizes="192x192" href="icons/icon-192x192.png">
<!-- Tile icon for Windows 8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="icons/icon-144x144.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-tap-highlight" content="no">
<!-- OpenGraph -->
<meta property="og:site_name" content="mnmlurl">
<meta property="og:url" content="https://mnmlurl.ml">
<meta property="og:type" content="website">
<meta property="og:title" content="mnmlurl">
<meta property="og:description" content="Minimal URL is a modern URL shortener with support for custom alias">
<meta property="og:image" content="icons/icon-144x144.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@liyasthomas">
<meta name="twitter:creator" content="@liyasthomas">
<meta name="twitter:url" content="https://mnmlurl.ml">
<meta name="twitter:title" content="mnmlurl">
<meta name="twitter:description" content="Minimal URL is a modern URL shortener with support for custom alias">
<meta name="twitter:image" content="icons/icon-144x144.png">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, shrink-to-fit=no">
<title>Postwoman - API request builder</title>
<meta name="description" content="The Postwoman API request builder helps you create your requests faster, saving you precious time on your development.">
<link rel="icon" href="favicon.ico">
<meta itemprop="name" content="Postwoman - API request builder">
<meta itemprop="description" content="The Postwoman API request builder helps you create your requests faster, saving you precious time on your development.">
<meta itemprop="image" content="icons/icon-192x192.png">
<!-- See https://goo.gl/OOhYW5 -->
<link rel="manifest" href="manifest.json">
<!-- See https://goo.gl/qRE0vM -->
<meta name="theme-color" content="#121212">
<!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Postwoman - API request builder">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Postwoman - API request builder">
<!-- Homescreen icons -->
<link rel="apple-touch-icon" href="icons/icon-48x48.png">
<link rel="apple-touch-icon" sizes="72x72" href="icons/icon-72x72.png">
<link rel="apple-touch-icon" sizes="96x96" href="icons/icon-96x96.png">
<link rel="apple-touch-icon" sizes="144x144" href="icons/icon-144x144.png">
<link rel="apple-touch-icon" sizes="192x192" href="icons/icon-192x192.png">
<!-- Tile icon for Windows 8 (144x144 + tile color) -->
<meta name="msapplication-TileImage" content="icons/icon-144x144.png">
<meta name="msapplication-TileColor" content="#121212">
<meta name="msapplication-tap-highlight" content="no">
<!-- OpenGraph -->
<meta property="og:site_name" content="Postwoman - API request builder">
<meta property="og:url" content="https://liyasthomas.github.io/postwoman">
<meta property="og:type" content="website">
<meta property="og:title" content="Postwoman - API request builder">
<meta property="og:description" content="API request builder">
<meta property="og:image" content="icons/icon-144x144.png">
<!-- Twitter -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@liyasthomas">
<meta name="twitter:creator" content="@liyasthomas">
<meta name="twitter:url" content="https://liyasthomas.github.io/postwoman">
<meta name="twitter:title" content="Postwoman - API request builder">
<meta name="twitter:description" content="API request builder">
<meta name="twitter:image" content="icons/icon-144x144.png">
<!-- Web Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('sw.js').then(function(registration) {
console.log('ServiceWorker registration successful with scope: ', registration.scope);
}).catch(function(err) {
console.log('ServiceWorker registration failed: ', err);
});
});
}
</script>
</head>
<body>
<main class="main">
<div id="erbox">
<h1>404</h1>
page not found
</div>
<div class="flex"></div>
<footer>
<a href="https://mnmlurl.ml">
<img src="icons/logo.svg" alt="logo" style="height: 24px; margin-right: 8px;">Home
</a>
<a href="https://github.com/liyasthomas/mnmlurl" target="_blank" rel="noopener">
<img src="icons/github.svg" alt="GitHub" style="margin-right: 8px;">GitHub
</a>
<a href="https://github.com/liyasthomas/mnmlurl-extension" target="_blank" rel="noopener">
Get browser extension
</a>
<button id="installPWA" onclick="installPWA()" style="padding: 16px;">
<img src="icons/pwalogo.svg" alt="PWA" style="height: 16px;">
</button>
</footer>
</main>
<main id="app">
<header>
<div>
<a href="">
<h1 class="logo"><img src="icons/logo.svg" alt="" style="height: 24px; margin-right: 16px">Postwoman</h1>
</a>
<h3>API request builder</h3>
</div>
</header>
<h1>404 - Page not found</h1>
<p><a href=""><button>Go Home</button></a></p>
<footer>
<a href="https://github.com/liyasthomas/postwoman" target="_blank"><img src="icons/github.svg" alt="" style="margin-right: 16px">GitHub</a>
<button id="installPWA" onclick="installPWA()">
Install PWA
</button>
</footer>
</main>
</body>
</html>