remove IE11 support (#400)

app/index.html

@@ -20,6 +20,7 @@
 
     <script src="{{rootURL}}assets/vendor.js"></script>
     <script src="{{rootURL}}assets/croodle.js"></script>
+    <script src="{{rootURL}}assets/internet-explorer-11-deprecation.js" nomodule></script>
 
     {{content-for "body-footer"}}
 

config/targets.js

@@ -1,18 +1,16 @@
 'use strict';
 
 const browsers = [
-  'last 1 Chrome versions',
+  'last 2 Chrome versions',
-  'last 1 Firefox versions',
+  // Last Edge versions are based on Chrome but not shipped to a significant
-  'last 1 Safari versions'
+  // number of users. Change to `last 2 Edge versions` as soon as Chrome-based
+  // Edge is shipped to all users.
+  'Edge >= 18',
+  'last 2 Firefox versions',
+  'Firefox ESR',
+  'last 2 Safari versions',
 ];
 
-const isCI = !!process.env.CI;
-const isProduction = process.env.EMBER_ENV === 'production';
-
-if (isCI || isProduction) {
-  browsers.push('ie 11');
-}
-
 module.exports = {
   browsers
 };

public/assets/internet-explorer-11-deprecation.js

@@ -0,0 +1,30 @@
+var outerContainer = document.createElement('div');
+outerContainer.style.display = 'flex';
+outerContainer.style.height = '100vh';
+
+var container = document.createElement('div');
+container.style.alignSelf = 'center';
+container.style.margin = 'auto';
+container.style.maxWidth = '50rem';
+container.style.textAlign = 'center';
+outerContainer.appendChild(container);
+
+var header = document.createElement('h2');
+header.style.color = '#B33A3A';
+
+var icon = document.createElement('span');
+icon.className = 'oi oi-warning';
+header.appendChild(icon);
+header.appendChild(
+  document.createTextNode('Your Browser is not supported!')
+);
+header.appendChild(icon.cloneNode());
+container.appendChild(header);
+
+var text = document.createElement('p');
+text.innerText =
+  'You are using an out-dated browser like Internet Explorer 11 that is not supported anymore by Croodle. ' +
+  'Please switch to a modern browser like Firefox, Google Chrome, Microsoft Edge or Safari.';
+container.appendChild(text);
+
+document.body.appendChild(outerContainer);

testem.browserstack.js

@@ -7,7 +7,6 @@ module.exports = {
   browser_start_timeout: 2000,
   browser_disconnect_timeout: 300,
   launch_in_ci: [
-    'BS_IE_11',
     'BS_MS_Edge',
     'BS_Safari_Current',
   ],
@@ -107,23 +106,5 @@ module.exports = {
       ],
       protocol: 'browser',
     },
-    BS_IE_11: {
-      exe: 'node_modules/.bin/browserstack-launch',
-      args: [
-        '--os',
-        'Windows',
-        '--osv',
-        '10',
-        '--b',
-        'ie',
-        '--bv',
-        '11.0',
-        '-t',
-        '1500',
-        '--u',
-        '<url>&legacy=true',
-      ],
-      protocol: 'browser',
-    },
   }
 };