2014-01-03 13:32:13 -05:00
<!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" >
2014-11-30 15:27:34 -05:00
< meta name = "viewport" content = "width=1024" >
2014-01-03 13:32:13 -05:00
2014-03-21 20:06:51 -04:00
< title > CodeCombat - Learn how to code by playing a game< / title >
2014-12-03 13:04:50 -05:00
< 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!" >
2014-01-03 13:32:13 -05:00
2014-11-09 23:35:46 -05:00
< meta property = "og:title" content = "CodeCombat: Learn to Code by Playing a Game" >
2014-01-03 13:32:13 -05:00
< meta property = "og:url" content = "http://codecombat.com" >
< meta property = "og:type" content = "game" >
2014-11-09 23:35:46 -05:00
< meta property = "og:image" content = "http://codecombat.com/images/pages/home/play_img.png" >
2014-01-03 13:32:13 -05:00
< meta property = "og:site_name" content = "CodeCombat" >
< meta name = "twitter:card" content = "summary" >
2014-11-09 23:35:46 -05:00
< meta name = "twitter:title" content = "CodeCombat: Learn to Code by Playing a Game" >
2014-01-03 13:32:13 -05:00
< 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" >
2014-12-03 13:04:50 -05:00
< 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!" >
2014-01-03 13:32:13 -05:00
< link href = "https://plus.google.com/115285980638641924488" rel = "publisher" / >
< link rel = "shortcut icon" href = "/images/favicon.ico" >
< link rel = "stylesheet" href = "/stylesheets/app.css" >
2014-11-09 23:35:46 -05:00
2015-01-06 13:53:32 -05:00
<!-- IE9 doesn't support defer attribute: https://github.com/h5bp/lazyweb - requests/issues/42 -->
<!-- [if IE 9]>
< script src = "/lib/ace/ace.js" > < / script >
< script src = "/javascripts/box2d.js" > < / script >
< script src = "/javascripts/vendor.js" > < / script >
< script src = "/javascripts/aether.js" > < / script >
< script src = "/javascripts/app.js" > < / script >
<![endif]-->
<![if (gt IE 9)|(!IE)]>
2014-11-28 19:38:50 -05:00
< script src = "/lib/ace/ace.js" defer > < / script >
< 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! -->
2015-01-06 13:53:32 -05:00
<![endif]>
2014-04-02 16:12:24 -04:00
< script >
2014-12-07 21:56:57 -05:00
2014-12-01 13:45:19 -05:00
// 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]; }
}
2014-11-28 19:38:50 -05:00
onLoad = function() {
2014-12-07 21:56:57 -05:00
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) { }
2014-11-28 19:38:50 -05:00
}
2014-04-02 16:12:24 -04:00
< / script >
2014-01-03 13:32:13 -05:00
< / head >
2014-11-28 19:38:50 -05:00
< body class = "nano clearfix" onload = "onLoad();" >
2014-01-03 13:32:13 -05:00
< div id = "fb-root" > < / div >
2014-11-28 19:38:50 -05:00
< div id = "page-container" class = "nano-content" >
< / div >
2014-03-19 00:11:11 -04:00
2014-04-02 17:40:06 -04:00
< div id = "modal-wrapper" class = "modal-content" > < / div >
2014-11-28 19:38:50 -05:00
2014-12-06 16:11:47 -05:00
< div class = "progress" id = "module-load-progress" >
< div class = "progress-bar" > < / div >
2014-11-28 19:38:50 -05:00
< / div >
2014-01-03 13:32:13 -05:00
< / body >
< / html >