add proper 404 page to docs

2020-05-04 12:17:00 +03:00 · 2020-05-04 12:17:00 +03:00 · 6a5de3482b
--- a/40x.html
+++ b/40x.html
@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="UTF-8">
+  <title>Error 404</title>
+  <link rel="shortcut icon" href="/devtools/xamarin/favicon.ico" />
+  <style>
+    html {
+      font-family: Roboto, Helvetica, Arial, sans-serif;
+      line-height: 1.5em;
+    }
+
+    .content {
+      max-width: 768px;
+      padding-left: 200px;
+      margin: 200px auto;
+      position: relative;
+    }
+
+    .ninja {
+      position: absolute;
+      left: 0;
+      top: 0;
+    }
+
+    h1 {
+      margin: 0 0 40px;
+      font: 600 60px/.9 Roboto, Helvetica, Arial, sans-serif;
+      letter-spacing: -.03em;
+    }
+
+    h2 {
+      margin: 0 0 20px;
+      font: 400 28px/1 Roboto, Helvetica, Arial, sans-serif;
+      letter-spacing: -.035em;
+    }
+
+    ul {
+      padding: 0 0 0 1.3em;
+      margin: 0;
+    }
+
+    a,
+    a:visited {
+      color: #0487c4;
+      text-decoration: none;
+      transition: color .2s ease, opacity .2s ease;
+    }
+
+    a:hover,
+    a:focus {
+      color: #036c9c;
+      text-decoration: underline;
+    }
+  </style>
+</head>
+
+<body>
+  <div class="content">
+    <img class="ninja" src="/devtools/xamarin/images/ninja-icon.png" />
+    <h1>
+      Oh, no!
+      <br /> It seems we've lost this page
+    </h1>
+    <h2>
+      Things you can try:
+    </h2>
+    <ul>
+      <li>
+        <a href="#" onclick="history.go(-1); return false;">Go back</a> and try another way</li>
+      <li>Head to the
+        <a href="/devtools/xamarin/">Documentation Homepage</a>
+      </li>
+      <li>Cheer up and
+        <a href="http://www.telerik.com/download">try our products</a>. Some of them are free!</li>
+    </ul>
+  </div>
+</body>
+
+</html>
--- a/images/ninja-icon.png
+++ b/images/ninja-icon.png
--- a/web.config
+++ b/web.config
@ -236,7 +236,11 @@
            <mimeMap fileExtension=".json" mimeType="application/json" />
            <remove fileExtension=".woff" />
            <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
-        </staticContent>
+        </staticContent>        
+        <httpErrors errorMode="Custom" defaultResponseMode="File" >
+            <remove statusCode="404" />
+            <error statusCode="404" path="40x.html" />
+       </httpErrors>
    </system.webServer>
    
 </configuration>