|
27 | 27 | margin: 0; |
28 | 28 | min-height: 100vh; |
29 | 29 | } |
30 | | - |
31 | | - .no-es6 { |
32 | | - color: white; |
33 | | - display: none; |
34 | | - margin: auto; |
35 | | - max-width: 700px; |
36 | | - text-align: center; |
37 | | - } |
38 | | - |
39 | | - .no-es6 .flash { |
40 | | - color: yellow; |
41 | | - } |
42 | | - |
43 | | - .no-es6 a { |
44 | | - color: white; |
45 | | - } |
46 | 30 | </style> |
47 | 31 | </head> |
48 | 32 | <body> |
49 | 33 | <app-shell></app-shell> |
50 | 34 |
|
51 | | - <div class="no-es6"> |
52 | | - <h1><span class="flash">⚡️</span> Oh, no! Unsupported Browser!</h1> |
53 | | - <p> |
54 | | - Seems like you're using an unsupported browser. Please use a modern one to use Festify. |
55 | | - <a href="https://www.google.com/chrome/" alt="Download Google Chrome">Google Chrome</a>, |
56 | | - <a href="https://www.mozilla.org/firefox/" alt="Download Mozilla Firefox">Firefox</a> |
57 | | - or <a href="https://www.apple.com/safari/" alt="Download Safari">Safari</a> are really |
58 | | - good choices. Any other browser that is based on one of them (like Opera) is also going |
59 | | - to work well. |
60 | | - </p> |
61 | | - </div> |
62 | | - |
63 | | - <script> |
64 | | - try { |
65 | | - eval('"use strict"; class ES6CompatTestClass {}; const test = () => {}; function* iterator() { yield 1; }'); |
66 | | - } catch (e) { |
67 | | - console.error("Your browser doesn't support ES6 classes, ES6 generators or arrow functions (or all of them). Please upgrade to a modern one."); |
68 | | - document.getElementsByClassName('no-es6-class').item(0).style.display = 'block'; |
69 | | - document.querySelectorAll('app-shell, .scripts').forEach(node => node.remove()); |
70 | | - } |
71 | | - </script> |
72 | | - |
73 | 35 | <!-- Polyfills --> |
74 | | - <script class="scripts" src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script> |
| 36 | + <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" |
| 37 | + type="text/javascript"> |
| 38 | + </script> |
75 | 39 | <script src="/node_modules/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js" |
76 | 40 | type="text/javascript" |
77 | 41 | nomodule> |
78 | 42 | </script> |
79 | 43 | <script src="/node_modules/regenerator-runtime/runtime.js" |
80 | 44 | type="text/javascript" |
81 | | - class="scripts" |
82 | 45 | nomodule> |
83 | 46 | </script> |
84 | 47 |
|
85 | 48 | <!-- ES6 Module Code --> |
86 | | - <script src="/module/index.ts.js" type="module" class="scripts"></script> |
| 49 | + <script src="/module/index.ts.js" type="module"></script> |
87 | 50 |
|
88 | 51 | <!-- SystemJS Module Code --> |
89 | 52 | <script src="/node_modules/systemjs/dist/system-production.js" |
90 | 53 | type="text/javascript" |
91 | | - class="scripts" |
92 | 54 | nomodule> |
93 | 55 | </script> |
94 | | - <script class="scripts" nomodule> |
| 56 | + <script type="text/javascript" nomodule> |
95 | 57 | System.import('/nomodule/index.ts.js'); |
96 | 58 | </script> |
97 | 59 |
|
|
0 commit comments