mirror of
https://github.com/chanzuckerberg/cellxgene.git
synced 2026-09-15 20:57:56 +08:00
8bbc183647
* add FastestSmallestTextEncoderDecoder polyfill * remove nomodule from script import * add browserslist * add obsolete-webpack-plugin * switch out modern-browser for preset-env * add prompt on non target browser * propagate prod changes to dev * add core-js-3 and TextEncoder TextDecoder (#1671) * add script to remove react, style html * propagate changes to prod * add script-ext-html-webpack-plugin for async * more styling * add eslint-plugin-compat * extend compat plugin * add existing polyfills * add github fetch polyfill * add AbortController polyfill * change promptOnNonTargetBrowser to false * propagate * add browser links * prettier * add browser support to readme * move polyfills to webpack * remove CDN encoder polyfill * Add no Explorer support * fix incorrect package name * propagate changes * Update README.md Co-authored-by: Ambrose J Carr <ambrosejcarr@users.noreply.github.com> * add new deps * create shared config * swap out html-loader for filestream * sanitize template Co-authored-by: Timmy Huang <tihuan@users.noreply.github.com> Co-authored-by: Ambrose J Carr <ambrosejcarr@users.noreply.github.com>
82 lines
2.3 KiB
HTML
82 lines
2.3 KiB
HTML
<script>
|
|
var root = document.getElementById("root");
|
|
root.remove();
|
|
var portals = document.getElementsByClassName("bp3-portal");
|
|
for (var i = 0; i < portals.length; i += 1) {
|
|
portals[i].remove();
|
|
}
|
|
</script>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
flex-direction: column;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
text-align: center;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background: #8080801a;
|
|
font-family: 'Roboto Condensed, sans serif';
|
|
"
|
|
>
|
|
<img
|
|
src="https://raw.githubusercontent.com/chanzuckerberg/cellxgene/main/docs/cellxgene-logo.png"
|
|
style="width: 320px;"
|
|
/>
|
|
<div
|
|
style="
|
|
margin-top: 16px;
|
|
background: white;
|
|
width: 40vw;
|
|
border-radius: 4px;
|
|
padding: 24px 64px;
|
|
-webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.38);
|
|
-moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.38);
|
|
box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.38);
|
|
max-width: 550px;
|
|
"
|
|
>
|
|
<div style="margin-bottom: 0; font-weight: bolder; font-size: 1.2em;">
|
|
Unsupported Browser
|
|
</div>
|
|
<div style="margin-top: 0;">
|
|
cellxgene is currently supported on the following browsers
|
|
</div>
|
|
<div
|
|
style="display: flex; justify-content: space-around; margin-top: 16px;"
|
|
>
|
|
<a
|
|
href="https://www.google.com/chrome/?hl=en%22"
|
|
aria-label="Download Google Chrome"
|
|
>
|
|
<img
|
|
src="https://assets.beta.meta.org/images/browsers/chrome.png"
|
|
style="width: 80px; height: 80px;"
|
|
/>
|
|
<div>Chrome > 60</div>
|
|
</a>
|
|
<a href="https://www.apple.com/safari/" aria-label="Download Safari">
|
|
<img
|
|
src="https://assets.beta.meta.org/images/browsers/safari.png"
|
|
style="width: 80px; height: 80px;"
|
|
/>
|
|
<div>Safari ≥ 10.1</div>
|
|
</a>
|
|
<a href="https://www.mozilla.com/firefox/" aria-label="Download Firefox">
|
|
<img
|
|
src="https://assets.beta.meta.org/images/browsers/firefox.png"
|
|
style="width: 80px; height: 80px;"
|
|
/>
|
|
<div>Firefox ≥ 60</div>
|
|
</a>
|
|
<a href="//www.microsoft.com/edge" aria-label="Download Edge">
|
|
<img
|
|
src="https://assets.beta.meta.org/images/browsers/edge.png"
|
|
style="width: 80px; height: 80px;"
|
|
/>
|
|
<div>Edge ≥ 15</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|