MyCrypto/common/index.html

111 lines
3.9 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>MyCrypto</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="manifest" href="/manifest.json">
</head>
<body>
<div id="app"></div>
<noscript class="NoScript">
<div class="NoScript-content">
<h2>You Must Enable Javascript to Continue</h2>
<p>
MyCrypto requires Javascript to run. There are no security vulnerabilities as a result of enabling Javascript on MyCrypto,
as we do not load any external scripts such as advertisements or trackers.
</p>
<p>
If you are not sure why you are seeing this message, or are unsure of how to enable Javascript, please visit
<a href="https://www.enable-javascript.com/" rel="noopener noreferrer" target="_blank">enable-javascript.com</a>
to learn more.
</p>
</div>
</noscript>
<div class="BadBrowser" style="display: none;">
<div class="BadBrowser-content">
<h2>Your Browser is Out of Date</h2>
<p class="is-desktop">
MyCrypto requires certain features that your browser doesn't offer. Your browser may also be missing security updates
that could open you up to vulnerabilities. Please update your browser, or switch to one of the following browsers
ones to continue using MyCrypto.
</p>
<p class="is-mobile">
MyCrypto requires certain features that your browser doesn't offer. Please use your device's default browser, or switch
to a laptop or computer to continue using MyCrypto.
</p>
<div class="BadBrowser-content-browsers is-desktop">
<a class="BadBrowser-content-browsers-browser firefox" href="https://www.mozilla.org/en-US/firefox/new/" rel="noopener noreferrer" target="_blank">
<span class="BadBrowser-content-browsers-browser-name">
Firefox
</span>
</a>
<a class="BadBrowser-content-browsers-browser chrome" href="https://www.google.com/chrome/browser/desktop/index.html" rel="noopener noreferrer"
target="_blank">
<span class="BadBrowser-content-browsers-browser-name">
Chrome
</span>
</a>
<a class="BadBrowser-content-browsers-browser opera" href="https://www.opera.com/" rel="noopener noreferrer" target="_blank">
<span class="BadBrowser-content-browsers-browser-name">
Opera
</span>
</a>
</div>
</div>
</div>
<script>
(function () {
console.log('In BB check!')
var badBrowser = false;
try {
console.log('In bad browser try!')
// Let and const
eval('let a = 1;');
eval('const b = 1');
console.log('after let/const')
// Local storage
window.localStorage.setItem('test', 'test');
window.localStorage.removeItem('test');
console.log('after local storage')
// Flexbox
var el = document.createElement('div');
el.style.display = 'flex';
console.log('after flex box create')
if (el.style.display !== 'flex') {
console.log('In BB flex if')
badBrowser = false;
}
console.log('after flex box if')
} catch (err) {
console.log('In BB catch!')
console.log(err)
badBrowser = true;
}
if (badBrowser) {
console.log('BB was set to TRUE')
var el = document.getElementsByClassName('BadBrowser')[0];
el.className += ' is-open';
// Dumb check for known mobile OS's. Not important to catch all, just
// displays more appropriate information.
if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
el.className += ' is-mobile';
}
}
})();
</script>
</body>
</html>