diff --git a/app/assets/images/pages/home/play_img.png b/app/assets/images/pages/home/play_img.png new file mode 100644 index 000000000..ffdad8dca Binary files /dev/null and b/app/assets/images/pages/home/play_img.png differ diff --git a/app/templates/base.jade b/app/templates/base.jade index fef1eb980..1566f67f8 100644 --- a/app/templates/base.jade +++ b/app/templates/base.jade @@ -14,10 +14,6 @@ body img(src="/images/pages/base/logo.png", title="CodeCombat - Learn how to code by playing a game", alt="CodeCombat") ul(class='navbar-link-text').nav.navbar-nav.navbar-collapse.collapse - li.play - a.header-font(href='/play', data-i18n="nav.play") Levels - li - a.header-font(href='/community', data-i18n="nav.community") Community if me.get('anonymous') === false li.dropdown button.btn.btn-primary.navbuttontext.header-font.dropdown-toggle(href="#", data-toggle="dropdown") @@ -71,6 +67,7 @@ body a(href='/employers', title='Home', tabindex=-1, data-i18n="nav.employers") Employers else a(href='/', title='Home', tabindex=-1, data-i18n="nav.home") Home + a(href='/play/ladder', title='Multiplayer', tabindex=-1) Multiplayer a(href='/contribute', title='Contribute', tabindex=-1, data-i18n="nav.contribute") Contribute a(href='/legal', title='Legal', tabindex=-1, data-i18n="nav.legal") Legal a(href='/about', title='About', tabindex=-1, data-i18n="nav.about") About diff --git a/app/templates/home.jade b/app/templates/home.jade index 16698fb66..4a4ab5426 100644 --- a/app/templates/home.jade +++ b/app/templates/home.jade @@ -4,84 +4,6 @@ block content h1#site-slogan(data-i18n="home.slogan") Learn to Code by Playing a Game - .code-languages - .primary-code-languages.row - .col-sm-6 - .code-language#javascript(data-code-language='javascript') - .code-wizard - h2 JavaScript - p(data-i18n="home.javascript_blurb") The language of the web. Great for writing websites, web apps, HTML5 games, and servers. - - var playCount = codeLanguageCountMap.javascript - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - - .col-sm-6 - .code-language.beta#python(data-code-language='python') - .code-wizard - .code-language-beta - h2 Python - p(data-i18n="home.python_blurb") Simple yet powerful, Python is a great general purpose programming language. - - var playCount = codeLanguageCountMap.python - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - - .secondary-code-languages.row - .col-sm-3 - .code-language.beta#coffeescript(data-code-language='coffeescript') - .code-language-logo - .code-wizard - .code-language-beta - h3 CoffeeScript - p(data-i18n="home.coffeescript_blurb") Nicer JavaScript syntax. - - var playCount = codeLanguageCountMap.coffeescript - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - - .col-sm-3 - .code-language.beta#clojure(data-code-language='clojure') - .code-language-logo - .code-wizard - .code-language-beta - h3 Clojure - p(data-i18n="home.clojure_blurb") A modern Lisp. - - var playCount = codeLanguageCountMap.clojure - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - - .col-sm-3 - .code-language.beta#lua(data-code-language='lua') - .code-language-logo - .code-wizard - .code-language-beta - h3 Lua - p(data-i18n="home.lua_blurb") Game scripting language. - - var playCount = codeLanguageCountMap.lua - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - - .col-sm-3 - .code-language.beta#io(data-code-language='io', title="Careful: Io is still quite buggy") - .code-language-logo - .code-wizard - .code-language-beta - h3 Io - p(data-i18n="home.io_blurb") Simple but obscure. - - var playCount = codeLanguageCountMap.io - if playCount - div.language-play-count - span.spr= playCount - span(data-i18n="resources.sessions") sessions - .alert.alert-danger.lt-ie10 strong(data-i18n="home.no_ie") CodeCombat does not run in Internet Explorer 9 or older. Sorry! @@ -94,26 +16,11 @@ block content br span(data-i18n="home.old_browser_suffix") You can try anyway, but it probably won't work. - a#beginner-campaign(href="/play/level/rescue-mission") + a#beginner-campaign(href="/play") div.game-mode-wrapper - if isEnglish - img(src="/images/pages/home/campaign.jpg").img-rounded - else - img(src="/images/pages/home/campaign_notext.jpg").img-rounded - h3(data-i18n="home.campaign") Campaign - h4(data-i18n="home.for_beginners") For Beginners + img(src="/images/pages/home/play_img.png").img-rounded + h3(data-i18n="home.campaign") Campaign + h4(data-i18n="home.for_beginners") For Beginners .play-text(data-i18n="home.play") Play - .code-language-logo - - a#multiplayer(href="/play/ladder") - div.game-mode-wrapper - if isEnglish - img(src="/images/pages/home/multiplayer.jpg").img-rounded - else - img(src="/images/pages/home/multiplayer_notext.jpg").img-rounded - h3(data-i18n="home.multiplayer") Multiplayer - h4(data-i18n="home.for_developers") For Developers - .play-text(data-i18n="home.play") Play - .code-language-logo .clearfix