add warning for IE user

index.html

@@ -106,16 +106,36 @@
     <link rel="icon" type="image/png" sizes="192x192" href="dist/android-chrome-192x192.png">
     <link rel="icon" type="image/png" sizes="16x16" href="dist/favicon-16x16.png">
     <link rel="shortcut icon" href="dist/favicon.ico">
-    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="dist/apple-touch-startup-image-320x460.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="dist/apple-touch-startup-image-640x920.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="dist/apple-touch-startup-image-640x1096.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="dist/apple-touch-startup-image-750x1294.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="dist/apple-touch-startup-image-1182x2208.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="dist/apple-touch-startup-image-1242x2148.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="dist/apple-touch-startup-image-748x1024.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="dist/apple-touch-startup-image-768x1004.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="dist/apple-touch-startup-image-1496x2048.png">
-    <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="dist/apple-touch-startup-image-1536x2008.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
+          href="dist/apple-touch-startup-image-320x460.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
+          href="dist/apple-touch-startup-image-640x920.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
+          href="dist/apple-touch-startup-image-640x1096.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
+          href="dist/apple-touch-startup-image-750x1294.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"
+          href="dist/apple-touch-startup-image-1182x2208.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"
+          href="dist/apple-touch-startup-image-1242x2148.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
+          href="dist/apple-touch-startup-image-748x1024.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
+          href="dist/apple-touch-startup-image-768x1004.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
+          href="dist/apple-touch-startup-image-1496x2048.png">
+    <link rel="apple-touch-startup-image"
+          media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
+          href="dist/apple-touch-startup-image-1536x2008.png">
 </head>
 <body>
 <div id="fold">
@@ -323,6 +343,11 @@
         </div>
     </div>
 </div>
+<script>
+    if (typeof window.crypto === "undefined") {
+        document.getElementById("lesspass").innerHTML = '<div class="text-xs-center"><div class="alert alert-danger" role="alert" style="margin-top: 6em;"><strong>Oh snap! Your browser is not compatible with LessPass.<br>We recommend you to use Firefox or any browser compatible with the new Web Cryptography API</div></div>';
+    }
+</script>
 <script src="dist/lesspass.js"></script>
 </body>
 </html>