Merge pull request #12662 from hashicorp/ds.ie11-warning

website: display warning in IE 11

Author: dstaley

website/pages/_document.js

@@ -19,7 +19,7 @@ export default class MyDocument extends Document {
           <script
             noModule
             dangerouslySetInnerHTML={{
-              __html: `window.MSInputMethodContext && document.documentMode && document.write('<script src="/ie-custom-properties.js"><\\x2fscript>');`,
+              __html: `window.MSInputMethodContext && document.documentMode && document.write('<script src="/ie-warning.js"><\\x2fscript>');`,
             }}
           />
         </body>

website/public/ie-custom-properties.js

@@ -0,0 +1,31 @@
+!(function () {
+  'use strict'
+
+  const el = document.createElement('div');
+  el.innerHTML =
+    '<div class="ie-warning">' +
+    '  <p class="ie-warning-description">' +
+    '    Internet Explorer is no longer supported.' +
+    '    <a href="https://support.hashicorp.com/hc/en-us/articles/4416485547795">' +
+    '      Learn more.' +
+    '    </a>' +
+    '  </p>' +
+    '</div>' +
+    '<style>' +
+    '  .ie-warning {' +
+    '    background-color: #FCF0F2;' +
+    '    border-bottom: 1px solid #FFD4D6;' +
+    '    color: #BA2226;' +
+    '    text-align: center;' +
+    '    font-family: "Segoe UI", sans-serif;' +
+    '    font-weight: bold;' +
+    '  }' +
+    '  .ie-warning-description {' +
+    '    padding: 16px 0;' +
+    '    margin: 0;' +
+    '    color: #BA2226;' +
+    '  }' +
+    '</style>';
+
+  document.body.insertBefore(el, document.body.childNodes[0]);
+})();