2014-01-03 13:32:13 -05:00
<!doctype html>
<!-- [if lt IE 7]> <html class="no - js lt - ie10 lt - ie9 lt - ie8 lt - ie7" lang="en"> <![endif] -->
<!-- [if IE 7]> <html class="no - js lt - ie10 lt - ie9 lt - ie8" lang="en"> <![endif] -->
<!-- [if IE 8]> <html class="no - js lt - ie10 lt - ie9" lang="en"> <![endif] -->
<!-- [if IE 9]> <html class="no - js lt - ie10" lang="en"> <![endif] -->
<!-- [if gt IE 9]><! --> < html class = "no-js" lang = "en" > <!-- <![endif] -->
< head >
<!-- [if IE]><meta http - equiv="X - UA - Compatible" content="IE=edge,chrome=1"><![endif] -->
<!-- <script src="http://ie.microsoft.com/TestDrive/HTML5/CompatInspector/inspector.js"></script> --> <!-- for testing IE compatibility issues -->
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width,initial-scale=1" >
< title > CodeCombat< / title >
< meta name = "description" content = "Learn programming with a multiplayer live coding strategy game. You're a wizard, and your spells are JavaScript. Free HTML5 game!" >
< meta property = "og:title" content = "CodeCombat: Multiplayer Programming" >
< 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/front_screenshot_01.png" >
< meta property = "og:site_name" content = "CodeCombat" >
< meta name = "twitter:card" content = "summary" >
< meta name = "twitter:title" content = "CodeCombat: Multiplayer Programming" >
< 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. You're a wizard, and your spells are JavaScript. Free 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" >
<!-- begin segment.io code -->
< script type = "text/javascript" >
var analytics=analytics||[];(function(){var e=["identify","track","trackLink","trackForm","trackClick","trackSubmit","page","pageview","ab","alias","ready","group"],t=function(e){return function(){analytics.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var n=0;n< e.length ; n + + ) analytics [ e [ n ] ] = t ( e [ n ] ) } ) ( ) , analytics . load = function(e){var t = document.createElement("script");t.type="text/javascript",t.async=!0,t.src=("https:"===document.location.protocol?"https://":"http://")+"d2dq2ahtl5zl1z.cloudfront.net/analytics.js/v1/"+e+"/analytics.min.js";var n = document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n)};
analytics.load("jsjzx9n4d2");
< / script >
<!-- end segment.io code -->
<!-- begin olark code -->
< script data-cfasync = "false" type = 'text/javascript' > / * < ! [ C D A T A [ * / w i n d o w . o l a r k | | ( f u n c t i o n ( c ) { v a r f = w i n d o w , d = d o c u m e n t , l = f . l o c a t i o n . p r o t o c o l = = " h t t p s : " ? " h t t p s : " : " h t t p : " , z = c . n a m e , r = " l o a d " ; v a r n t = f u n c t i o n ( ) {
f[z]=function(){
(a.s=a.s||[]).push(arguments)};var a=f[z]._={
},q=c.methods.length;while(q--){(function(n){f[z][n]=function(){
f[z]("call",n,arguments)}})(c.methods[q])}a.l=c.loader;a.i=nt;a.p={
0:+new Date};a.P=function(u){
a.p[u]=new Date-a.p[0]};function s(){
a.P(r);f[z](r)}f.addEventListener?f.addEventListener(r,s,false):f.attachEvent("on"+r,s);var ld=function(){function p(hd){
hd="head";return["< ",hd,">< /",hd,">< ",i,' onl' + 'oad="var d=',g,";d.getElementsByTagName('head')[0].",j,"(d.",h,"('script')).",k,"='",l,"//",a.l,"'",'"',">< /",i,">"].join("")}var i="body",m=d[i];if(!m){
return setTimeout(ld,100)}a.P(1);var j="appendChild",h="createElement",k="src",n=d[h]("div"),v=n[j](d[h](z)),b=d[h]("iframe"),g="document",e="domain",o;n.style.display="none";m.insertBefore(n,m.firstChild).id=z;b.frameBorder="0";b.id=z+"-loader";if(/MSIE[ ]+6/.test(navigator.userAgent)){
b.src="javascript:false"}b.allowTransparency="true";v[j](b);try{
b.contentWindow[g].open()}catch(w){
c[e]=d[e];o="javascript:var d="+g+".open();d.domain='"+d.domain+"';";b[k]=o+"void(0);"}try{
var t=b.contentWindow[g];t.write(p());t.close()}catch(x){
b[k]=o+'d.write("'+p().replace(/"/g,String.fromCharCode(92)+'"')+'");d.close();'}a.P(2)};ld()};nt()})({
loader: "static.olark.com/jsclient/loader0.js",name:"olark",methods:["configure","extend","declare","identify"]});
/* custom configuration goes here (www.olark.com/documentation) */
olark.identify('1451-787-10-5544');/*]]>*/< / script >
<!-- end olark code -->
< / head >
< body >
< header class = "header-container" id = "header-container" > < / header >
< div id = "page-container" >
< div id = "home-view" >
< div id = "fb-root" > < / div >
< div class = "navbar navbar-fixed-top" >
< div class = "navbar-inner" >
< div class = "content clearfix" >
< a class = "brand" href = "/" > < img alt = "CodeCombat" src = "/images/pages/base/logo.png" title = "CodeCombat" > < / a >
< ul class = "navbar-link-text nav pull-right" >
2014-01-06 23:17:27 -05:00
< li class = "blog" > < a data-i18n = "nav.blog" href = "http://blog.codecombat.com/" > Blog< / a > < / li >
2014-01-03 13:32:13 -05:00
< li class = "forum" > < a data-i18n = "nav.forum" href = "http://discourse.codecombat.com/" > Forum< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< div id = "outer-content-wrapper" >
< div id = "inner-content-wrapper" >
< div class = "main-content-area" >
< div >
< del > < h1 data-i18n = "home.slogan" id = "site-slogan" > Learn to Code JavaScript by Playing a Game< / h1 > < / del >
< div id = "front-screenshot" > < img alt = "" src = "/images/pages/home/front_screenshot_01.png" > < / div >
< / div >
< div class = "clearfix" > < / div >
< div class = "alert" >
< h1 > CodeCombat requires a modern browser to play:< / h1 >
< ul >
< h1 > < li > Chrome 20+< / li > < / h1 >
< h1 > < li > Firefox 21+< / li > < / h1 >
< h1 > < li > Safari 6+< / li > < / h1 >
< h1 > < li > Internet Explorer 10+< / li > < / h1 >
< / ul >
< h2 > It looks like you have an older browser or a mobile device, so it won't work. Sorry!< / h2 >
< h2 > < a href = "/" > Return Home< / a > < / h2 >
or
< h2 > < a href = "?try-old-browser-anyway=true" > Try Anyway< / a > < / h2 >
< / div >
< / div >
< / div >
< / div >
< div class = "footer" >
< / div >
< / div >
< / div >
< div id = "modal-wrapper" > < / div >
< / body >
< / html >