codecombat/app/assets/main.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>
Ready for action, sir! 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">`
Improvements for mobile layouts and mobile and iPad browser detection. 2014-11-30 15:27:34 -05:00			`<meta name="viewport" content="width=1024">`
Ready for action, sir! 2014-01-03 13:32:13 -05:00
Improved page title. Fixed Twitter card image. 2014-03-21 20:06:51 -04:00			`<title>CodeCombat - Learn how to code by playing a game</title>`
The sky darkened. 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!">`
Ready for action, sir! 2014-01-03 13:32:13 -05:00
Updated main.html. Removed LinkedIn. 2014-11-09 23:35:46 -05:00			`<meta property="og:title" content="CodeCombat: Learn to Code by Playing a Game">`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`<meta property="og:url" content="http://codecombat.com">`
			`<meta property="og:type" content="game">`
Updated main.html. Removed LinkedIn. 2014-11-09 23:35:46 -05:00			`<meta property="og:image" content="http://codecombat.com/images/pages/home/play_img.png">`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`<meta property="og:site_name" content="CodeCombat">`

			`<meta name="twitter:card" content="summary">`
Updated main.html. Removed LinkedIn. 2014-11-09 23:35:46 -05:00			`<meta name="twitter:title" content="CodeCombat: Learn to Code by Playing a Game">`
Ready for action, sir! 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">`
The sky darkened. 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!">`
Ready for action, sir! 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">`
Updated main.html. Removed LinkedIn. 2014-11-09 23:35:46 -05:00
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`<script src="/lib/ace/ace.js" defer></script>`
Box2D in own script, rename Vector Renaming Vector to Box2DVector to avoid naming collisions when including Box2D on the main thread. There may be a way to change how scripts are built and included to avoid this rename, but it wasn’t obvious. Box2D declares a Vector in the global namespace, which conflicts with the CodeCombat Vector. 2014-09-29 15:48:58 -04:00			`<!--[if IE 9]><script src="/javascripts/box2d.js"></script><![endif]-->`
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`<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! -->`
Refactored user authentication again. Now the user object is inserted into main.html, which was renamed from index.html so the express static middleware wouldn't serve it. 2014-04-02 16:12:24 -04:00			`<script>`
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 21:56:57 -05:00
Added a placeholder me for iPad which inspects the object once the page loads. 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]; }`
			`}`

Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`onLoad = function() {`
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 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) { }`
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`}`
Refactored user authentication again. Now the user object is inserted into main.html, which was renamed from index.html so the express static middleware wouldn't serve it. 2014-04-02 16:12:24 -04:00			`</script>`
Ready for action, sir! 2014-01-03 13:32:13 -05:00
			`</head>`
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`<body class="nano clearfix" onload="onLoad();">`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`<div id="fb-root"></div>`

Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`<div id="page-container" class="nano-content">`
			`</div>`
- initial implementation of antiscroll, squashed 2014-03-19 00:11:11 -04:00
Integrated nanoscroller. 2014-04-02 17:40:06 -04:00			`<div id="modal-wrapper" class="modal-content"></div>`
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00
Removed the module loader modal, replaced with a simple progress bar at the top of the screen. 2014-12-06 16:11:47 -05:00			`<div class="progress" id="module-load-progress">`
			`<div class="progress-bar"></div>`
Set up the site to load its logic and templates piecemeal rather than in one giant app.js file. 2014-11-28 19:38:50 -05:00			`</div>`
Ready for action, sir! 2014-01-03 13:32:13 -05:00			`</body>`
			`</html>`