codecombat/app/assets/main.html
Matt Lott 06367d106b IE8 unsupported message
Had to go low-tech.  IE8 doesn’t make it far enough for a nicely styled
homepage with unsupported message.
2014-12-07 18:56:59 -08:00

75 lines
3.2 KiB
HTML

<!doctype html>
<!--[if lt IE 7]> <html class="lt-ie10 lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie10 lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie10 lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="lt-ie10" lang="en"> <![endif]-->
<!--[if !IE]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=1024">
<title>CodeCombat - Learn how to code by playing a game</title>
<meta name="description" content="Learn programming with a multiplayer live coding strategy game for beginners. Learn Python or JavaScript as you defeat ogres, solve mazes, and level up. Open source HTML5 game!">
<meta property="og:title" content="CodeCombat: Learn to Code by Playing a Game">
<meta property="og:url" content="http://codecombat.com">
<meta property="og:type" content="game">
<meta property="og:image" content="http://codecombat.com/images/pages/home/play_img.png">
<meta property="og:site_name" content="CodeCombat">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="CodeCombat: Learn to Code by Playing a Game">
<meta name="twitter:url" content="http://codecombat.com">
<meta name="twitter:site" content="CodeCombat">
<meta name="twitter:image:src" content="http://codecombat.com/images/pages/base/logo_square_250.png">
<meta name="twitter:description" content="Learn programming with a multiplayer live coding strategy game for beginners. Learn Python or JavaScript as you defeat ogres, solve mazes, and level up. Open source HTML5 game!">
<link href="https://plus.google.com/115285980638641924488" rel="publisher" />
<link rel="shortcut icon" href="/images/favicon.ico">
<link rel="stylesheet" href="/stylesheets/app.css">
<script src="/lib/ace/ace.js" defer></script>
<!--[if IE 9]><script src="/javascripts/box2d.js"></script><![endif]-->
<script src="/javascripts/vendor.js" defer></script>
<script src="/javascripts/aether.js" defer></script>
<script src="/javascripts/app.js" defer></script> <!-- it's all Backbone! -->
<script>
// Placeholder for iPad, which inspects the user object at the bottom of an injected page.
window.userObject = "userObjectTag";
window.me = {
get: function(attribute) { return window.userObject[attribute]; }
}
onLoad = function() {
try {
// IE8 warning
var htmlElement = document.querySelector("html");
if (htmlElement) {
var classAttribute = htmlElement.getAttribute('class');
if (classAttribute && classAttribute.indexOf('lt-ie9') >= 0) {
alert("CodeCombat does not run in Internet Explorer 8 or older. Sorry!");
}
}
// IE8 can't handle this
FastClick.attach(document.body);
require('core/initialize');
} catch (error) { }
}
</script>
</head>
<body class="nano clearfix" onload="onLoad();">
<div id="fb-root"></div>
<div id="page-container" class="nano-content">
</div>
<div id="modal-wrapper" class="modal-content"></div>
<div class="progress" id="module-load-progress">
<div class="progress-bar"></div>
</div>
</body>
</html>