From 7cf0c41a8340cba60b37fc3d942d6332282febdc Mon Sep 17 00:00:00 2001
From: James <jselby@jselby.net>
Date: Sun, 16 Dec 2018 14:27:51 +1100
Subject: [PATCH] Capture <IE11

---
 static/css/main.css | 13 +++++++++++++
 static/index.html   | 16 ++++++++++++++++
 2 files changed, 29 insertions(+)
diff --git a/static/css/main.css b/static/css/main.css
index c6ccda1..bd6337b 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -73,3 +73,16 @@ pre {
 .has-padding .is-left-floating {
     left: 1rem;
 }
+
+.fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 9999;
+    padding: 20px;
+    background: #fff;
+}
diff --git a/static/index.html b/static/index.html
index 7ace508..3d66ddc 100644
--- a/static/index.html
+++ b/static/index.html
@@ -14,6 +14,22 @@
     <link rel="stylesheet" href="/css/main.css" type="text/css">
 </head>
 <body class="is-max-height">
+    <div class="fullscreen" id="ie-blackout" style="display: none">
+        <div class="title">Your computer is out of date.</div>
+        <div class="subtitle">
+            Make sure that your computer is up to date, and that you have Internet Explorer 11 installed.
+        </div>
+        <div class="subtitle">
+            Please note we do not support pirated or unsupported versions of Windows.
+        </div>
+    </div>
+
+    <script type="text/javascript">
+        if (!document.__proto__) {
+            document.getElementById("ie-blackout").style.display = "block";
+        }
+    </script>
+
     <div id="app" class="is-max-height">
         <section class="section is-max-height">
             <div class="container is-max-height">
